快捷導(dǎo)航

listview 選中高亮顯示實(shí)現(xiàn)方法

更新時(shí)間：2012年11月27日 11:53:14 作者：

當(dāng)點(diǎn)擊左側(cè)ListView后，選中的一行就會(huì)一直呈高亮狀態(tài)顯示，圖中選中行字的顏色顯示為藍(lán)色(注意：是選中行后一直高亮，而不是只是點(diǎn)擊時(shí)高亮），如果再次點(diǎn)擊另外的一行，則新的那一行就高亮，下面就來實(shí)現(xiàn)這個(gè)高亮效果的顯示

人人客戶端有一個(gè)很好的導(dǎo)航欄，如下圖所示，當(dāng)點(diǎn)擊左側(cè)ListView后，選中的一行就會(huì)一直呈高亮狀態(tài)顯示，圖中選中行字的顏色顯示為藍(lán)色(注意：是選中行后一直高亮，而不是只是點(diǎn)擊時(shí)高亮），如果再次點(diǎn)擊另外的一行，則新的那一行就高亮，下面就來實(shí)現(xiàn)這個(gè)高亮效果的顯示；

剛開始實(shí)現(xiàn)的時(shí)候，我打算使用ListView的 getChildAt(int
pos)方法來實(shí)現(xiàn)，結(jié)果發(fā)現(xiàn)非常的cao蛋，因?yàn)長(zhǎng)istView本身的原因，當(dāng)你View
view=listView.getChildAt(pos)，并且改變這個(gè)View的狀態(tài)時(shí)，你會(huì)發(fā)現(xiàn)，高亮的往往不是你
選中的那行，反而是其他行，這是由于ListView本身決定了，Google在設(shè)計(jì)ListView的時(shí)候，為了減少內(nèi)存的消耗，使用了一種共用的方式，即多個(gè)行共用一個(gè)View，所以才會(huì)出現(xiàn)點(diǎn)擊后亂跳的現(xiàn)象（這是一種很高明的方法，不過也苦了程序猿們）；
于是就選擇了另外一種方式，ListView都有一個(gè)Adapter來顯示數(shù)據(jù)，而這個(gè)Adapter中的getView()卻能獲得準(zhǔn)確的每一行，這里我們需要自定義一個(gè)繼承自BaseAdapter的Adapter來實(shí)現(xiàn)（如果使用ArrayAdapter等自帶的Adapter時(shí)，不會(huì)實(shí)現(xiàn)這樣的功能）；另外，這個(gè)ListView一定要設(shè)置一個(gè)屬性：listview.setChoiceMode(ListView.CHOICE_MODE_SINGLE);
即設(shè)置為單選模式，這樣當(dāng)你點(diǎn)擊一行后，ListView就會(huì)刷新界面，還有就是給ListView設(shè)置OnItemClickListener監(jiān)聽器，當(dāng)點(diǎn)擊一行后，就更新當(dāng)前行的下標(biāo)，所有代碼如下所示：

復(fù)制代碼代碼如下:

 
public class ListViewDemo extends Activity { 
private ListView listview; 
private int cur_pos = 0;// 當(dāng)前顯示的一行 
private String[] items_text = { "選項(xiàng)一", "選項(xiàng)二", "選項(xiàng)三", "選項(xiàng)四", "選項(xiàng)五" }; 
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);// 一定要設(shè)置這個(gè)屬性，否則ListView不會(huì)刷新 
listview.setOnItemClickListener(new OnItemClickListener() { 
@Override 
public void onItemClick(AdapterView<?> arg0, View arg1, 
int position, long id) { 
cur_pos = position;// 更新當(dāng)前行 
} 
}); 
} 
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) {// 如果當(dāng)前的行就是ListView中選中的一行，就更改顯示樣式 
convertView.setBackgroundColor(Color.LTGRAY);// 更改整行的背景色 
tv.setTextColor(Color.RED);// 更改字體顏色 
} 
return convertView; 
} 
} 
} 
public class ListViewDemo extends Activity { 
private ListView listview; 
private int cur_pos = 0;// 當(dāng)前顯示的一行 
private String[] items_text = { "選項(xiàng)一", "選項(xiàng)二", "選項(xiàng)三", "選項(xiàng)四", "選項(xiàng)五" }; 
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);// 一定要設(shè)置這個(gè)屬性，否則ListView不會(huì)刷新 
listview.setOnItemClickListener(new OnItemClickListener() { 
@Override 
public void onItemClick(AdapterView<?> arg0, View arg1, 
int position, long id) { 
cur_pos = position;// 更新當(dāng)前行 
} 
}); 
} 
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) {// 如果當(dāng)前的行就是ListView中選中的一行，就更改顯示樣式 
convertView.setBackgroundColor(Color.LTGRAY);// 更改整行的背景色 
tv.setTextColor(Color.RED);// 更改字體顏色 
} 
return convertView; 
} 
} 
} 