自定义Adapter及其实例

Android界面中有时候需要显示稍微复杂的界面时,就需要我们自定义一个adapter,而此adapter就要继承BaseAdapter,重新其中的方法.

Android中Adapter类其实就是把数据源绑定到指定的View上,然后再返回该View,而返回来的这个View就是ListView中的某一行item。这里返回来的View正是由我们的Adapter中的getView方法返回的。这样就会容易理解数据是怎样一条一条显示在ListView中的。

在完成这篇文章中的例子之后,我思考了很长时间,关于重写一个adapter,这其中真的有很多讲究,遇到一处不懂的都会查阅很长时间,但也不能保证我已经把其中的重中之重已经找完了,只要你想延伸都可以发现其中的无限.....

问题1:为什么我们要重写一个adapter?

问题2:android中这么多adapter,什么情况下该重写哪一个adapter(ArrayAdapter/SimpleAdapter/SimpleCursorAdapter...)?

问题3:我们重写的adapter为什么是一个内部类,是否建议把adapter做成一个内部类?

问题4:理解应用中的数据源一般都会用一个Map类型的List,有何意途?

问题5:通过adapter是怎样做到把一条一条的item放到ListView中的?

问题6:理解重写adapter时,重写的几个方法(getCount()/getItem()/getItemId()/getView())?

问题7:理解ListView使用adapter的机制

案例概览步骤:

1)创建2个layout,一个是界面顶部的显示,一个是ListView中的内容

   1.1)ListView_header.xml(注:自我感觉界面中的控件的位置摆放与layout_width/layout_height/orientation/gravity/layout_gravity的属性设置关系非常大,一定要注意每个属性的用法)

<?xml version="1.0" encoding="UTF-8"?>
<!-- 第一个LinearLayout,充当父容器,要包揽两行,因此设置其 android:orientation为    纵向-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical">

    <!-- 第二个LinearLayout
    android:gravity 表示该LinearLayout中的类容相对于该LinearLayout 水平居中
    android:layout_gravity 表示的是该LinearLayout相对于它上面的父容器(这里是第一个LinearLayout)水平居中
    -->
    <LinearLayout android:id="@+id/toprow"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center_horizontal">

     <TextView android:id="@+id/quna"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:textColor="#ff9966ff"
         android:textSize="25dp"
         android:text="@string/places"/>

     <!-- 用一个图片按钮 -->
     <ImageButton android:id="@+id/goBtn"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:src="@drawable/quna"/>
    </LinearLayout>

    <TextView android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="@string/placesList"
         android:textColor="#ff9966ff"
         android:textSize="20dp"/>

    <ListView android:id="@+id/list_places"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>

</LinearLayout>

1.2)listview_item.xml

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" //此属性的设置非常重要,决定里面的控件横向摆放
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <!-- android:layout_margin设置图片与旁边文章的距离 -->
    <ImageView android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"/>
    <LinearLayout android:orientation="vertical" //也很重要决定里面的两个textview竖着放
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <TextView android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#ff3399ff"
            android:textSize="20dp"/>
        <TextView android:id="@+id/info"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#ff3399ff"
            android:textSize="13dp"/>
    </LinearLayout>
    <!-- 注意此处button的属性android:layout_gravity的用法 ,这里设置了都没效果
    这里不是很理解为什么要在加一个LinearLayout,里面的button才可以居右??
    而且LinearLayout的width必须为fill_parent才可以
    -->
    <LinearLayout android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        >
    <Button android:id="@+id/viewBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/btn_select"
        android:layout_gravity="bottom|right"/>

    </LinearLayout>
</LinearLayout>

2)、写java class,开发activity(建一个class继承Activity,添加click事件的时候还要实现onClickListener接口)

       2.1)  重写onCreate方法----------------------------------------------->

         private ListView listView;
         private ImageButton goBtn;
         private List<Map<String, Object>> testData;

      protected void onCreate(Bundle savedInstanceState) {
                      super.onCreate(savedInstanceState);
                      setContentView(R.layout.listview_header);//这里运行该项目的时候,让其显示listview_header.xml界面(layout),然后再将listview要显示的item项加到里面
                      //获得listview_header.xml中的ListView控件

                      listView = (ListView) findViewById(R.id.list_places);
                      //获得imageButton给它添加click事件
                      goBtn = (ImageButton) findViewById(R.id.goBtn);
                      goBtn.setOnClickListener(new OnClickListener() {
                                 //这里只是做出了简单的弹出框
                                @Override
                                 public void onClick(View v) {
                                            new AlertDialog.Builder(BaseAdapterTest2.this).setTitle("想去的国家:")

                                                                                  .setMessage("i want to go France")

                                                                                  .setPositiveButton("确定", null).sho();
                                  }
                                 });

                     //数据源
                     testData = buildData();
                     MyAdapter adapter = new MyAdapter(this);

                     //通过setAdapter而把数据绑定到ListView中
                     listView.setAdapter(adapter);
           }

      2.2)创建数据,注意这里为什么要是Map类型的List集合

            private List<Map<String, Object>> buildData(){
                        List<Map<String, Object>> data = new ArrayList<Map<String,Object>>();
                        Map<String, Object> map = new HashMap<String, Object>();

                        map.put("title", "中国");
                       map.put("info", "China");
                       map.put("image", R.drawable.p6);
                       data.add(map);

                       map = new HashMap<String, Object>();
                       map.put("title", "英国");
                       map.put("info", "England");
                       map.put("image", R.drawable.p7);
                       data.add(map);

                       map = new HashMap<String, Object>();
                       map.put("title", "美国");
                       map.put("info", "America");
                       map.put("image", R.drawable.p9);

                        map = new HashMap<String, Object>();
                        map.put("title", "荷兰");
                        map.put("info", "Dutch");
                        map.put("image", R.drawable.p9);
                       data.add(map);

                       map = new HashMap<String, Object>();
                       map.put("title", "新西兰");
                       map.put("info", "New Zealand");
                       map.put("image", R.drawable.p7);
                       data.add(map);

                       data.add(map);

                       return data;

           }

         2.3)写自定义adapter(它是一个内部类,继承自BaseAdapter,并不确定是否自定义的adapter一般都是继承它),尤其注意其中的几个方法

           public class MyAdapter extends BaseAdapter{

                       private LayoutInflater inflater;//这个一定要懂它的用法及作用

                      //构造函数:要理解(这里构造方法的意义非常强大,你也可以传一个数据集合的参数,可以根据需要来传参数)
                      public MyAdapter(Context context){
                                 this.inflater = LayoutInflater.from(context);
                      }

                     //这里的getCount方法是程序在加载显示到ui上时就要先读取的,这里获得的值决定了listview显示多少行
                     @Override
                     public int getCount() {
                               //在实际应用中,此处的返回值是由从数据库中查询出来的数据的总条数
                               return testData.size();
                     }

                     //根据ListView所在位置返回View

                    @Override
                     public Object getItem(int position) {
                                // TODO Auto-generated method stub
                               return this.testData.get(position);
                     }

                      //根据ListView位置得到数据源集合中的Id

                     @Override
                     public long getItemId(int position) {
                               // TODO Auto-generated method stub
                               return position;
                     }

                    //重写adapter最重要的就是重写此方法,此方法也是决定listview界面的样式的
                    @Override
                    public View getView(int position, View convertView, ViewGroup parent) {
                                    //有很多例子中都用到这个holder,理解下??
                               ViewHolder holder = null;

                                //思考这里为何要判断convertView是否为空  ??
                                if(convertView == null){
                                         holder = new ViewHolder();

                                         //把vlist layout转换成View【LayoutInflater的作用】
                                         convertView = inflater.inflate(R.layout.vlist, null);
                                         //通过上面layout得到的view来获取里面的具体控件
                                         holder.image = (ImageView) convertView.findViewById(R.id.image);
                                         holder.title = (TextView) convertView.findViewById(R.id.title);
                                         holder.info = (TextView) convertView.findViewById(R.id.info);
                                         holder.viewBtn = (Button) convertView.findViewById(R.id.viewBtn);
                                         //不懂这里setTag什么意思??
                                         convertView.setTag(holder);
                               }
                               else{
                                          holder = (ViewHolder) convertView.getTag();
                                }
                            //这里testData.get(position).get("title1")),其实就是从list集合(testData)中取出对应索引的map,然后再根据键值对取值
                            holder.image.setBackgroundResource((Integer) testData.get(position).get("image1"));
                            holder.title.setText((String) testData.get(position).get("title1"));
                            holder.info.setText((String) testData.get(position).get("info1"));
                            //为listview上的button添加click监听
                            holder.viewBtn.setOnClickListener(new View.OnClickListener() {
                                       @Override
                                       public void onClick(View v) {
                                                   .....
                                       }
                            });

              return convertView;
  }

 }

        到此,整个案例的关键部分已经全部出来了,做的过程中有很多地方没有想通也都做有注释,做完以后,多揣摩了几遍才将就理解,嘿嘿

重点提出一个疑问:不能确定是否在onCreate方法中的 new Adapter,在里面表面上看是只调用了一次而进入自定义Adapter中调用(其实也没有直接调用,自己想的它可能有一个自己的内部机制,每new完一个Adapter就直接调用getCount/getView方法吗)它里面的方法 ,调用一次就会绘制一个ListView中的一个item项,那么有很多条item的时候,它是否要那样循环调用很多次呢??

       getView方法中的参数,convertview那块。在初始化的时候,每显示一行item项都会调用一次getView方法但每次调用的时候convertview为null(因为还没有旧的view);如果屏幕移动了之后,并且导致某些item项跑到屏幕外面,此时如果还有新的item需要产生,则这些item显示时调用的getView方法中的convertview就不为null,而是那些移出到屏幕之外的view,我们所要做的就是将需要显示的item项填充到移除屏幕外的(旧的)view中去,注意【convertview为null的不仅仅是初始化显示的那些item,还有一些是已经开始移入屏幕但还没有view被回收的那些item】。

运行结果:

时间: 2024-10-21 17:30:01

自定义Adapter及其实例的相关文章

【转】Android自定义Adapter的ListView的思路及代码

原文网址:http://www.jb51.net/article/37236.htm Android自定义Adapter的ListView的思路及代码,需要的朋友可以参考一下 在开发中,我们经常使用到ListView这个控件.Android的API也提供了许多创建ListView适配器的快捷方式.例如ArrayAdapter.SimpleAdapter和SimpleCursorAdapter等.但你是否发现,如果采用这些系统自带的适配器,对于事件的响应只能局限在一个行单位.假设一行里面有一个按钮

【转】Android之自定义Adapter的ListView

http://www.cnblogs.com/topcoderliu/archive/2011/05/07/2039862.html 在开发中,我们经常使用到ListView这个控件.Android的API也提供了许多创建ListView适配器的快捷方式.例如ArrayAdapter.SimpleAdapter和SimpleCursorAdapter等.但你是否发现,如果采用这些系统自带的适配器,对于事件的响应只能局限在一个行单位.假设一行里面有一个按钮和一个图片控件,它们之间的响应操作是不一样

【转】Android中Spinner下拉列表(使用ArrayAdapter和自定义Adapter实现)

原文网址:http://embed.21ic.com/software/android/201403/31603.html 1 :Android中Spinner下拉列表(使用ArrayAdapter和自定义Adapter实现) . 今天学习了Spinner组件,使用Spinner相当于从下拉列表中选择项目,下面演示一下Spinner的使用(分别使用ArrayAdapter和自定义Adapter实现) (一):使用ArrayAdapter进行适配数据: ①:首先定义一个布局文件: android:

【Android UI】ListView系列二(自定义Adapter订阅新闻栏目)

目标:自定义适配器Adapter实现点击每个item订阅按钮 上一篇介绍了listview的基本属性以及ArrayAdapter和SimpleAdapter的简单实用,链接:listview使用方式基础篇. 今天主要介绍一下自定义adapter,来实现稍微复杂点的功能,今天实现的效果是:类似于listiew展示许多可供订阅的栏目,每个栏目最右端有订阅按钮,用户点击订阅可以订阅该栏目,再次点击可取消订阅,效果图如下,下面我们一步步来实现. 1. 定义主布局文件activity_main.xml 主

通过反射创建自定义泛型的实例。

比如有这样一个泛型:Demo.GenericsSimple<T,TT> 我想要通过反射创建一个Demo.GenericsSimple<string,int>的实例可以通过下面的格式进行创建: System.Reflection.Assembly.GetExecutingAssembly().CreateInstance("命名空间.User`形参数量N[[1形参类型全名,形参类型所在的程 序集名称],[2形参类型全名,形参类型所在的程序集名称],[3形参类型全名,形参类型

自定义Adapter中实现startActivityForResult的分析

最近几天在做文件上传的时候,想在自定义Adapter中启动activity时也返回Intent数据,于是想到了用startActivityForResult,可是用mContext怎么也调不出这个方法,只能调用startActivity这个方法,于是在网上搜一下,可以利用一个方式可以间接的解决这个问题,果断贴代码: Intent mIntent = new Intent(mContext,clazz);((Activity) mContext).startActivityForResult(mI

Android 自定义Adapter 但listview 只显示第一条数据

楼主让这个问题郁闷了一晚上.....在logcat里明明显示adapter的getview方法里的list大于一条数据 ,但posotion却一直是0.....运行后也只显示list[0]里面的数据....最后的最后原来错误出在布局文件上 我以前的是这样的; <ScrollView android:layout_width="fill_parent" android:layout_height="wrap_content" > <!-- listv

Android 自定义Adapter实现多视图Item的ListView

自定义Adapter实现多视图Item的ListView http://www.devdiv.com/adapter_item_listview-blog-20-7539.html Android 自定义Adapter实现多视图Item的ListView,布布扣,bubuko.com

Android学习----自定义Adapter实现ListView

前言: 对于ListView而言,自定义的Adapter对于显示复杂的界面有很大的灵活性 .使用自定义的Adapter需要继承BaseAdapter,然后重写getCount(),getView(),getItem,getItemId()4个方法.adapter在绘制listview时是先根据getCount()获得底层数据的个数来判断绘制item的个数,然后通过getView绘制单个item. ListView实现的效果如下: 详细步骤: 1.新建Activity,在对应的布局文件中放置lis