ListView 简单实用

2023-03-05
四川
本文字数：3610 字
阅读完需：约 12 分钟

1.自定义 BaseAdapter，绑定 ListView 的最简单例子

先看看我们要实现的效果图：

一个很简单的 ListView，自己写下 Item，然后加载点数据这样~ 下面贴下关键代码：

Animal.java:

/** * Created by Jay on 2015/9/18 0018. */public class Animal {    private String aName;    private String aSpeak;    private int aIcon;
    public Animal() {    }
    public Animal(String aName, String aSpeak, int aIcon) {        this.aName = aName;        this.aSpeak = aSpeak;        this.aIcon = aIcon;    }
    public String getaName() {        return aName;    }
    public String getaSpeak() {        return aSpeak;    }
    public int getaIcon() {        return aIcon;    }
    public void setaName(String aName) {        this.aName = aName;    }
    public void setaSpeak(String aSpeak) {        this.aSpeak = aSpeak;    }
    public void setaIcon(int aIcon) {        this.aIcon = aIcon;    }}

复制代码

AnimalAdapter.java：自定义的 BaseAdapter：

/** * Created by Jay on 2015/9/18 0018. */public class AnimalAdapter extends BaseAdapter {
    private LinkedList<Animal> mData;    private Context mContext;
    public AnimalAdapter(LinkedList<Animal> mData, Context mContext) {        this.mData = mData;        this.mContext = mContext;    }
    @Override    public int getCount() {        return mData.size();    }
    @Override    public Object getItem(int position) {        return null;    }
    @Override    public long getItemId(int position) {        return position;    }
    @Override    public View getView(int position, View convertView, ViewGroup parent) {        convertView = LayoutInflater.from(mContext).inflate(R.layout.item_list_animal,parent,false);        ImageView img_icon = (ImageView) convertView.findViewById(R.id.img_icon);        TextView txt_aName = (TextView) convertView.findViewById(R.id.txt_aName);        TextView txt_aSpeak = (TextView) convertView.findViewById(R.id.txt_aSpeak);        img_icon.setBackgroundResource(mData.get(position).getaIcon());        txt_aName.setText(mData.get(position).getaName());        txt_aSpeak.setText(mData.get(position).getaSpeak());        return convertView;    }}

复制代码

最后是 MainActivity.java：

public class MainActivity extends AppCompatActivity {
    private List<Animal> mData = null;    private Context mContext;    private AnimalAdapter mAdapter = null;    private ListView list_animal;
    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        mContext = MainActivity.this;        list_animal = (ListView) findViewById(R.id.list_animal);        mData = new LinkedList<Animal>();        mData.add(new Animal("狗说", "你是狗么?", R.mipmap.ic_icon_dog));        mData.add(new Animal("牛说", "你是牛么?", R.mipmap.ic_icon_cow));        mData.add(new Animal("鸭说", "你是鸭么?", R.mipmap.ic_icon_duck));        mData.add(new Animal("鱼说", "你是鱼么?", R.mipmap.ic_icon_fish));        mData.add(new Animal("马说", "你是马么?", R.mipmap.ic_icon_horse));        mAdapter = new AnimalAdapter((LinkedList<Animal>) mData, mContext);        list_animal.setAdapter(mAdapter);    }
}

复制代码

好的，自定义 BaseAdapter 以及完成数据绑定就是这么简单~别问我拿示例的代码，刚开始学就会写出这些代码，我只是演示下流程，让大家熟悉而已。另外，也是为下面的属性验证做准备。

2.表头表尾分割线的设置：

listview 作为一个列表控件，他和普通的列表一样，可以自己设置表头与表尾：以及分割线，可供我们设置的属性如下：

footerDividersEnabled：是否在 footerView(表尾)前绘制一个分隔条,默认为 true
headerDividersEnabled:是否在 headerView(表头)前绘制一个分隔条,默认为 true
divider:设置分隔条,可以用颜色分割,也可以用 drawable 资源分割
dividerHeight:设置分隔条的高度

翻遍了了 API 发现并没有可以直接设置 ListView 表头或者表尾的属性，只能在 Java 中写代码进行设置了，可供我们调用的方法如下：

addHeaderView(View v)：添加 headView(表头),括号中的参数是一个 View 对象
addFooterView(View v)：添加 footerView(表尾)，括号中的参数是一个 View 对象
addHeaderView(headView, null, false)：和前面的区别：设置 Header 是否可以被选中
addFooterView(View,view,false)：同上

对了，使用这个 addHeaderView 方法必须放在 listview.setAdapter 前面，否则会报错。

使用示例：

运行效果图：

代码实现：

先编写下表头与表尾的布局：

view_header.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"    android:gravity="center">    <TextView        android:layout_width="match_parent"        android:layout_height="48dp"        android:textSize="18sp"        android:text="表头"        android:gravity="center"        android:background="#43BBEB"        android:textColor="#FFFFFF"/></LinearLayout>

复制代码

MainActivty.java:

public class MainActivity extends AppCompatActivity implements AdapterView.OnItemClickListener{
    private List<Animal> mData = null;    private Context mContext;    private AnimalAdapter mAdapter = null;    private ListView list_animal;    private LinearLayout ly_content;
    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        mContext = MainActivity.this;        list_animal = (ListView) findViewById(R.id.list_animal);        //动态加载顶部View和底部View        final LayoutInflater inflater = LayoutInflater.from(this);        View headView = inflater.inflate(R.layout.view_header, null, false);        View footView = inflater.inflate(R.layout.view_footer, null, false);
        mData = new LinkedList<Animal>();        mData.add(new Animal("狗说", "你是狗么?", R.mipmap.ic_icon_dog));        mData.add(new Animal("牛说", "你是牛么?", R.mipmap.ic_icon_cow));        mData.add(new Animal("鸭说", "你是鸭么?", R.mipmap.ic_icon_duck));        mData.add(new Animal("鱼说", "你是鱼么?", R.mipmap.ic_icon_fish));        mData.add(new Animal("马说", "你是马么?", R.mipmap.ic_icon_horse));        mAdapter = new AnimalAdapter((LinkedList<Animal>) mData, mContext);        //添加表头和表尾需要写在setAdapter方法调用之前！！！        list_animal.addHeaderView(headView);        list_animal.addFooterView(footView);
        list_animal.setAdapter(mAdapter);        list_animal.setOnItemClickListener(this);    }
    @Override    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {        Toast.makeText(mContext,"你点击了第" + position + "项",Toast.LENGTH_SHORT).show();    }}

复制代码

好的，代码还是比较简单的，从上面我们看出来一个要注意的问题，就是：

添加表头表尾后，我们发现 positon 是从表头开始算的，就是你添加的第一个数据本来的 postion 是 0，但是此时却变成了 1，因为表头也算！！

3.列表从底部开始显示：stackFromBottom

如果你想让列表显示你列表的最下面的话，那么你可以使用这个属性，将 stackFromBottom 属性设置为 true 即可，设置后的效果图如下：

4.设置点击颜色 cacheColorHint

如果你为 ListView 设置了一个图片作为 Background 的话，当你拖动或者点击 listView 空白位置会发现 item 都变成黑色了，这是时候我们可以通过这个 cacheColorHint 将颜色设置为透明:#00000000

5.隐藏滑动条

我们可以通过设置：android:scrollbars="none" 或者 setVerticalScrollBarEnabled(true); 解决这个问题！

发布于: 刚刚阅读数: 4

原文链接:【http://xie.infoq.cn/article/e7c2a0b28ba41f070104a9d81】。文章转载请联系作者。

向阳逐梦

关注

人生享受编程，编程造就人生！ 2022-06-01 加入

某公司芯片测试工程师，嵌入式开发工程师，InfoQ签约作者，阿里云星级博主，华为云·云享专家。座右铭：向着太阳，追逐梦想！

发布

暂无评论

创作场景

ListView 简单实用

1.自定义 BaseAdapter，绑定 ListView 的最简单例子

2.表头表尾分割线的设置：

3.列表从底部开始显示：stackFromBottom

4.设置点击颜色 cacheColorHint

5.隐藏滑动条

向阳逐梦

评论