listview 选中高亮显示实现方法

人人客户端有一个很好的导航栏,如下图所示,当点击左侧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监听器, 当点击一行后,就更新当前行的下标,所有代码如下所示:

复制代码 代码如下:

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;

}

}

}

时间: 2024-10-27 00:18:31

listview 选中高亮显示实现方法的相关文章

listview 选中高亮显示实现方法_Android

人人客户端有一个很好的导航栏,如下图所示,当点击左侧ListView后,选中的一行就会一直呈高亮状态显示,图中选中行字的颜色显示为蓝色(注意:是选中行后一直高亮,而不是只是点击时高亮),如果再次点击另外的一行, 则新的那一行就高亮,下面就来实现这个高亮效果的显示:  刚开始实现的时候,我打算使用ListView的 getChildAt(int pos)方法来实现,结果发现非常的cao蛋,因为ListView本身的原因,当你View view=listView.getChildAt(pos),并且

javascript实现table选中的行以指定颜色高亮显示的方法_javascript技巧

本文实例讲述了javascript实现table选中的行以指定颜色高亮显示的方法.分享给大家供大家参考.具体实现方法如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>table选中的行以指

listview-C# ListView选中问题求助

问题描述 C# ListView选中问题求助 如图,有一个ListView,CheckBoxes已经开启了. 如上图所示,已经选中了几条记录,当我点击选中的复选框(任意一个)的时候,所有的复选框都会取消选择. 经断点调试发现,listView1_ItemChecked 事件会被执行多次,直到所有复选框取消选择为止. 里面的代码只有一句话: private void listView1_ItemChecked(object sender, ItemCheckedEventArgs e) { e.I

javascript上下方向键控制表格行选中并高亮显示的方法_javascript技巧

本文实例讲述了javascript上下方向键控制表格行选中并高亮显示的方法.分享给大家供大家参考.具体实现方法如下: <style> tr.highlight { background:#08246B; color:white; } </style> <table border="1" width="70%" id="ice"> <tr onClick="selectTR();return fa

jQuery切换所有复选框选中状态的方法

  本文实例讲述了jQuery切换所有复选框选中状态的方法.分享给大家供大家参考.具体如下: 这段代码非常简单实用,通过链接切换所有checkbox是否选中 ? 1 2 3 4 5 6 var tog = false; // or true if they are checked on load $('a').click(function() { $("input[type=checkbox]").attr("checked",!tog); tog = !tog;

JQUERY简单按钮轮换选中效果实现方法

  这篇文章主要介绍了JQUERY简单按钮轮换选中效果实现方法,涉及jQuery鼠标事件与css样式操作的基本技巧,需要的朋友可以参考下 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 <html> <head> <meta http-equiv="Content-Type" content="text/html

JavaScript获取文本框内选中文本的方法

 这篇文章主要介绍了JavaScript获取文本框内选中文本的方法,实例分析了javascript通过onclick获取文本框选中文本的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JavaScript获取文本框内选中文本的方法.分享给大家供大家参考.具体分析如下: 这里的代码可以用来获取用户通过鼠标在文本输入框或者textarea里选择的选本. 需要注意ie的问题. 代码如下: 代码如下: <script type="text/javascript"&

JavaScript获取页面上被选中文字的方法技巧

 这篇文章主要介绍了JavaScript获取页面上被选中文字的方法技巧,本文直接给出实现代码和运行效果,需要的朋友可以参考下     这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法.最关键的JavaScript API是: 代码如下: event.selection = window.getSelection(); 这里的selection实际上是个对象,但如果我们使用 .toString()或强行转化成字符串,我们将得到被选中的文字. 代码如下: $(docume

jquery实现页面关键词高亮显示的方法

 这篇文章主要介绍了jquery实现页面关键词高亮显示的方法,实例分析了jQuery插件highlight实现高亮显示的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了jquery实现页面关键词高亮显示的方法.分享给大家供大家参考.具体分析如下: 通过jquery对页面搜索关键词进行高亮显示 支持中文多词页面中高亮显示 1. JavaScript代码如下: 代码如下: jQuery.fn.extend({ highlight: function(search, configs