4种常用的Adapter

2020-03-18  本文已影响0人  洪_1127

什么是数据适配器?

下图展示了数据源、适配器、ListView等数据展示控件之间的关系。我们知道,数据源是各种各样的,而ListView所展示数据的格式则是有一定的要求的。数据适配器正是建立了数据源与ListView之间的适配关系,将数据源转换为ListView能够显示的数据格式,从而将数据的来源与数据的显示进行解耦,降低程序的耦合性。这也体现了 Android的适配器模式 的使用。对于ListView、GridView等数据展示控件有多种数据适配器。

适配器.jpg

列表视图(ListView)以垂直的形式列出需要显示的列表项。
实现过程:新建适配器->添加数据源到适配器->视图加载适配器

1.jpg

1、ArrayAdapter

简单易用的Adapter,常用于数组或list集合的数据源。

1.1 直接用ListView组件创建

布局文件

<?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="vertical">

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:entries="@array/list"
        android:divider="@color/blue"
        android:dividerHeight="50dp"/>
    <!--
    ListView 是列表控件,用于显示一组或许多(成百、上千)相似内容用的
    android:divider :表示listview的分割线
    android:dividerHeight:表示分割线的高度
    android:entries:在res/layout的string.xml中添加数组资源的名称
    -->
</LinearLayout>

在res/layout的string.xml中添加数组资源的名称

    <string-array name="list">
        <item>第一行</item>
        <item>第二行</item>
        <item>第三行</item>
        <item>第四行</item>
        <item>第五行</item>
        <item>第六行</item>
        <item>第七行</item>
        <item>第八行</item>
     </string-array>

1.2 最简单的使用

public class TestActivity extends AppCompatActivity {
    private ListView mListView;
    private String[] args = {"测试数据1","测试数据2","测试数据3","测试数据4","测试数据5"};

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mListView = new ListView(this);
//        ArrayAdapter<String> adapter = new ArrayAdapter<>(this,
//                android.R.layout.simple_list_item_1, args);
        ArrayAdapter<String> adapter = new ArrayAdapter<>(this,
                android.R.layout.simple_list_item_1, getData());
        mListView.setAdapter(adapter);
        setContentView(mListView);
    }

    private List<String> getData() {
        List<String> data = new ArrayList<>();
        data.add("测试数据1");
        data.add("测试数据2");
        data.add("测试数据3");
        data.add("测试数据4");
        data.add("测试数据5");
        return data;
    }
}

当然也可以自己添加样式,注意xml文件只能是TextView 不能是layout,否则会报错,下面是自己写的样式,textv.xml文件:

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:textColor="@color/blue"
    android:textSize="15sp">
</TextView>
ArrayAdapter<String> adapter = new ArrayAdapter<>(this,
                android.R.layout.textv, getData());

1.3 自定义ArrayAdapter,重写GetView()方法

布局文件item_user.xml

<?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="vertical">

    <TextView
        android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:hint="姓名"
        android:textSize="22sp"/>
    <TextView
        android:id="@+id/age"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="22sp"/>
    <TextView
        android:id="@+id/sex"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="22sp"/>
</LinearLayout>

实体类,用于ArrayAdapter的范型

package com.clx.android.studytest.example;

public class User {
    private String name;
    private int age;
    private String sex;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }

    public String getSex() {
        return sex;
    }

    public void setSex(String sex) {
        this.sex = sex;
    }
}

代码

package com.clx.android.studytest.example;

import android.content.Context;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;

import com.clx.android.studytest.R;

import java.util.ArrayList;
import java.util.List;

public class TestActivity extends AppCompatActivity {
    private ListView listView;
    private List<User> users;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test);
        listView = findViewById(R.id.listView);
        getData();
        MyArrayAdapter myArrayAdapter = new MyArrayAdapter(this, R.layout.item_user, users);
        listView.setAdapter(myArrayAdapter);
    }

    private void getData() {
        users = new ArrayList<>();
        User user1 = new User();
        user1.setName("张三");
        user1.setAge(15);
        user1.setSex("男");
        User user2 = new User();
        user2.setName("李四");
        user2.setAge(14);
        user2.setSex("女");
        users.add(user1);
        users.add(user2);
    }

    class MyArrayAdapter extends ArrayAdapter {
        private int resourceId;

        public MyArrayAdapter(@NonNull Context context, int resource, @NonNull List<User> objects) {
            super(context, resource, objects);
            resourceId = resource;
        }

        @NonNull
        @Override
        public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
            User user = (User) getItem(position);
            LinearLayout userListItem = new LinearLayout(getContext());
            String inflater = Context.LAYOUT_INFLATER_SERVICE;
            LayoutInflater li = (LayoutInflater)getContext().getSystemService(inflater);
            li.inflate(resourceId, userListItem, true);

            TextView tvName = userListItem.findViewById(R.id.name);
            TextView tvAge = userListItem.findViewById(R.id.age);
            TextView tvSex = userListItem.findViewById(R.id.sex);

            tvName.setText(user.getName());
            tvAge.setText(user.getAge() + " ");
            tvSex.setText(user.getSex());

            return userListItem;
        }
    }
}

2、SimpleAdapter

功能强大的Adapter,可用于list集合的多个对象包装成多个列表项。

2.1 布局文件

activity_test.xml

<?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="vertical">

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</LinearLayout>

item_test.xml

<?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">

    <ImageView
        android:id="@+id/iv_image"
        android:src="@mipmap/ic_launcher"
        android:layout_width="60dp"
        android:layout_height="60dp"/>
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_toEndOf="@id/iv_image"
        android:text="Title"
        android:gravity="center"
        android:textSize="25sp"/>

    <TextView
        android:id="@+id/tv_content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toEndOf="@id/iv_image"
        android:layout_below="@id/tv_title"
        android:text="Content"
        android:textSize="20sp"/>
</RelativeLayout>

2.2 代码

package com.clx.android.studytest.example;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.widget.ListView;
import android.widget.SimpleAdapter;

import com.clx.android.studytest.R;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class TestActivity extends AppCompatActivity {
    private ListView listView;
    //用三个数组装载数据
    private int[] imgIds = new int[]{R.drawable.a1, R.drawable.a2, R.drawable.a4};
    private String[] title = new String[]{"汉堡包", "沙拉", "马卡龙"};
    private String[] content = new String[]{"黄色", "绿色", "紫色"};

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test);
        listView = findViewById(R.id.listView);
        List<Map<String, Object>> listItem = new ArrayList<>();
        for (int i = 0; i < title.length; i++) {
            Map<String, Object> showItem = new HashMap<>();
            showItem.put("imgIds", imgIds[i]);
            showItem.put("title", title[i]);
            showItem.put("content", content[i]);
            listItem.add(showItem);
        }
       
        SimpleAdapter simpleAdapter = new SimpleAdapter(this, listItem, R.layout.item_test,
                new String[]{"imgIds", "title", "content"},
                new int[]{R.id.iv_image, R.id.tv_title, R.id.tv_content});
        listView.setAdapter(simpleAdapter);
    }
}
simpleAdapter构造函数
public SimpleAdapter(Context context, List< Map<String, Object>> data, int resource, String[] from, IdRes int[] to)

context:上下文,就是当前Activity
data:数据源,一个Map所组成的List集合,每一个Map都会去对ListView列表中的一行,每一个Map中的键必须包含所有在from中指定的键
resource:列表项的布局文件id
from:Map中的键名
to:绑定数据视图中的id,与from成对应关系

效果图


效果图

3、SimpleCursorAdapter

SimpleAdapter 相似,但用于包装Cursor(数据库游标)提供的数据源。

4、BaseAdapter

通常用于被扩展,扩展BaseAdapter可以对各列表项进行最大限度的定制。

使用BaseAdapter比较简单,主要是通过继承此类来实现BaseAdapter的四个方法:

public int getCount(): 适配器中数据集的数据个数;

public Object getItem(int position): 获取数据集中与索引对应的数据项;

public long getItemId(int position): 获取指定行对应的ID;

public View getView(int position,View convertView,ViewGroup parent): 获取每一行Item的显示内容。

4.1 创建布局

activity_test.xml

<?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="vertical">

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</LinearLayout>

item_test.xml(listView中每条信息的显示布局)

<?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">

    <ImageView
        android:id="@+id/iv_image"
        android:src="@mipmap/ic_launcher"
        android:layout_width="60dp"
        android:layout_height="60dp"/>
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:layout_toEndOf="@id/iv_image"
        android:text="Title"
        android:gravity="center"
        android:textSize="25sp"/>

    <TextView
        android:id="@+id/tv_content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toEndOf="@id/iv_image"
        android:layout_below="@id/tv_title"
        android:text="Content"
        android:textSize="20sp"/>
</RelativeLayout>

4.2 创建数据源

News.java

package com.clx.android.studytest.example;

public class News {
    public int itemImageResId;// 图像资源ID
    public String title;// 标题
    public String content;// 内容

    public News(int itemImageResId, String title, String content) {
        this.itemImageResId = itemImageResId;
        this.title = title;
        this.content = content;
    }
}

通过此News类,我们就将要显示的数据与ListView的布局内容一一对应了,每个News对象对应ListView的一条数据。这种方法在ListView中使用的非常广泛。

TestActivity.java

package com.clx.android.studytest.example;

import android.content.Context;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ListView;

import com.clx.android.studytest.R;

import java.util.ArrayList;
import java.util.List;

public class TestActivity extends AppCompatActivity {

    private ListView mListView;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test);
        mListView = findViewById(R.id.listView);
        List<News> newsList = new ArrayList<>();
        for (int i = 1; i <= 20; i++) {
            newsList.add(new News(R.drawable.ic_launcher,
                    "标题:" + i, "内容:" + i));
        }
        // 设置listView的数据输配器
        mListView.setAdapter(new MyAdapter(this, newsList));
    }
}

4.3 创建BaseAdapter

class MyAdapter extends BaseAdapter {
        private List<News> mList;//数据源
        private LayoutInflater mInflater;//布局装载器对象

        // 通过构造方法将数据源与数据适配器关联起来
        // context:要使用当前的Adapter的界面对象
        public MyAdapter(Context context, List<News> list) {
            mInflater = LayoutInflater.from(context);
            mList = list;
        }

        @Override
        //ListView需要显示的数据数量
        public int getCount() {
            return mList != null ? mList.size() : 0;
        }

        @Override
        //指定的索引对应的数据项
        public Object getItem(int position) {
            return mList != null ? mList.get(position) : null;
        }

        @Override
        //指定的索引对应的数据项ID
        public long getItemId(int position) {
            return position;
        }

        @Override
        //返回每一项的显示内容
        public View getView(int position, View convertView, ViewGroup parent) {
            ViewHolder viewHolder;
            if (convertView == null) {
                convertView = mInflater.inflate(R.layout.item_test, null);

                viewHolder = new ViewHolder();
                viewHolder.imageView = convertView.findViewById(R.id.iv_image);
                viewHolder.title = convertView.findViewById(R.id.tv_title);
                viewHolder.content = convertView.findViewById(R.id.tv_content);

                convertView.setTag(viewHolder);
            } else {
                viewHolder = (ViewHolder) convertView.getTag();
            }
            News news = mList.get(position);
            if (news != null) {
                viewHolder.imageView.setImageResource(news.itemImageResId);
                viewHolder.title.setText(news.title);
                viewHolder.content.setText(news.content);
            }
            return convertView;
        }

        class ViewHolder {
            public ImageView imageView;
            public TextView title;
            public TextView content;
        }
}
上一篇 下一篇

猜你喜欢

热点阅读