对控件ListView的理解与使用

ListView这个控件,所有开发Android的人都会用过的吧,不过相对于RecyclerView而言,ListView我算是用的非常少的了。所以说到对ListView真正的多了解,自己却并不是那么熟悉,所以就重新去理解使用一番ListView,还可以配上Popupwindow + ListView + SearchView做一个组合类似的搜索。之后的组合搜索我之后会上传。

先还是按照最基本的放上一个ListView的xml,以及一个ListView子项Item的xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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="com.example.chenxuanhe.searchviewtest.MainActivity">

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

</LinearLayout>

Item的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="wrap_content"
   >
    <ImageView
        android:id="@+id/list_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/list_txt"
        android:layout_marginStart="10dp"
        android:layout_gravity="center_vertical"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="dadadadaadadd" />

</LinearLayout>

这是一个Imageview 和一个TextView最基本的搭配。

首先,一个ListView需要三样东西:
1.数据工具类
2.适配器
3.ListView主代码

1.(数据工具类)先创建一个Bean文件

public class Bean {

    private String name;
    private int id;

    public Bean(String name ,int Id){
        this.name =name;
        this.id=Id;
    }

    public String getName() {
        return name;
    }

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

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }
}

这是一个工具类,其中的Int id就是图片的id,也就是R.drawable.xxx这种格式,这里需要说明一下,个人理解,有关于参数的int id部分,如果不是一个int 整形的传参,那么都可以理解为是传递一个R的id值,适配器的构造方法也会出现一个int id值,可以综合理解。

当然数据这里就自己给个数据数组

private String[] data = {"A", "B", "C", "D", "ad", "adaf", "E", "F",
            "Q", "BW", "CE", "DR", "ad", "adaf", "Ez", "FX",
            "A", "BZ", "CDD", "DFA", "ad", "adaf", "E", "F",
            "AZCZ", "BC", "CBB", "DV", "adS", "adaf", "E", "F"};

2.适配器Adapter

关于这里的适配器,我有一点模仿RecyclerView的适配写法,因为传统的ListView的适配器有三种,ArrayAdapter,SimpleAdapter和SimpleCursorAdapter,并且他们的使用方式类似listView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1,getData()));这种感觉,当然可能是个人理解问题,由于本人用多了RecyclerView所以喜欢再写一个适配器,这样搭配上Holder更加的方便。这里我们写一个MyAdapter类作为我们的适配器,让他去继承ArrayAdapter《Bean》于是代码如下:

class MyAdapter extends ArrayAdapter<Bean> {

        private int ResourceId;

        public MyAdapter(Context context, int txtId, List<Bean> obj) {   // 该构造该函数的int id 就是需要R.layout.item这样的方式
            super(context, txtId, obj);
            this.ResourceId = txtId;
        }

//这是重写最重要的一个方法同时进行了优化
//也用到了Holder的复用,对于ListView的性能大大优化
        @Override
        public View getView(int position, View convertView, ViewGroup viewGroup) {
            Bean bean = getItem(position);
            MyHolder myHolder;
            View view;
            if (convertView == null) {
            //如果view是空,则创建新对象,一系列操作,不然就直接复用存在View中的holder对象,避免重复new对象
                view = LayoutInflater.from(getContext()).inflate(ResourceId, viewGroup, false);
                myHolder = new MyHolder();
                myHolder.txt = (TextView) view.findViewById(R.id.list_txt);
                myHolder.img = (ImageView) view.findViewById(R.id.list_img);
                view.setTag(myHolder);//将holder对象存进view
                //Tag可以理解为一个标志,可自行百度
            } else {
                view = convertView;
                myHolder = (MyHolder) view.getTag();//取出holder对象
            }
            //Holder对于view的复用,十分强大
            myHolder.txt.setText(bean.getName());
            myHolder.img.setImageResource(bean.getId());
            return view;
        }
    }

    class MyHolder {
        ImageView img;
        TextView txt;
    }

3.ListView的主代码,则肯定就是在MainActivity里面啦。首先声明一个工具类的List,用来存放会用到的数据
private List<Bean> beanList = new ArrayList<>();
之后的代码如下:

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //ArrayAdapter<String> adapter = new ArrayAdapter<String>(MainActivity.this, android.R.layout.simple_list_item_1, data);
        MyAdapter adapter = new MyAdapter(this, R.layout.item_view, beanList);//这里就是开始讲到的int id的用法,将item的view作为id传给构造方法,这样new出一个适配器
        ListView listView = (ListView) this.findViewById(R.id.list_view);
        listView.setAdapter(adapter);
        //这里是用于ListView的每个子Item被点击到之后的操作
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                Bean bean = beanList.get(i);
                Toast.makeText(MainActivity.this, bean.getName(), Toast.LENGTH_SHORT).show();
            }
        });

        init();


    }

//这就是一个将开始的数据数组一次取出放入到之前声明的list中去
//然后在new适配器的时候将声明了的List放入适配器中就OK了
    private void init() {
        for (int i = 0; i < data.length; i++) {
            String one = data[i];
            //注意看这里就用到了Bean.class的构造方法中的int id
            //这里的id传入的就是R.drawable.my这样的R值
            Bean bean = new Bean(one, R.drawable.my);
            beanList.add(bean);
        }
    }
}

到这里ListView的全部介绍完了,当然,就个人意见,能用到RecyclerView的就尽量用RecyclerView(RecyclerView+CardView的效果还是很好的呦~),因为觉得毕竟一个强大的控件就可以尽量多用,当然有些效果RecyclerView就没有ListView那样容易实现,所以也算是多少学习ListView的用法吧。
以下是效果图:
这里写图片描述

尝试着写web下的listview控件listview一般有四种显示模式——平铺、图标、列表和详细信息。这些显示模式唯一的共同点就是数据是相同的,显示效果完全不一样。这时候xml的优势就完全体现出来了。 第一步,就是建立一个自定义格式的xml,用来保存listview数据 第二步,xsl可以解析xml生成html,所以就针对listview的每一种显示效果设计了一个对应的xsl。这样前面定义的xml数据和不同的xsl一起就可以显示出不同的效果。 第三步,htc在开发web控件时,非常灵活和功能强大,可以采用客户端脚本如js,可以对控件进行封装,使之有自己的属性、方法和事件等。利用htc封装的listview控件中对外有两个属性CfgXMLSrc(配置文件,设置listview的每一种显示模式对应的xsl文件路径等信息)和View(listview的显示模式),在htc中根据listview的View属性来选择不同的xsl文件和xml数据文件生成html,并输出。 这样就可以通过改变listview控件的view属性来切换listview的不同显示效果。 在线演示 打包下载 以前写换皮肤的控件,都是通过更换css和图片路径来做的(可以看看http://www.stedy.com),局限性很大,例如toolbar,在winxp和win2000下差别很大,只靠通过换css和图片路径无法应付这种情况。通过开发listview的经验,从中悟到了一种更好的开发换皮肤的web控件的模式: 首先将控件的相关数据用xml描述出来,对于每一种Theme(皮肤/主题样式),有一个相关的配置文件,配置文件中记载了该控件所用到的xsl、css、图片路径、htc等信息。在控件相关的htc中,根据Theme属性组合这些。从而可以灵活的应付各种情况。 例如刚才说的toolbar,假如入我们有三种风格:winxp蓝色、winxp银色和windows经典,前面两种基本差不多,只是样式和图片不一样,而后面一种和前面的两种差别比较大。那么我们需要写两个xsl,三个css文件,三个图片文件夹,组合一下就可以生成这三种风格的toolbar了。 这种控件开发模式会慢慢流行起来并在asp.net控件中发挥重要作用的
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值