Android控件之ListView

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

列表的显示需要三个元素:

1.ListVeiw 用来展示列表的View。

2.适配器 用来把数据映射到ListView上的中介。

3.数据 具体的将被映射的字符串,图片,或者基本组件。

根据列表的适配器类型,列表分为三种,ArrayAdapter,SimpleAdapter和自定义Adapter

1、关于几种Adapter

   以ArrayAdapter最为简单,只能展示一行字。SimpleAdapter有最好的扩充性,可以自定义出各种效果。自定义Adapter可以认为是SimpleAdapter对数据库的简单结合,需要继承BaseAdapter可以方面的把数据库的内容以列表的形式展示出来。
   arrayAdapter和simpleAdapter了解就可以,重要的是自定义Adapter,在自定义Adapter中需要extends BaseAdapter,然后需要重写四个方法,分别是:getount(),getItem(),getItemId(),getView();

####一个studentAdapter的代码如下(注意方法的返回值):

public class StudentAdapter extends BaseAdapter {
   private List<Student> mData;
    @Override
    public int getCount() {
        return mData.size();//返回list类型数据的长度
    }

    @Override
    public Object getItem(int position) {
        return position;
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        teturn convertView;
    }

2、处理缓存的机制

假如下面是一个手机屏幕显示的多条数据,当向上滑动时,上面的信息出屏,下面的向上走,把上面出屏的view拿到下面。向下滑是反过来

处理缓存这里用到了convertView,viewHolder

如昨天写的StudentAdapter中的getView方法代码如下:

 @Override
    public View getView(int position, View convertView, ViewGroup parent) {//这个方法是关键
        View view = mInflater.inflate(R.layout.activity_list, null);//对应activity—list中的属性
        Student student = mData.get(position);
        ImageView imageView = (ImageView) view.findViewById(R.id.image);//付属性
        TextView textView_name = (TextView) view.findViewById(R.id.list_name);
        TextView textView_age = (TextView) view.findViewById(R.id.list_age);
        TextView textView_sex = (TextView) view.findViewById(R.id.list_sex);
        TextView textView_hobby = (TextView) view.findViewById(R.id.list_hobby);
        textView_name.setText(student.getName());//添加属性
        textView_age.setText(student.getAge());
        textView_sex.setText(student.getSex());
        textView_hobby.setText(student.getHobby());
        imageView.setImageResource(student.getImg());
        return view;
    }

对每个属性分别赋值并setText都需要时间缓存,因此,当数据量过大时会出现问题。在这里用convertView,viewHolder,如下

 @Override
    public View getView(int position, View convertView, ViewGroup parent) {
    //convertView是划出屏幕的数据
        Student student = mData.get(position);
        ViewHolder vh = null;
        if (convertView == null) {//如果是空,则给一个新的flater
            vh = new ViewHolder();
            convertView = mInflater.inflate(R.layout.activity_list, null);
            vh.imageView = (ImageView) convertView.findViewById(R.id.image);
            vh.textView_name = (TextView) convertView.findViewById(R.id.list_name);
            vh.textView_age = (TextView) convertView.findViewById(R.id.list_age);
            vh.textView_sex = (TextView) convertView.findViewById(R.id.list_sex);
            vh.textView_hobby = (TextView) convertView.findViewById(R.id.list_hobby);
            convertView.setTag(vh);
        } else {
            vh = (ViewHolder) convertView.getTag();
        }
        vh.textView_name.setText(student.getName());
        vh.textView_age.setText(student.getAge());
        vh.textView_sex.setText(student.getSex());
        vh.textView_hobby.setText(student.getHobby());
        vh.imageView.setImageResource(student.getImg());
        return convertView;
    }

    class ViewHolder {
        ImageView imageView;
        TextView textView_name;
        TextView textView_age;
        TextView textView_sex;
        TextView textView_hobby;
    }
}

3、案例展示

实现点击选择框和点击数据区域可以选择,再点击取消选择。在顶部添加全选按钮,底部添加反选按钮,并实现功能。

<1>新建MyFlowerActivity,这是会随之生成layout文件夹下的activity_my_list的xml文件。并且在MyFlowerActivity中有

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_my_list_view);//xml文件位置
        mListView = (ListView) findViewById(R.id.listview);//listview的ip

注意;layout文件夹下的activity_my_list的xml文件,这个文件里不用写其他的东西,它是一个构架,

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context="com.my.administrator.mywidget.MyListView">

<ListView
    android:id="@+id/listview"//这里是listview
    android:cacheColorHint="#00000000"//消去滑动图案
    android:divider="@color/red"//每条数据中间设置分割线
    android:dividerHeight="1dp"//分隔线的宽度
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    >
</ListView>

</RelativeLayout>

<2>在layout文件下新建item_flower.xml

在这里面搭建布局,整体为线性布局,依次有checkbox,imageview,textview

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_vertical"
    android:orientation="horizontal">

    <CheckBox
        android:id="@+id/checkbox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:focusable="false"
        android:text="选择花的类型" />

    <ImageView
        android:id="@+id/flower_imageview"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:src="@mipmap/meinv2" />

    <TextView
        android:id="@+id/textview_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="花名" />

</LinearLayout>

每条数据的布局如下

<3>在包modle下新建Flower 类

类中包含花的名称属性,图片属性

public class Flower {
    private String name;
    private int img;
    public String getName() {
        return name;
    }

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

    public int getImg() {
        return img;
    }

    public void setImg(int img) {
        this.img = img;
    }

    public Flower(String name, int img) {
        this.name = name;
        this.img = img;

    }
}

<4>在包Adapter下新建FlowerAdapter类,重写四个方法,分析如下:

public class FlowerAdapter extends BaseAdapter {//继承BaseAdapter
    private LayoutInflater mFlater;//用于与item_flower建立联系
    private List<Flower> mFlower;//与类Flower联系
    private boolean[] mManagerAllCheckBox;//用于判断是否选择,默认是False

    public FlowerAdapter(LayoutInflater mFlater, List<Flower> mFlower) {
        this.mFlater = mFlater;
        this.mFlower = mFlower;

        mManagerAllCheckBox = new boolean[mFlower.size()];
    }
    //这个是反选的方法
    public void checkFan(){
        //索引是从0开始的额
        for(int i =0;i<mFlower.size();i++){
            mManagerAllCheckBox[i] =!mManagerAllCheckBox[i];
        }
        notifyDataSetChanged();
    }
    //这个是全选的方法
  public void checkAll(){
       for(int i =0;i<mFlower.size();i++){
           mManagerAllCheckBox[i] = true;
       }
      notifyDataSetChanged();
  }
  //这个是点击选择一条数据的方法
    public void checkSelect(int position) {
        mManagerAllCheckBox[position] = !mManagerAllCheckBox[position];//没点之前是false,点击后取非变成true
        notifyDataSetChanged();
    }

    @Override
    public int getCount() {
        return mFlower.size();
    }

    @Override
    public Object getItem(int position) {
        return position;
    }

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

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        ViewHolder vh = null;
        if (convertView == null) {
            convertView = mFlater.inflate(R.layout.item_flower, null);//获得布局文件的内容
            vh = new ViewHolder();
            vh.checkBox = (CheckBox) convertView.findViewById(R.id.checkbox);
            vh.imageView = (ImageView) convertView.findViewById(R.id.flower_imageview);
            vh.textView = (TextView) convertView.findViewById(R.id.textview_name);
            convertView.setTag(vh);
        } else {
            vh = (ViewHolder) convertView.getTag();
        }
        Flower flower = mFlower.get(position);
        vh.imageView.setImageResource(flower.getImg());
        vh.textView.setText(flower.getName());
        vh.checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                Log.d("myFlower", "选择框发生变化" + isChecked);//点击时变为ture
                mManagerAllCheckBox[position] = isChecked;//这条数据被点击
                notifyDataSetChanged();//刷新listview
            }
        });
        vh.checkBox.setChecked(mManagerAllCheckBox[position]);
        return convertView;
    }
     class ViewHolder {
        CheckBox checkBox;
        ImageView imageView;
        TextView textView;
    }
}

<4>MyFlowerAdapter的写法

public class MyFlowerActivity extends AppCompatActivity {
    private List<Flower> mFlower;//数据
    private ListView mListView;
    private LayoutInflater mInflater;//联系item_flower
    private FlowerAdapter mFlowerAdapter;
    private View mHeaderView;//全选
    private Button mbtCheckAll;
    private  View mFootView;//反选
    private Button mbtCheckFan;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_my_list_view);//获得整体构架
        mListView = (ListView) findViewById(R.id.listview);//布局文件
        mInflater = getLayoutInflater();//得到布局里的数据
        initData();//添加数据的方法,在下面
       //这是全选,对全选按钮建立点击事件
        mHeaderView =mInflater.inflate(R.layout.flower_checkall, null);
        mbtCheckAll =(Button) mHeaderView.findViewById(R.id.button_checkall);
        mbtCheckAll.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mFlowerAdapter.checkAll();
            }
        });
        //这是反选,对反选按钮建立点击事件
        mFootView = mInflater.inflate(R.layout.flower_foot,null);
        mbtCheckFan = (Button)mFootView.findViewById(R.id.button_fan);
        mbtCheckFan.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mFlowerAdapter.checkFan();
            }
        });
     //这是自动把全选按钮添加到顶部和反选按钮添加到底部
        mListView.addHeaderView(mHeaderView);
        mListView.addFooterView(mFootView);

        mFlowerAdapter = new FlowerAdapter(mInflater, mFlower);
        mListView.setAdapter(mFlowerAdapter);
      //下面是点击时这条数据的变化,setOnItemClickListener
        mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Log.d("myflower", "点击的花" + mFlower.get(position-1).getName());
                mFlowerAdapter.checkSelect(position-1);//这里pisition-1是因为,在顶部加上了全选按钮,它占了第一个索引的位置
            }
        });
    }
//下面是添加数据的方法
    private void initData() {
        mFlower = new ArrayList<>();
        Flower mudan = new Flower("牡丹", R.mipmap.flower1);
        Flower yueji = new Flower("月季", R.mipmap.flower2);
        Flower meigui = new Flower("玫瑰", R.mipmap.flower3);
        for (int i = 0; i < 6; i++) {
            mFlower.add(mudan);
            mFlower.add(yueji);
            mFlower.add(meigui);
        }
    }

<5>全选和反选按钮需要的代码:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
<Button
    android:id="@+id/button_checkall"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="全选"/>
</LinearLayout>
______________________________
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
<Button
    android:id="@+id/button_fan"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="反选"/>
</LinearLayout>

到此全部完成

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-05 19:48:48

Android控件之ListView的相关文章

Android控件之ListView的使用

ListView是Android当中一个非常常用的数据显示控件. 第一种可以使用List<HashMap<String , Object>>,作为适配器的数据源来显示要显示的数据. XML布局文件之item.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/re

Android控件--定制ListView界面

0.前言 学过Android的人,我想肯定使用该Android的ListView控件,毕竟当要显示列表的时候,例如qq的消息界面.聊天界面,手机显示联系人,这些无疑都是使用到了ListView 这个Android最为常用的界面.那么接下来就谈谈如何自己创建一个适配器去订制ListView界面的.(注意:本文介绍的适用列表每一项的内容一样的情况) 1.在AndroidStudio新建Android工程 工程中的Androidmanifest.xml保持不变 2.在main_activity中加入一

Android 控件使用

1.Android控件之TextView探究 2.Android控件之EditView探究 3.Android控件之CheckBox.RadioButton探究 4.Android控件之ImageView探究 5.Android控件之GridView探究 6.Android控件之ListView探究一 7.Android控件之ListView探究二 8.Android控件之ToggleButton探究 9.Android控件之DatePicker.TimePicker探究 10.Android控

[Android Pro] android控件ListView顶部或者底部也显示分割线

reference to  :  http://blog.csdn.net/lovexieyuan520/article/details/50846569 在默认的Android控件ListView在顶部是不显示分割线的,但是我们可以使用一些技巧来显示.我们先来看下默认情况下ListView显示的效果: 可以看到顶部是没有分割线的,但是有时候我们的美工硬是在上面画了一条分割线,没办法,我们也得加上,我们在ListView顶部加上一个Header就可以实现,代码如下 listView.addHea

android控件开发之ListView

android控件开发之ListView 本文主要讲述安卓开发中的ListView控件的使用方法 java代码: package com.example.listview; import java.util.ArrayList; import java.util.HashMap; import android.app.ListActivity; import android.os.Bundle; import android.view.Menu; import android.view.View

安卓Android控件ListView获取item中EditText值

可以明确,现在没有直接方法可以获得ListView中每一行EditText的值. 解决方案:重写BaseAdapter,然后自行获取ListView中每行输入的EditText值. 大概算法:重写BaseAdapter.getView函数,用一个数组存储EditText中的值,根据position即数组下标,在getView中动态更新EditText和动态获取EditText中的值.因为ListView中的item是复用的,如果不动态清空或动态获取EditText中值,就会出现数据紊乱,或者没数

Android控件ListView获取item中EditText值

可以明确,现在没有直接方法可以获得ListView中每一行EditText的值. 解决方案:重写BaseAdapter,然后自行获取ListView中每行输入的EditText值. 大概算法:重写BaseAdapter.getView函数,用一个数组存储EditText中的值,根据position即数组下标,在getView中动态更新EditText和动态获取EditText中的值.因为ListView中的item是复用的,如果不动态清空或动态获取EditText中值,就会出现数据紊乱,或者没数

UIAutomator定位Android控件的方法实践和建议(Appium姊妹篇)

在本人之前的一篇文章<<Appium基于安卓的各种FindElement的控件定位方法实践和建议>>第二章节谈到Appium可以通过使用UIAutomator的方法去定位Android界面上的控件,当时只是一笔带过举了个例子.如该文给自己的承诺,今天特撰写此文以描述UIAutomator各种控件定位的方法,以作为前文的姊妹篇互通有无. 1. 背景 为了和前文达成一致,这次的实践对象同样也是使用SDK自带的NotePad应用,同样是尝试去获得在NotesList那个Activity里

android控件 下拉刷新pulltorefresh

外国人写的下拉刷新控件,我把他下载下来放在网盘,有时候访问不了github 支持各种控件下拉刷新 ListView.ViewPager.WevView.ExpandableListView.GridView.(Horizontal )ScrollView.Fragment上下左右拉动刷新,比下面johannilsson那个只支持ListView的强大的多.并且他实现的下拉刷新ListView在item不足一屏情况下也不会显示刷新提示,体验更好. 国内网盘地址:http://www.400gb.c