zoukankan      html  css  js  c++  java

  • Android软件开发之ListView 详解

    Android软件开发之ListView 详解




    雨松MOMO原创文章如转载，请注明：转载至我的独立域名博客雨松MOMO程序研究院，原文地址:http://www.xuanyusong.com/archives/91



    ListView的使用方法


    ListView是Android软件开发中非常重要组件之一，基本上是个软件基本都会使用ListView ，今天我通过一个demo来教大家怎么样使用ListView组件 绘制出漂亮的列表，说道ListView就不得不说Adapter适配器，因为只有通过Adapter才可以把列表中的数据映射到ListView中。
    在android的开发中最Adapter 一共可以分为
     ArrayAdapter<T>,
     BaseAdapter,
    CursorAdapter,
     HeaderViewListAdapter,
     ResourceCursorAdapter,
     SimpleAdapter,
     SimpleCursorAdapter,
     WrapperListAdapter
    软件开发中最常用的有ArrayAdapter<T>, BaseAdapter, SimpleAdapter，今天我用一段代码向大家诠释如何使用ListView控件。





    1.简单的ListView

           在List列表中如果不存在过于复杂的东西 我们可以直接去new ArrayAdapter() 来绘制列表，无须继承ArrayAdapter，重写它的方法。但是如果列表中过于复杂的话就需要使用自定义布局来实现List列表。







    [java] view plaincopyprint?
    1. public class SimpleList extends ListActivity {  
    2.     private String[] mListStr = {"姓名：雨松MOMO","性别：男","年龄：25","居住地：北京","邮箱：xuanyusong@gmail.com"};  
    3.     ListView mListView = null;  
    4.     @Override  
    5.     protected void onCreate(Bundle savedInstanceState) {  
    6.     mListView = getListView();  
    7.     setListAdapter(new ArrayAdapter<String>(this,  
    8.                 android.R.layout.simple_list_item_1, mListStr));  
    9.     mListView.setOnItemClickListener(new OnItemClickListener() {  
    10.         @Override  
    11.         public void onItemClick(AdapterView<?> adapterView, View view, int position,  
    12.             long id) {  
    13.         Toast.makeText(SimpleList.this,"您选择了" + mListStr[position], Toast.LENGTH_LONG).show();  
    14.         }  
    15.     });  
    16.   
    17.     super.onCreate(savedInstanceState);  
    18.     }  
    19. }  



    2.带标题的ListView列表

          使用 simpleAdapter 需要注意的是须要用Map<String,Object> item 来保存列表中每一项的显示的title与text , new SimpleAdapter的时候将map中的数据写入 ，程序就会帮我们绘制列表了。





    [java] view plaincopyprint?
    1. public class TitleList extends ListActivity {  
    2.     private String[] mListTitle = { "姓名", "性别", "年龄", "居住地","邮箱"};  
    3.     private String[] mListStr = { "雨松MOMO", "男", "25", "北京",  
    4.         "xuanyusong@gmail.com" };  
    5.     ListView mListView = null;  
    6.     ArrayList<Map<String,Object>> mData= new ArrayList<Map<String,Object>>();;  
    7.   
    8.     @Override  
    9.     protected void onCreate(Bundle savedInstanceState) {  
    10.     mListView = getListView();  
    11.         
    12.     int lengh = mListTitle.length;  
    13.     for(int i =0; i < lengh; i++) {  
    14.         Map<String,Object> item = new HashMap<String,Object>();  
    15.         item.put("title", mListTitle[i]);  
    16.         item.put("text", mListStr[i]);  
    17.         mData.add(item);   
    18.     }  
    19.     SimpleAdapter adapter = new SimpleAdapter(this,mData,android.R.layout.simple_list_item_2,  
    20.         new String[]{"title","text"},new int[]{android.R.id.text1,android.R.id.text2});  
    21.         setListAdapter(adapter);  
    22.     mListView.setOnItemClickListener(new OnItemClickListener() {  
    23.         @Override  
    24.         public void onItemClick(AdapterView<?> adapterView, View view, int position,  
    25.             long id) {  
    26.         Toast.makeText(TitleList.this,"您选择了标题：" + mListTitle[position] + "内容："+mListStr[position], Toast.LENGTH_LONG).show();  
    27.         }  
    28.     });  
    29.     super.onCreate(savedInstanceState);  
    30.     }  
    31. }  

    3.带图片的ListView列表

            使用 simpleAdapter 来操作 但是构造simpleAdapter的时候须要使用我们自己写的布局来完成 ，因为系统的布局已经不能满足需求了，同样Map<String,Object> item 来保存列表中每一项须要的显示内容 如 图片 标题 内容等。







    添加我们自己的列表布局 图片 标题 内容
    [html] view plaincopyprint?
    1. <?xml version="1.0" encoding="utf-8"?>  
    2.   
    3. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    4.     android:layout_width="fill_parent" android:layout_height="?android:attr/listPreferredItemHeight">  
    5.     <ImageView android:id="@+id/image"  
    6.         android:layout_width="wrap_content" android:layout_height="fill_parent"  
    7.         android:layout_alignParentTop="true" android:layout_alignParentBottom="true"  
    8.         android:adjustViewBounds="true"  
    9.         android:padding="2dip" />  
    10.     <TextView android:id="@+id/title"  
    11.         android:layout_width="wrap_content" android:layout_height="wrap_content"  
    12.         android:layout_toRightOf="@+id/image"  
    13.         android:layout_alignParentRight="true" android:layout_alignParentTop="true"  
    14.         android:layout_above="@+id/text"  
    15.         android:layout_alignWithParentIfMissing="true" android:gravity="center_vertical"  
    16.         android:textSize="15dip" />  
    17.     <TextView android:id="@+id/text"  
    18.         android:layout_width="fill_parent" android:layout_height="wrap_content"  
    19.         android:layout_toRightOf="@+id/image"  
    20.         android:layout_alignParentBottom="true"  
    21.         android:layout_alignParentRight="true" android:singleLine="true"  
    22.         android:ellipsize="marquee"   
    23.         android:textSize="20dip" />  
    24. </RelativeLayout>  


    [java] view plaincopyprint?
    1. public class IconList extends ListActivity {  
    2.     private String[] mListTitle = { "姓名", "性别", "年龄", "居住地","邮箱"};  
    3.     private String[] mListStr = { "雨松MOMO", "男", "25", "北京",  
    4.         "xuanyusong@gmail.com" };  
    5.     ListView mListView = null;  
    6.     ArrayList<Map<String,Object>> mData= new ArrayList<Map<String,Object>>();;  
    7.   
    8.     @Override  
    9.     protected void onCreate(Bundle savedInstanceState) {  
    10.     mListView = getListView();  
    11.         
    12.     int lengh = mListTitle.length;  
    13.     for(int i =0; i < lengh; i++) {  
    14.         Map<String,Object> item = new HashMap<String,Object>();  
    15.         item.put("image", R.drawable.jay);  
    16.         item.put("title", mListTitle[i]);  
    17.         item.put("text", mListStr[i]);  
    18.         mData.add(item);   
    19.     }  
    20.     SimpleAdapter adapter = new SimpleAdapter(this,mData,R.layout.iconlist,  
    21.         new String[]{"image","title","text"},new int[]{R.id.image,R.id.title,R.id.text});  
    22.         setListAdapter(adapter);  
    23.     mListView.setOnItemClickListener(new OnItemClickListener() {  
    24.         @Override  
    25.         public void onItemClick(AdapterView<?> adapterView, View view, int position,  
    26.             long id) {  
    27.         Toast.makeText(IconList.this,"您选择了标题：" + mListTitle[position] + "内容："+mListStr[position], Toast.LENGTH_LONG).show();  
    28.         }  
    29.     });  
    30.     super.onCreate(savedInstanceState);  
    31.     }  
    32. }  

    4.自定义布局BaseAdapter修改列表颜色

           因为通过直接 构造系统的布局来绘制列表方法肯定是有限的，所以我们需要重写绘制方法 ，写一个类去继承BaseAdapter 并实现这个类中的方法，listView在一开始绘制的时候首先会调用getCout()方法得到绘制次数 ，然后会实例化自己定义的BaseAdapter通过getView()方法一层一层绘制ListView,所以我们可以在这里面根据position(当前绘制的ID)来任意的修改绘制的内容，做出好看漂亮的ListView,下面这个例子我通过重写getView修改每个列表的颜色 并且实现用户选中后成高亮状态。



    [html] view plaincopyprint?
    1. <?xml version="1.0" encoding="utf-8"?>  
    2.   
    3. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    4.     android:layout_width="fill_parent" android:layout_height="wrap_content">  
    5.     <ImageView android:id="@+id/color_image"  
    6.         android:layout_width="wrap_content" android:layout_height="fill_parent"  
    7.         android:layout_alignParentTop="true" android:layout_alignParentBottom="true"  
    8.         android:adjustViewBounds="true"  
    9.         android:padding="2dip" />  
    10.     <TextView android:id="@+id/color_title"  
    11.         android:layout_width="fill_parent" android:layout_height="wrap_content"  
    12.         android:layout_toRightOf="@+id/color_image"  
    13.         android:layout_alignParentBottom="true"  
    14.         android:layout_alignParentRight="true" android:singleLine="true"  
    15.         android:ellipsize="marquee"   
    16.         android:textSize="15dip"  />  
    17.     <TextView android:id="@+id/color_text"  
    18.         android:layout_width="fill_parent" android:layout_height="wrap_content"  
    19.         android:layout_toRightOf="@+id/color_image"  
    20.         android:layout_below="@+id/color_title"  
    21.         android:layout_alignParentBottom="true"  
    22.         android:layout_alignParentRight="true"   
    23.         android:singleLine="true"  
    24.         android:ellipsize="marquee"   
    25.         android:textSize="20dip" />  
    26. </RelativeLayout>  
    27.   
    28.    


    [java] view plaincopyprint?
    1. public class ColorList extends ListActivity {  
    2.     private String[] mListTitle = { "姓名", "性别", "年龄", "居住地","邮箱"};  
    3.     private String[] mListStr = { "雨松MOMO", "男", "25", "北京",  
    4.         "xuanyusong@gmail.com" };  
    5.     ListView mListView = null;  
    6.     MyListAdapter myAdapter = null;  
    7.     @Override  
    8.     protected void onCreate(Bundle savedInstanceState) {  
    9.     mListView = getListView();  
    10.     myAdapter = new MyListAdapter(this);  
    11.     setListAdapter(myAdapter);  
    12.     mListView.setOnItemClickListener(new OnItemClickListener() {  
    13.         @Override  
    14.         public void onItemClick(AdapterView<?> adapterView, View view, int position,  
    15.             long id) {  
    16.         View v=adapterView.getChildAt(position);  
    17.         v.setBackgroundColor(Color.RED);  
    18.         Toast.makeText(ColorList.this,"您选择了" + mListStr[position], Toast.LENGTH_LONG).show();  
    19.         }  
    20.     });  
    21.       
    22.     super.onCreate(savedInstanceState);  
    23.     }  
    24.   
    25.     class MyListAdapter extends BaseAdapter {  
    26.     private int[] colors = new int[] { 0xff626569, 0xff4f5257 };  
    27.     public MyListAdapter(Context context) {  
    28.         mContext = context;  
    29.     }  
    30.   
    31.     public int getCount() {  
    32.         return mListStr.length;  
    33.     }  
    34.   
    35.     @Override  
    36.     public boolean areAllItemsEnabled() {  
    37.         return false;  
    38.     }  
    39.   
    40.     public Object getItem(int position) {  
    41.         return position;  
    42.     }  
    43.   
    44.     public long getItemId(int position) {  
    45.         return position;  
    46.     }  
    47.   
    48.     public View getView(int position, View convertView, ViewGroup parent) {  
    49.         ImageView iamge = null;  
    50.         TextView title = null;  
    51.         TextView text = null;  
    52.         if (convertView == null) {  
    53.         convertView = LayoutInflater.from(mContext).inflate(R.layout.colorlist, null);  
    54.         iamge = (ImageView) convertView.findViewById(R.id.color_image);  
    55.         title =(TextView) convertView.findViewById(R.id.color_title);  
    56.         text= (TextView) convertView.findViewById(R.id.color_text);  
    57.         }   
    58.         int colorPos = position % colors.length;  
    59.         convertView.setBackgroundColor(colors[colorPos]);  
    60.         title.setText(mListTitle[position]);  
    61.         text.setText(mListStr[position]);  
    62.          iamge.setImageResource(R.drawable.jay);  
    63.         return convertView;  
    64.     }  
    65.   
    66.     private Context mContext;  
    67.     }  
    68. }  



    5.自定义布局ArrayAdapter
            ArrayAdapter是BaseAdapter的子类，ArrayAdapter不仅具有BaseAdapter的所有方法还自定义了一些新的方法来处理列表项，所以单纯的从功能能上来讲ArrayAdapter远远强与BaseAdapter，如果是绘制一些数量比较少的列表建议使用BaseAdapter 如果绘制一些比较复杂的列表项 并且列表项很多的 建议使用ArrayAdapter。








    [html] view plaincopyprint?
    1. <?xml version="1.0" encoding="utf-8"?>  
    2.   
    3. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    4.     android:layout_width="fill_parent" android:layout_height="wrap_content">  
    5.     <Button  
    6.         android:id="@+id/array_button"  
    7.         android:layout_width="wrap_content"   
    8.         android:layout_height="wrap_content"  
    9.         android:text="一个按钮"  
    10.     />  
    11.     <ImageView android:id="@+id/array_image"  
    12.         android:layout_toRightOf="@+id/array_button"  
    13.         android:layout_width="wrap_content" android:layout_height="fill_parent"  
    14.         android:layout_alignParentTop="true" android:layout_alignParentBottom="true"  
    15.         android:adjustViewBounds="true"  
    16.         android:padding="2dip" />  
    17.     <TextView android:id="@+id/array_title"  
    18.         android:layout_width="fill_parent" android:layout_height="wrap_content"  
    19.         android:layout_toRightOf="@+id/array_image"  
    20.         android:layout_alignParentBottom="true"  
    21.         android:layout_alignParentRight="true" android:singleLine="true"  
    22.         android:ellipsize="marquee"   
    23.         android:textSize="15dip"  />  
    24.     <TextView android:id="@+id/array_text"  
    25.         android:layout_width="fill_parent" android:layout_height="wrap_content"  
    26.         android:layout_toRightOf="@+id/array_image"  
    27.         android:layout_below="@+id/array_title"  
    28.         android:layout_alignParentBottom="true"  
    29.         android:layout_alignParentRight="true"   
    30.         android:singleLine="true"  
    31.         android:ellipsize="marquee"   
    32.         android:textSize="20dip" />  
    33.   
    34. </RelativeLayout>  

    [java] view plaincopyprint?
    1. public class ArrayList extends ListActivity {  
    2.     private String[] mListTitle = { "姓名", "性别", "年龄", "居住地","邮箱"};  
    3.     private String[] mListStr = { "雨松MOMO", "男", "25", "北京",  
    4.         "xuanyusong@gmail.com" };  
    5.     ListView mListView = null;  
    6.     MyListAdapter myAdapter = null;  
    7.     ArrayList arrayList = null;  
    8.     @Override  
    9.     protected void onCreate(Bundle savedInstanceState) {  
    10.     arrayList = this;  
    11.     mListView = getListView();  
    12.     myAdapter = new MyListAdapter(this,R.layout.arraylist);  
    13.     setListAdapter(myAdapter);  
    14.     super.onCreate(savedInstanceState);  
    15.     }  
    16.   
    17.     public class MyListAdapter extends ArrayAdapter<Object> {  
    18.     int mTextViewResourceID = 0;  
    19.     private Context mContext;  
    20.     public MyListAdapter(Context context, int textViewResourceId) {  
    21.         super(context, textViewResourceId);  
    22.         mTextViewResourceID = textViewResourceId;  
    23.         mContext = context;  
    24.     }  
    25.   
    26.     private int[] colors = new int[] { 0xff626569, 0xff4f5257 };  
    27.   
    28.     public int getCount() {  
    29.         return mListStr.length;  
    30.     }  
    31.   
    32.     @Override  
    33.     public boolean areAllItemsEnabled() {  
    34.         return false;  
    35.     }  
    36.   
    37.     public Object getItem(int position) {  
    38.         return position;  
    39.     }  
    40.   
    41.     public long getItemId(int position) {  
    42.         return position;  
    43.     }  
    44.   
    45.     public View getView(final int position, View convertView, ViewGroup parent) {  
    46.         ImageView iamge = null;  
    47.         TextView title = null;  
    48.         TextView text = null;  
    49.         Button button = null;  
    50.         if (convertView == null) {  
    51.         convertView = LayoutInflater.from(mContext).inflate(  
    52.             mTextViewResourceID, null);  
    53.         iamge = (ImageView) convertView.findViewById(R.id.array_image);  
    54.         title = (TextView) convertView.findViewById(R.id.array_title);  
    55.         text = (TextView) convertView.findViewById(R.id.array_text);  
    56.         button = (Button)convertView.findViewById(R.id.array_button);  
    57.         button.setOnClickListener(new OnClickListener() {  
    58.               
    59.             @Override  
    60.             public void onClick(View arg0) {  
    61.             Toast.makeText(arrayList,"您点击的第"+position +"个按钮", Toast.LENGTH_LONG).show();  
    62.               
    63.             }  
    64.         });  
    65.         }  
    66.         int colorPos = position % colors.length;  
    67.         convertView.setBackgroundColor(colors[colorPos]);  
    68.         title.setText(mListTitle[position]);  
    69.         text.setText(mListStr[position]);  
    70.         if(colorPos == 0)  
    71.         iamge.setImageResource(R.drawable.jay);  
    72.         else  
    73.         iamge.setImageResource(R.drawable.image);  
    74.         return convertView;  
    75.     }  
    76.     }  
    77. }  

    最后如果你还是觉得我写的不够详细 看的不够爽 不要紧我把源代码的下载地址贴出来 欢迎大家一起讨论学习
    雨松MOMO希望可以和大家一起进步。

    下载地址：http://www.xuanyusong.com/archives/91
  • 相关阅读:
    再次或多次格式化导致namenode的ClusterID和datanode的ClusterID之间不一致的问题解决办法
    Linux安装aria2
    POJ 3335 Rotating Scoreboard 半平面交
    hdu 1540 Tunnel Warfare 线段树 区间合并
    hdu 3397 Sequence operation 线段树 区间更新 区间合并
    hud 3308 LCIS 线段树 区间合并
    POJ 3667 Hotel 线段树 区间合并
    POJ 2528 Mayor's posters 贴海报 线段树 区间更新
    POJ 2299 Ultra-QuickSort 求逆序数 线段树或树状数组 离散化
    POJ 3468 A Simple Problem with Integers 线段树成段更新
  • 原文地址：https://www.cnblogs.com/techstone/p/3321317.html
Copyright © 2011-2022 走看看