zoukankan      html  css  js  c++  java
  • ListView选中一行后高亮显示

    追Windows8应用浪潮,做微软首批开发者

    http://wp.eoe.cn/thread-9325-1-1.html

    仿三星,视频浮动窗口,可在任意界面显示
    http://www.eoeandroid.com/thread-232078-1-1.html

    【每日话题】如果说一个程序猿猝死了
    http://www.eoeandroid.com/thread-232492-1-1.html

    -----------------帖子正文---------------

    人人客户端有一个很好的导航栏,如下图所示,当点击左侧ListView后,选中的一行就会一直呈高亮状态显示,图中选中行字的颜色显示为蓝色(注意:是选中行后一直高亮,而不是只是点击时高亮),如果再次点击另外的一行,
    则新的那一行就高亮,下面就来实现这个高亮效果的显示;

    刚开始实现的时候,我打算使用ListView的 getChildAt(int
    pos)方法来实现,结果发现非常的cao蛋,因为ListView
    本身的原因,当你View
    view=listView.getChildAt(pos),并且改变这个View的状态时,你会发现,高亮的往往不是你
    选中的那行,反而是其他行,这是由于ListView本身决定了,Google在设计ListView的时候,为了减少内存的消耗,使
    用了一种共用的方式,即多个行共用一个View,所以才会出现点击后乱跳的现象(这是一种很高明的方法,不过也苦了
    程序猿们);

    于是就选择了另外一种方式,ListView都有一个Adapter来显示数据,而这个Adapter中的getView()却能获得准确
    的每一行,这里我们需要自定义一个继承自BaseAdapter的Adapter来实现(如果使用ArrayAdapter等自带的Adapter时,
    不会实现这样的功能);另外,这个ListView一定要设置一个属性:listview.setChoiceMode(ListView.CHOICE_MODE_SINGLE);
    即设置为单选模式,这样当你点击一行后,ListView就会刷新界面,还有就是给ListView设置OnItemClickListener监听器,
    当点击一行后,就更新当前行的下标,所有代码如下所示:

    View Code
    public class ListViewDemo extends Activity {  
    private ListView listview;  
    private int cur_pos = 0;// 当前显示的一行  
      
    private String[] items_text = { "选项一", "选项二", "选项三", "选项四", "选项五" };  
    private int[] items_img = { R.drawable.ic_launcher, R.drawable.ic_launcher,  
    R.drawable.ic_launcher, R.drawable.ic_launcher,  
    R.drawable.ic_launcher };  
      
    @Override 
    protected void onCreate(Bundle savedInstanceState) {  
    super.onCreate(savedInstanceState);  
    setContentView(R.layout.activity_list_view_demo);  
    listview = (ListView) findViewById(R.id.listview);  
      
    final MyAdapter adapter = new MyAdapter(this);  
    listview.setAdapter(adapter);  
      
    listview.setChoiceMode(ListView.CHOICE_MODE_SINGLE);// 一定要设置这个属性,否则ListView不会刷新  
    listview.setOnItemClickListener(new OnItemClickListener() {  
    @Override 
    public void onItemClick(AdapterView<?> arg0, View arg1,  
    int position, long id) {  
    cur_pos = position;// 更新当前行  
    }  
    });  
    }  
      
    private class MyAdapter extends BaseAdapter {  
    private LayoutInflater inflater;  
      
    public MyAdapter(Context context) {  
    inflater = (LayoutInflater) context  
    .getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
    }  
      
    @Override 
    public int getCount() {  
    return items_text.length;  
    }  
      
    @Override 
    public Object getItem(int position) {  
    return items_text[position];  
    }  
      
    @Override 
    public long getItemId(int position) {  
    return position;  
    }  
      
    @Override 
    public View getView(int position, View convertView, ViewGroup parent) {  
    Log.e("TEST", "refresh once");  
    convertView = inflater.inflate(R.layout.list_child, null, false);  
    ImageView img = (ImageView) convertView  
    .findViewById(R.id.list_child_img);// 用于显示图片  
    TextView tv = (TextView) convertView  
    .findViewById(R.id.list_child_text);// 显示文字  
    tv.setText(items_text[position]);  
    img.setImageResource(items_img[position]);  
    if (position == cur_pos) {// 如果当前的行就是ListView中选中的一行,就更改显示样式  
    convertView.setBackgroundColor(Color.LTGRAY);// 更改整行的背景色  
    tv.setTextColor(Color.RED);// 更改字体颜色  
    }  
    return convertView;  
    }  
    }  
    }  
      
    public class ListViewDemo extends Activity { 
    private ListView listview; 
    private int cur_pos = 0;// 当前显示的一行 
      
    private String[] items_text = { "选项一", "选项二", "选项三", "选项四", "选项五" }; 
    private int[] items_img = { R.drawable.ic_launcher, R.drawable.ic_launcher, 
    R.drawable.ic_launcher, R.drawable.ic_launcher, 
    R.drawable.ic_launcher }; 
      
    @Override
    protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_list_view_demo); 
    listview = (ListView) findViewById(R.id.listview); 
      
    final MyAdapter adapter = new MyAdapter(this); 
    listview.setAdapter(adapter); 
      
    listview.setChoiceMode(ListView.CHOICE_MODE_SINGLE);// 一定要设置这个属性,否则ListView不会刷新 
    listview.setOnItemClickListener(new OnItemClickListener() { 
    @Override
    public void onItemClick(AdapterView<?> arg0, View arg1, 
    int position, long id) { 
    cur_pos = position;// 更新当前行 
    } 
    }); 
    } 
      
    private class MyAdapter extends BaseAdapter { 
    private LayoutInflater inflater; 
      
    public MyAdapter(Context context) { 
    inflater = (LayoutInflater) context 
    .getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
    } 
      
    @Override
    public int getCount() { 
    return items_text.length; 
    } 
      
    @Override
    public Object getItem(int position) { 
    return items_text[position]; 
    } 
      
    @Override
    public long getItemId(int position) { 
    return position; 
    } 
      
    @Override
    public View getView(int position, View convertView, ViewGroup parent) { 
    Log.e("TEST", "refresh once"); 
    convertView = inflater.inflate(R.layout.list_child, null, false); 
    ImageView img = (ImageView) convertView 
    .findViewById(R.id.list_child_img);// 用于显示图片 
    TextView tv = (TextView) convertView 
    .findViewById(R.id.list_child_text);// 显示文字 
    tv.setText(items_text[position]); 
    img.setImageResource(items_img[position]); 
    if (position == cur_pos) {// 如果当前的行就是ListView中选中的一行,就更改显示样式 
    convertView.setBackgroundColor(Color.LTGRAY);// 更改整行的背景色 
    tv.setTextColor(Color.RED);// 更改字体颜色 
    } 
    return convertView; 
    } 
    } 
    }

    ListViewHighlight.zip

  • 相关阅读:
    vue-cli 2.x升级到3.x版本, 和3.x降级到2.x版本命令
    vue-cli 2.x项目,删除打包线上环境的控制台打印
    vue-cli 2.x项目使用cross-env新建多个打包环境
    解决vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题
    vue打包后,解决出现不到字体文件的错误
    js 网络图片转base64的方式(两种)
    vscode编译器,Settings Sync 同步插件,忘记GitHub token 和 Gist的解决办法
    输入两个时间,计算他们相差多少天多少时,多少秒
    老生常谈之js深拷贝与浅拷贝
    React Hooks 你不来了解下?
  • 原文地址:https://www.cnblogs.com/vus520/p/2790405.html
Copyright © 2011-2022 走看看