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));
  1. 通过指定 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);
  1. 通过指定 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);
  1. 通过指定 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 的布局

定义一个类并继承 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

Test