ListView的使用
ListView 作为常见的 Android 高级控件
ListView 是什么
ListView 作为常见的 Android 高级控件.
ListView 使用
布局
在 acitivity 中添加 ListView 的控件
<ListView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:id="@+id/list_item1"/>后台代码
构造适配器
可使用 Android 自带的，也可自定义
适配器传入 Listview
listView=(ListView) findViewById(R.id.list_item1);
listView.setAdapter(new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_checked, strs));- 通过指定 android.R.layout.simple_list_item_checked 这个资源，实现带选择框的 ListView。需要用 setChoiceMode()方法设定选择为多选还是单选，否则将不能实现选择效果.
lv.setAdapter(new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_checked, strs));
lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);- 通过指定 android.R.layout.simple_list_item_multiple_choice 这个资源实现带 CheckBox 的 ListView。同样的，需要用 setChoiceMode()方法来设置单选或者多选，
lv.setAdapter(new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_multiple_choice, strs));
lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);- 通过指定 android.R.layout.simple_list_item_single_choice 这个资源实现带 RadioButton 的 ListView。这里要注意的是，这里并不是指定了单选。是多选还是单选要通过 setChoiceMode()方法来指定，
lv.setAdapter(newArrayAdapter<String>(this,
android.R.layout.simple_list_item_single_choice,strs));
lv.setChoiceMode(ListView.CHOICE_MODE_SINGLE);base Adapter，simple Adapter，array Adapter
自定义 Adapter
ArrayAdapter
定义 Activity
在 layout 文件夹中新建 activity 文件，并在 mannifest.xml 中注册
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".activity_listview">
<ListView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:id="@+id/list_item1"/>
</androidx.constraintlayout.widget.ConstraintLayout>在 layout 中新建 item.xml 文件，定义 listView 中关于 item 的布局 1
定义一个类并继承 ArrayAdapter
public class CustomerArrayList extends ArrayAdapter {
private Activity mContext = null; // 上下文环境
private int mResourceId; // 列表项布局资源ID
private String[] mItems; // 列表内容数组
/**
*
* @param context 将Activity传入
* @param resource Item的资源id
* @param objects 要渲染的数据
*/
public CustomerArrayList(@NonNull Activity context, int resource, @NonNull Object[] objects) {
super(context, resource, objects);
mContext = context;
mResourceId = resource;
mItems = (String[]) objects;
}
/**
*
* @param position 每一个列表项的位置
* @param convertView 用来做缓存
* @param parent 父
* @return
*/
public View getView(int position, View convertView, ViewGroup parent) {
Log.i("selelistw",String.valueOf(mResourceId));
View itemView=null;
// 判断convertview是否为空，若为空才重新加载view，提高性能
if(convertView==null){
// 获取LayoutInflater对象
LayoutInflater inflater = mContext.getLayoutInflater();
// 装载列表项视图
itemView = inflater.inflate(mResourceId, null);
}else{
itemView=convertView;
}
// 获取列表项之组件
TextView contentTv = (TextView) itemView.findViewById(R.id.content_tv);
ImageView letterImg = (ImageView) itemView.findViewById(R.id.letter_img);
// 取出要显示的数据
String content = mItems[position].trim();
// 给TextView设置显示值
contentTv.setText(content);
// 根据内容首字母判断要显示的图标
if(content.startsWith("a") || content.startsWith("A")) {
letterImg.setImageResource(R.drawable.bg1);
} else if(content.startsWith("b") || content.startsWith("B")) {
letterImg.setImageResource(R.drawable.bg1);
} else if(content.startsWith("c") || content.startsWith("C")) {
letterImg.setImageResource(R.drawable.bg1);
} else if(content.startsWith("d") || content.startsWith("D")) {
letterImg.setImageResource(R.drawable.bg1);
} else if(content.startsWith("e") || content.startsWith("E")) {
letterImg.setImageResource(R.drawable.bg1);
}
// 返回列表项视图
return itemView;
}
}
BaseAdapter
在 ListView 的使用中，有时候还需要在里面加入按钮等控件，实现单独的操作。也就是说，这个 ListView 不再只是展示数据，也不仅仅是这一行要来处理用户的操作，而是里面的控件要获得用户的焦点。用 SimpleAdapter 添加一个按钮到 ListView 的条目中，会发现可以添加，但是却无法获得焦点，点击操作被 ListView 的 Item 所覆盖。这时候最方便的方法就是使用灵活的适配器 BaseAdapter 了
创建 Activity
在 layout 文件夹中新建 activity 文件，并在 mannifest.xml 中注册
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".baseListView">
<ListView
android:id="@+id/baselistview"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</androidx.constraintlayout.widget.ConstraintLayout>创建 listViewItem/
在 layout 中新建 item.xml 文件，定义 listView 中关于 item 的布局
<?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">
<ImageView
android:id="@+id/icon_img"
android:layout_width="50dp"
android:layout_height="50dp"
android:padding="5dp" />
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
android:id="@+id/title_tv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="16sp" />
<TextView
android:id="@+id/info_tv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="10sp" />
</LinearLayout>
</LinearLayout>这里可以使用复杂一些的布局
定义 Item 数据类
public class BaseAdapterItem {
private int icon; // 图标数据
private String title; // 标题数据
private String info; // 信息描述数据
// 构造方法
public BaseAdapterItem() {
}
public BaseAdapterItem(int icon, String title, String info) {
this.icon = icon;
this.title = title;
this.info = info;
}
// Getter和Setter方法
public int getIcon() {
return icon;
}
public void setIcon(int icon) {
this.icon = icon;
}
public String getTitle() {
return title;
}
public void setTitle(String title) {
this.title = title;
}
public String getInfo() {
return info;
}
public void setInfo(String info) {
this.info = info;
}
}创建 Adapter 类，并继承 BaseAdapter
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import java.util.List;
import top.zzgpro.calculate.R;
import top.zzgpro.calculate.ListItem.BaseAdapterItem;
public class CustomBaseAdapter extends BaseAdapter {
private Context context;
private List<BaseAdapterItem> data;
private int ResId;
private LayoutInflater inflater ;
/**
*
* @param context 上下文
* @param data 数据列表
* @param ResId item的资源id
*/
public CustomBaseAdapter(Context context, List<BaseAdapterItem> data,int ResId){
this.context=context;
this.data=data;
this.ResId=ResId;
inflater= LayoutInflater.from(context);
}
public CustomBaseAdapter(){}
@Override
public int getCount() {
return data.size();
}
@Override
public BaseAdapterItem getItem(int i) {
return data.get(i);
}
@Override
public long getItemId(int i) {
return i;
}
@Override
public View getView(int i, View view, ViewGroup viewGroup) {
View itemView=null;
if(view==null){
itemView=inflater.inflate(this.ResId,null);
}else{
itemView=view;
}
ImageView iconImg = (ImageView) itemView.findViewById(R.id.icon_img);
TextView titleTv = (TextView) itemView.findViewById(R.id.title_tv);
TextView infoTv = (TextView) itemView.findViewById(R.id.info_tv);
BaseAdapterItem data = getItem(i);
if(null != data) {
iconImg.setImageResource(data.getIcon());
titleTv.setText(data.getTitle());
infoTv.setText(data.getInfo());
}
return itemView;
}
}
在后台代码中构建数据，传入自定义 baseadapter
public class baseListView extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_base_list_view);
LoadBaseAdapter();
}
private void LoadBaseAdapter(){
ListView listView=findViewById(R.id.baselistview);
listView.setAdapter(new CustomBaseAdapter(this,this.getItem(),R.layout.baseadapteritem));
listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
BaseAdapterItem item=getItem().get(i);
Toast.makeText(baseListView.this,item.getTitle(),Toast.LENGTH_SHORT).show();
}
});
}
private List<BaseAdapterItem> getItem(){
List<BaseAdapterItem> items=new ArrayList<>();
items.add(new BaseAdapterItem(R.drawable.bg1,"zzg","123"));
items.add(new BaseAdapterItem(R.drawable.bg1,"zzg1","12314"));
items.add( new BaseAdapterItem(R.drawable.bg1,"zzg2","1234123"));
items.add(new BaseAdapterItem(R.drawable.bg1,"zzg2dsds","12341dsds23"));
return items;
}
}SimpleAdapter
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 小周の代码之路！
评论