Android ListView自定义和选中效果

时间:2022-02-05 21:11:50

Android ListView自定义和选中效果

1.自定义列表框的每项

layout文件夹中创建xml文件,在自定义的adapter的getview方法中加载。

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:Android="http://schemas.android.com/apk/res/android"  
  3.               android:orientation="vertical"  
  4.               android:layout_width="fill_parent"  
  5.               android:layout_height="fill_parent"  
  6.               android:weightSum="1">  
  7.                 
  8.     <LinearLayout android:orientation="horizontal"  
  9.           android:layout_width="fill_parent"  
  10.           android:layout_height="40px"  
  11.           android:id="@+id/layout"  
  12.           android:padding="6px">  
  13.                             
  14.         <ImageView android:id="@+id/icon"  
  15.                android:layout_width="18dip"  
  16.                android:layout_height="18dip"  
  17.                android:layout_marginLeft="2dip"  
  18.                android:layout_marginRight="2dip" />  
  19.                      
  20.         <TextView android:id="@+id/text"  
  21.               android:layout_gravity="center_horizontal"  
  22.               android:layout_width="fill_parent"  
  23.               android:layout_height="wrap_content" />  
  24.       
  25.     </LinearLayout>  
  26.       
  27. </LinearLayout>  
2.自定义列表框适配器adapter
自定义adapter,继承自BaseAdapter,在getview方法中为当前项赋值并添加选中效果。
  1. import android.content.Context;  
  2. import android.content.res.Resources;  
  3. import android.graphics.Bitmap;  
  4. import android.graphics.BitmapFactory;  
  5. import android.graphics.Color;  
  6. import android.view.LayoutInflater;  
  7. import android.view.View;  
  8. import android.view.ViewGroup;  
  9. import android.widget.BaseAdapter;  
  10. import android.widget.ImageView;  
  11. import android.widget.LinearLayout;  
  12. import android.widget.TextView;  
  13.   
  14. public class ListviewAdapter extends BaseAdapter{  
  15.       
  16.     private LayoutInflater inflater = null;  
  17.     private ArrayList<String> items = null;  
  18.     private Bitmap icon;  
  19.           
  20.     private int selectedPosition = -1;    
  21.     public void setSelectedPosition(int position) {  
  22.         selectedPosition = position;  
  23.     }  
  24.             
  25.     public ListviewAdapter(Context context, ArrayList<String> arraylist) {  
  26.         // TODO Auto-generated constructor stub   
  27.         // LayoutInflater用来加载界面   
  28.         inflater = LayoutInflater.from(context);  
  29.         // 保存适配器中的每项的文字信息   
  30.         this.items = arraylist;  
  31.         // 获得资源中的图片作为要显示的图标   
  32.         Resources res = context.getResources();  
  33.         this.icon = BitmapFactory.decodeResource(res, R.drawable.icon);  
  34.     }    
  35.           
  36.     @Override  
  37.     public int getCount() {  
  38.         // TODO Auto-generated method stub   
  39.         return items.size();  
  40.     }    
  41.           
  42.     @Override  
  43.     public Object getItem(int position) {  
  44.         // TODO Auto-generated method stub   
  45.         return items.get(position);  
  46.     }  
  47.           
  48.     @Override  
  49.     public long getItemId(int position) {  
  50.         // TODO Auto-generated method stub   
  51.         return position;  
  52.     }  
  53.       
  54.     // 保存每项中的控件的引用   
  55.     class ViewHolder {  
  56.         TextView text;  
  57.         ImageView icon;  
  58.         LinearLayout layout;  
  59.     }  
  60.           
  61.     @Override    
  62.     public View getView(int position, View convert, ViewGroup parent) {  
  63.        // TODO Auto-generated method stub   
  64.        ViewHolder holder;  
  65.        if(convert == null)  
  66.        {  
  67.             // 调用LayoutInflater的inflate方法加载layout文件夹中的界面   
  68.             convert = inflater.inflate(R.layout.list_row, null);  
  69.             holder = new ViewHolder();  
  70.             holder.text = (TextView)convert.findViewById(R.id.text);  
  71.             holder.icon = (ImageView)convert.findViewById(R.id.icon);  
  72.             holder.layout = (LinearLayout)convert.findViewById(R.id.layout);  
  73.             // 保存包含当前项控件的对象   
  74.             convert.setTag(holder);  
  75.         } else {  
  76.             // 获取包含当前项控件的对象   
  77.             holder = (ViewHolder)convert.getTag();  
  78.         }  
  79.         // 设置当前项的内容   
  80.         holder.text.setText(items.get(position));  
  81.         holder.icon.setImageBitmap(icon);  
  82.         // 设置选中效果   
  83.             if(selectedPosition == position)  
  84.             {  
  85.             holder.text.setTextColor(Color.BLUE);  
  86.             holder.layout.setBackgroundColor(Color.YELLOW);  
  87.             } else {  
  88.             holder.text.setTextColor(Color.WHITE);  
  89.             holder.layout.setBackgroundColor(Color.TRANSPARENT);  
  90.             }  
  91.         return convert;  
  92.     }  
  93. }  
3.主activity
添加列表框项目的点击事件,更新列表框实现选中效果的目的。
  1. import java.util.ArrayList;  
  2.   
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.View;  
  6. import android.widget.AdapterView;  
  7. import android.widget.ListView;  
  8. import android.widget.AdapterView.OnItemClickListener;  
  9.   
  10. public class TestActivity extends Activity {  
  11.     private ListviewAdapter listAdapter;  
  12.       
  13.     /** Called when the activity is first created. */  
  14.     @Override  
  15.     public void onCreate(Bundle savedInstanceState) {  
  16.         super.onCreate(savedInstanceState);  
  17.         setContentView(R.layout.main);  
  18.           
  19.         // 初始化列表框里显示的内容   
  20.         ArrayList<String> list = new ArrayList<String>();  
  21.         for(int i=1; i<20; i++)  
  22.             list.add("Line " + i);  
  23.           
  24.         // 为列表框添加适配器           
  25.         ListView listview = (ListView)this.findViewById(R.id.listview);  
  26.         listAdapter = new ListviewAdapter(this, list);  
  27.         listview.setAdapter(listAdapter);  
  28.           
  29.         // 添加列表框项目点击事件   
  30.         listview.setOnItemClickListener(new OnItemClickListener() {  
  31.         @Override  
  32.         public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {  
  33.             // 设置适配器的选中项   
  34.             listAdapter.setSelectedPosition(arg2);  
  35.             // 更新列表框   
  36.                     listAdapter.notifyDataSetInvalidated();      
  37.         }  
  38.     });  
  39.     }  
  40. }  
4.主acitivity的界面
为防止列表框滚动时背景会变黑,添加 android:cacheColorHint="#00000000" 属性。
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.               android:orientation="vertical"  
  4.               android:layout_width="fill_parent"  
  5.               android:layout_height="fill_parent"  
  6.               android:weightSum="1">  
  7.                 
  8.     <TextView android:layout_width="wrap_content"  
  9.           android:layout_height="wrap_content"  
  10.           android:text="Listview:"  
  11.               android:textSize="8pt"  
  12.               android:gravity="left" />  
  13.                 
  14.     <ListView android:id="@+id/listview"  
  15.           android:layout_width="fill_parent"   
  16.           android:layout_height="wrap_content"  
  17.           android:cacheColorHint="#00000000" />  
  18.       
  19. </LinearLayout>