什么是数据适配器？
下图展示了数据源、适配器、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;
}
}
网友评论