Android中ListView使用总结


在android开发中,ListView是比较常用的组件,以列表形式展示具体内容,并根据数据长度自适应显示

Adapter是连接后端数据和前端显示的适配器接口,是数据和UI(View)之间一个重要的纽带。


简单的ListView使用这里不赘述,这里说下ListView自定义数据和自定义adapter时的较复杂点的使用,

抛砖引玉


先上最终效果图,左面是一个图片,右面有一些文字描述

Android中ListView使用总结_第1张图片


主视图布局配置是这样的,只呈现一个ListView




    

    

先自定义一个数据类

package com.xuexi.zhaoyun.testadapter;

//自定义列表项数据类
public class CustomListCellData {

    public String name = "";
    public String dec = "";
    public int iconId = 0;

    public CustomListCellData(String userName, String dec, int iconId) {
        this.name = userName;
        this.dec = dec;
        this.iconId = iconId;
    }

    public String getUserName() {
        return name;
    }

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

    public String getDec() {
        return dec;
    }

    public void setDec(String dec) {
        this.dec = dec;
    }

    public int getIconId() {
        return iconId;
    }

    public void setIconId(int iconId) {
        this.iconId = iconId;
    }

}
定义一个列表项的布局




    

    

        

        
    
接下来就可以自定义adapter了,比较难理解的是getView

package com.xuexi.zhaoyun.testadapter;

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.LinearLayout;
import android.widget.TextView;


public class CustomListViewAdapter extends BaseAdapter {

    private Context context;

    public CustomListViewAdapter(Context context) {
        this.context = context;
    }

    public Context getContext() {
        return context;
    }

    //定义数据源
    private CustomListCellData[] data = new CustomListCellData[]{
            new CustomListCellData("小李", "是个歌手", R.drawable.ai_logo),
            new CustomListCellData("小王", "是个学生", R.drawable.bat_logo),
            new CustomListCellData("小魏", "是个屌丝", R.drawable.html_logo),
            new CustomListCellData("小薛", "是个闷骚男", R.drawable.z_logo),
    };

    @Override
    public int getCount() {
        return data.length;
    }

    @Override
    public CustomListCellData getItem(int i) {
        return data[i];
    }

    @Override
    public long getItemId(int i) {
        return i;
    }

    //用于构建最终展示在ListView里的每一项
    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {

        /**
         * 这里需要解析自定义的用于展示每一个列表项的布局,并给相关组件赋值
         * 这里使用的是一个Android提供的优化机制,减少getView的触发次数,减少内存消耗
         * View是由getView创建但不在使用被系统回收的组件
         */
        LinearLayout ll = null;
        if (view!=null){
            ll = (LinearLayout) view;
        }else {
            ll = (LinearLayout) LayoutInflater.from(getContext()).inflate(R.layout.custom_listcell, null);
        }

        //先取到这一列表项的数据
        CustomListCellData data = getItem(i);

        ImageView icon = (ImageView) ll.findViewById(R.id.cion);
        TextView name = (TextView) ll.findViewById(R.id.name);
        TextView dec = (TextView) ll.findViewById(R.id.dec);

        //给布局里的相关组件设置数据
        icon.setImageResource(data.iconId);
        name.setText(data.name);
        dec.setText(data.dec);

        return ll;
    }
}

主视图代码非常简单

package com.xuexi.zhaoyun.testadapter;

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

public class CustomListView extends AppCompatActivity {

    private ListView customListView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.custom_list_view);

        customListView = (ListView) findViewById(R.id.customListView);
        customListView.setAdapter(new CustomListViewAdapter(this));
    }
}


以上。


你可能感兴趣的:(Android,移动开发,android,studio,android,解决方案,布局,listview)