笔记41 | Android加载器Adapter的几个练习

2017-11-27 本文已影响6人项勇

合抱之木，生於毫末；九層之台，起於累土；千里之行，始於足下。《老子》

地址

http://www.jianshu.com/p/bec0fdbb54ef

概念

Adapter是连接后端数据和前端显示的适配器接口，是数据和UI（View）之间一个重要的纽带。在常见的View(ListView,GridView)等地方都需要用到Adapter。

如下图直观的表达了Data、Adapter、View三者的关系：

2012012021592978.jpg

所有的Adapter一览:

2012012021594986.png

BaseAdapter是一个抽象类，继承它需要实现较多的方法，所以也就具有较高的灵活性；
ArrayAdapter支持泛型操作，最为简单，只能展示一行字。
SimpleAdapter有最好的扩充性，可以自定义出各种效果。

ArrayAdapter

列表的显示需要三个元素：
a．ListVeiw 用来展示列表的View。
b．适配器用来把数据映射到ListView上的中介。
c．数据具体的将被映射的字符串，图片，或者基本组件。

String[] s = new String[]{"A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P",
            "Q","R","S","T","U","V","W","X","Y","z"};
    private void initView(View v) {
        ListView listView = (ListView) v.findViewById(R.id.f_l_1);
        ArrayAdapter<String> listAdapter = new ArrayAdapter<String>(getActivity(), android.R.layout.simple_list_item_1,s);
        listView.setAdapter(listAdapter);
        listView.setOnItemClickListener(listener);
    }   
    
    Message message;
    private OnItemClickListener listener = new OnItemClickListener() {

        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position,
                long id) {
            Log.i("md", "item'position:"+position);
        }
    };

SimpleAdapter

simpleAdapter的扩展性最好，可以定义各种各样的布局出来，可以放上ImageView（图片），还可以放上Button（按钮），CheckBox（复选框）等等。下面的代码都直接继承了ListActivity，ListActivity和普通的Activity没有太大的差别，不同就是对显示ListView做了许多优化，方面显示而已。
使用simpleAdapter的数据用一般都是HashMap构成的List，list的每一节对应ListView的每一行。HashMap的每个键值数据映射到布局文件中对应id的组件上。因为系统没有对应的布局文件可用，我们可以自己定义一个布局vlist.xml。下面做适配，new一个SimpleAdapter参数一次是：this，布局文件（vlist.xml），HashMap的 title 和 info，img。布局文件的组件id，title，info，img。布局文件的各组件分别映射到HashMap的各元素上，完成适配。

ListView listView;
    private void initView(View v) {
        listView = (ListView) v.findViewById(R.id.f2_tv);
        SimpleAdapter simpleAdapter = new SimpleAdapter(getActivity(), getData(), R.layout.list_item, new String[] {"title","img","jia"}, 
                new int[]{R.id.item_tv,R.id.item_im,R.id.item_tv2});
        listView.setAdapter(simpleAdapter);
    }   
    
    private List<Map<String, Object>> getData() {
        //map.put(参数名字,参数值)
        List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
        Map<String, Object> map = new HashMap<String, Object>();
        map.put("title", "摩托罗拉");
        map.put("jia", "价格：2000");
        map.put("img", R.drawable.moto);
        list.add(map);
        
        map = new HashMap<String, Object>();
        map.put("title", "诺基亚");
        map.put("jia", "价格：3000");
        map.put("img", R.drawable.nuojiya);
        list.add(map);
        
        map = new HashMap<String, Object>();
        map.put("title", "三星");
        map.put("jia", "价格：4000");
        map.put("img", R.drawable.sanxing);
        list.add(map);
        return list;
        }

item_im:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/item_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/item_im"
        android:text="TextView" 
        />

    <TextView
        android:id="@+id/item_tv2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/item_im"
        android:layout_below="@+id/item_tv"
        android:text="TextView"
         />

    <ImageView
        android:id="@+id/item_im"
        android:layout_width="100dp"
        android:layout_height="50dp"
         />

</RelativeLayout>

BaseAdapter

有时候，列表不光会用来做显示用，我们同样可以在在上面添加按钮。添加按钮首先要写一个有按钮的xml文件，然后自然会想到用上面的方法定义一个适配器，然后将数据映射到布局文件上。但是事实并非这样，因为按钮是无法映射的，即使你成功的用布局文件显示出了按钮也无法添加按钮的响应，这时就要研究一下ListView是如何现实的了，而且必须要重写一个类继承BaseAdapter。

private List<Map<String, Object>> mDate;
    private void initView(View v) {
        ListView listView = (ListView) v.findViewById(R.id.f_l_3);
        listView.setAdapter(new MyAdapter());
    }

    public class ViewHolder{
        TextView textView;
        ImageView imageView;
        Button button;
    }

    private List<Map<String, Object>> getDate(){
        List<Map<String, Object>> list = new ArrayList<Map<String,Object>>();

        Map<String , Object > map = new  HashMap<String, Object>();

        map.put("tv", "阿里");
        map.put("im", R.drawable.ali);
        list.add(map);

        map = new  HashMap<String, Object>();
        map.put("tv", "腾讯");
        map.put("im", R.drawable.tx);
        list.add(map);

        map = new  HashMap<String, Object>();
        map.put("tv", "百度");
        map.put("im", R.drawable.baidu);
        list.add(map);

        map = new  HashMap<String, Object>();
        map.put("tv", "京东");
        map.put("im", R.drawable.jingdong);
        list.add(map);

        return list;
    }

    public class MyAdapter extends BaseAdapter{

        public MyAdapter() { //构造函数:要理解(这里构造方法的意义非常强大,你也可以传一个数据集合的参数,可以根据需要来传参数)
            this.mInflater = LayoutInflater.from(getActivity());
        }
                
       //这里的getCount方法是程序在加载显示到ui上时就要先读取的，这里获得的值决定了listview显示多少行
        @Override
        public int getCount() {
            return mDate.size();//在实际应用中，此处的返回值是由从数据库中查询出来的数据的总条数
        }

        //根据ListView所在位置返回View
        @Override
        public Object getItem(int position) {
            return null;
        }

         //根据ListView位置得到数据源集合中的Id
        @Override
        public long getItemId(int position) {
            return 0;
        }

        private LayoutInflater mInflater;
    //重写adapter最重要的就是重写此方法，此方法也是决定listview界面的样式的
        @Override
        public View getView(final int position, View convertView, ViewGroup parent) {
            ViewHolder holder;
            if (convertView == null) {  //
                holder = new ViewHolder();
                convertView = mInflater.inflate(R.layout.list_item2, null);
//通过上面layout得到的view来获取里面的具体控件
                holder.button = (Button) convertView.findViewById(R.id.itm_bt3);
                holder.imageView = (ImageView) convertView.findViewById(R.id.item_im3);
                holder.textView =  (TextView) convertView.findViewById(R.id.item_tv3);
                convertView.setTag(holder);
            }else{
                holder = (ViewHolder) convertView.getTag();
            }

            holder.imageView.setBackgroundResource((Integer) mDate.get(position).get("im"));
            holder.textView.setText((String) mDate.get(position).get("tv"));
            holder.button.setOnClickListener(new OnClickListener() {

                @Override
                public void onClick(View v) {
                    showInfo(position);
                }
            });
            return convertView;
        }

    }
    /**
     * listview中点击按键弹出对话框
     */
    public void showInfo(int position){
        new AlertDialog.Builder(getActivity())
        .setTitle("标题")
        .setMessage(""+(String) mDate.get(position).get("tv"))
        .setPositiveButton("确定", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
            }
        })
        .show();

    }

item_im2:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/item_im3"
        android:layout_width="100dp"
        android:layout_height="50dp"
        />

    <TextView
        android:id="@+id/item_tv3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/item_im"
         />

    <Button 
        android:id="@+id/itm_bt3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="确定"
        />
</LinearLayout>

运行三个Adapter的界面

笔记41 | Android加载器Adapter的几个练习

地址

目录

概念

ArrayAdapter

SimpleAdapter

BaseAdapter

猜你喜欢

热点阅读