Android常用控件之GridView与ExpandableListView的用法

概述

1、GridView：与ListView相比，可以显示多列，xml布局时其属性numColumns可以设置显示的列数。

2、ExpandableListView：与ListView相比，可以让每一列单元都拥有子列表。

内容

GridView

显示3列和多行的图片以及名称

布局

<LinearLayout 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:background="#000000"
                android:layout_margin="15dp"
                android:orientation="vertical">

    <GridView
        android:id="@+id/grid_view"
        android:background="#88000000"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numColumns="3">

    </GridView>

</LinearLayout>

每个表单元的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_centerHorizontal="true"
              android:gravity="center_horizontal"
              android:layout_width="match_parent"
              android:layout_height="match_parent">
    <ImageView
        android:id="@+id/item_imageview"
        android:layout_width="100dp"
        android:layout_height="100dp"/>

    <TextView
        android:id="@+id/item_textview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
</LinearLayout>

先写一个Fruit类

public class Fruit {
    private String name;
    private int img;

    public Fruit(String name, int img) {
        this.name = name;
        this.img = 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;
    }

}

接着建立一个GridView的适配器

public class FruitGridAdapter extends BaseAdapter {
    private List<Fruit> mFruits;
    private LayoutInflater mInflater;

    public FruitGridAdapter(List<Fruit> mFruits, LayoutInflater mInflater) {
        this.mFruits = mFruits;
        this.mInflater = mInflater;
    }

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

    @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) {
        ViewHolder viewHolder;
        if(convertView==null){
            viewHolder = new ViewHolder();
            convertView = mInflater.inflate(R.layout.grid_item,null);
            viewHolder.imageView = (ImageView) convertView.findViewById(R.id.item_imageview);
            viewHolder.textView = (TextView) convertView.findViewById(R.id.item_textview);
            convertView.setTag(viewHolder);
        }else{
            viewHolder = (ViewHolder) convertView.getTag();
        }
        Fruit fruit = mFruits.get(position);
        viewHolder.imageView.setImageResource(fruit.getImg());
        viewHolder.textView.setText(fruit.getName());
        return convertView;
    }

    class ViewHolder{
        ImageView imageView;
        TextView textView;
    }
}

主活动

public class MainActivity extends Activity {
    private List<Fruit> mFruits;
    private LayoutInflater mInflater;
    private GridView gridView;
    private FruitGridAdapter mAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        gridView = (GridView) findViewById(R.id.grid_view);
        mInflater = this.getLayoutInflater();

        mFruits = new ArrayList<>();
        Fruit apple = new Fruit("apple", R.mipmap.a_logo1);
        Fruit pear = new Fruit("pear", R.mipmap.image);
        Fruit pineapple = new Fruit("pineapple", R.mipmap.pk);
        Fruit grape = new Fruit("grape", R.mipmap.ic_launcher);
        for (int i = 0; i < 20; i++) {
            mFruits.add(apple);
            mFruits.add(pear);
            mFruits.add(pineapple);
            mFruits.add(grape);
        }
        mAdapter = new FruitGridAdapter(mFruits,mInflater);
        gridView.setAdapter(mAdapter);
    }

}

结果演示

ExpandableListView

写一个可以显示各个班级信息和班级学生信息的活动

布局

<LinearLayout 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:background="@mipmap/search_frame"
              android:orientation="vertical">

    <ExpandableListView
        android:id="@+id/expandable_listview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="15dp">

    </ExpandableListView>

</LinearLayout>

主单元项班级的布局

<?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:background="#55ff0000"
              android:gravity="center_horizontal"
              android:orientation="horizontal">

    <TextView
        android:id="@+id/clazz_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="15dp"/>

    <TextView
        android:id="@+id/clazz_num"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="15dp"/>

    <TextView
        android:id="@+id/students_num"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="15dp"/>
</LinearLayout>

子单元项学生的布局

<?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:background="#8800ffff"
              android:gravity="center_horizontal"
              android:orientation="horizontal">

    <TextView
        android:id="@+id/student_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="15dp"/>

    <TextView
        android:id="@+id/student_sex"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="15dp"/>

    <TextView
        android:id="@+id/student_age"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="15dp"/>

</LinearLayout>

首先写个班级类

public class Clazz {
    private String clazzName;
    private String clazzNum;
    private List<Student> students;

    public Clazz(String clazzName,String clazzNum) {
        this.clazzNum = clazzNum;
        this.clazzName = clazzName;
    }

    public String getClazzName() {
        return clazzName;
    }

    public void setClazzName(String clazzName) {
        this.clazzName = clazzName;
    }

    public String getClazzNum() {
        return clazzNum;
    }

    public void setClazzNum(String clazzNum) {
        this.clazzNum = clazzNum;
    }

    public List<Student> getStudents() {
        return students;
    }

    public void setStudents(List<Student> students) {
        this.students = students;
    }
}

接着写建立一个学生类

public class Student {
    private String studentName;
    private String sex;
    private String age;

    public Student(String studentName, String sex, String age) {
        this.studentName = studentName;
        this.sex = sex;
        this.age = age;
    }

    public String getStudentName() {
        return studentName;
    }

    public void setStudentName(String studentName) {
        this.studentName = studentName;
    }

    public String getSex() {
        return sex;
    }

    public void setSex(String sex) {
        this.sex = sex;
    }

    public String getAge() {
        return age;
    }

    public void setAge(String age) {
        this.age = age;
    }
}

适配器

public class MyExpAdapter extends BaseExpandableListAdapter {
    private List<Clazz> mClazzs;
    private LayoutInflater mInflater;

    public MyExpAdapter(List<Clazz> mClazzs, LayoutInflater mInflater) {
        this.mClazzs = mClazzs;
        this.mInflater = mInflater;
    }

    @Override
    public int getGroupCount() {
        return mClazzs.size();
    }

    @Override
    public int getChildrenCount(int groupPosition) {
        return mClazzs.get(groupPosition).getStudents().size();
    }

    @Override
    public Object getGroup(int groupPosition) {
        return groupPosition;
    }

    @Override
    public Object getChild(int groupPosition, int childPosition) {
        return childPosition;
    }

    @Override
    public long getGroupId(int groupPosition) {
        return groupPosition;
    }

    @Override
    public long getChildId(int groupPosition, int childPosition) {
        return childPosition;
    }

    @Override
    public boolean hasStableIds() {
        return false;
    }

    @Override
    public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {

        GroupViewHolder gvh = null;
        if (convertView == null) {
            convertView = mInflater.inflate(R.layout.clazz_item, null);
            gvh = new GroupViewHolder();
            gvh.clazzName = (TextView) convertView.findViewById(R.id.clazz_name);
            gvh.clazzNum = (TextView) convertView.findViewById(R.id.clazz_num);
            gvh.studentsNum = (TextView) convertView.findViewById(R.id.students_num);
            convertView.setTag(gvh);
        } else {
            gvh = (GroupViewHolder) convertView.getTag();
        }

        Clazz clazz = mClazzs.get(groupPosition);
        gvh.clazzName.setText(clazz.getClazzName());
        gvh.clazzNum.setText(clazz.getClazzNum());
        gvh.studentsNum.setText(clazz.getStudents().size() + "人");
        return convertView;
    }

    @Override
    public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {

        ChildViewHolder cvh = null;
        if(convertView==null) {
            cvh = new ChildViewHolder();
            convertView = mInflater.inflate(R.layout.students_item, null);
            cvh.studentName = (TextView) convertView.findViewById(R.id.student_name);
            cvh.studentSex = (TextView) convertView.findViewById(R.id.student_sex);
            cvh.studentAge = (TextView) convertView.findViewById(R.id.student_age);
            convertView.setTag(cvh);
        }else{
            cvh = (ChildViewHolder) convertView.getTag();
        }

        Student student = mClazzs.get(groupPosition).getStudents().get(childPosition);
        cvh.studentName.setText(student.getStudentName());
        cvh.studentSex.setText(student.getSex());
        cvh.studentAge.setText(student.getAge());
        return convertView;
    }

    @Override
    public boolean isChildSelectable(int groupPosition, int childPosition) {
        return false;
    }

    private class GroupViewHolder {
        TextView clazzName;
        TextView clazzNum;
        TextView studentsNum;
    }

    private class ChildViewHolder {
        TextView studentName;
        TextView studentSex;
        TextView studentAge;
    }
}

主活动

public class MainActivity extends Activity {
    private List<Clazz> mClazzs;
    private ExpandableListView mExpandableListView;
    private MyExpAdapter mMyExpAdapter;
    private LayoutInflater mInflater;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mExpandableListView = (ExpandableListView)findViewById(R.id.expandable_listview);
        initData();
        mInflater = getLayoutInflater();
        mMyExpAdapter = new MyExpAdapter(mClazzs,mInflater);

        mExpandableListView.setAdapter(mMyExpAdapter);
    }

    private void initData() {
        mClazzs = new ArrayList<>();
        Clazz clazz1 = new Clazz("一班","201501");
        Clazz clazz2 = new Clazz("二班","201502");
        Clazz clazz3 = new Clazz("三班","201503");
        Clazz clazz4 = new Clazz("四班","201504");

        List<Student> students = new ArrayList<>();
        Student zhangsan = new Student("张三","男","21");
        Student lisi = new Student("李四","女","20");
        Student wangwu = new Student("王五","男","22");
        Student zhaoliu = new Student("赵六","女","19");
        students.add(zhangsan);
        students.add(lisi);
        students.add(wangwu);
        students.add(zhaoliu);

        clazz1.setStudents(students);
        clazz2.setStudents(students);
        clazz3.setStudents(students);
        clazz4.setStudents(students);

        mClazzs.add(clazz1);
        mClazzs.add(clazz2);
        mClazzs.add(clazz3);
        mClazzs.add(clazz4);

    }
}

结果演示

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

时间： 2024-08-06 15:59:50

Android常用控件之GridView与ExpandableListView的用法的相关文章

Android常用控件：进度条

各种进度条属于 ProgressBar的子类 Sytle: 水平风格:Horizontal小风格:Small大风格:Large反向风格:Inverse小反向风格:Small.Inverse大反向风格:Large.Inverse 设置style:   style="?android:attr/progressBarStyle..." 主要属性:最大值:max当前进度:progress次要进度值:SecondaryProgress --效果类似于看电影那些缓冲 判断进度条是转圈还是水平的方

android常用控件

在 Android 中使用各种控件(View) DatePicker - 日期选择控件 TimePicker - 时间选择控件 ToggleButton - 双状态按钮控件 EditText - 可编辑文本控件 ProgressBar - 进度条控件 SeekBar - 可拖动的进度条控件 AutoCompleteTextView - 支持自动完成功能的可编辑文本控件 MultiAutoCompleteTextView - 支持自动完成功能的可编辑文本控件,允许输入多值(多值之间会自动地用指定的

Android基本控件之GridView

我们在使用手机的过程中,会看到一些图片配上文字的一些情况,今天我们就来介绍一下安卓控件的GridView GridView组件用来以网格方式排列视图,与矩阵类似,当屏幕上有很多元素(文字.图片或其他元素)需要显示时,可以使用该组件 二话不说,我们先上图: 今天,我们就来实现这样的一个即显示图片又显示文字的一个GridView 我们首先来分析一下,我们如果想实现这样的一个GridView都需要些什么资源吧 说到资源,我们肯定是需要这么一大堆的图片呀~ 然后,我们再来分析一下,我们需要在布局文件上做

Android 常用控件接口监听

Android控件监听方面,用接口实现监听是最好的,在Android 本身就提供了各种控件监听接口,我们只要按照这样实现,看起来代码会很整洁.实现的效果也是很好的,下面我列举了常用控件的接口监听,layout ,checkbox,RadioGroup,以及listview的单击或者长按监听.下面请看代码,有注释. 本文项目源码地址: 点击此处下载 转载请注明出处: http://blog.csdn.net/qq_16064871 package com.example.impletedemo;

Android常用控件及对应Robotium API

最近发现Android控件不熟悉,看Robotium的API都费劲. 常用Android控件: 控件类型 描述 相关类 Button 按钮,可以被用户按下或点击,以执行?个动作 Button Text field 可编辑的文本区域,可以使用AutoCompleteTextView创建一个带有自动完成功能的编辑文本域 EditText,AutoCompleteTextView Checkbox 复选框,?个可以由用户切换的ON/OFF开关.当提供给用户?组不互斥的可选项时,你应该使用复选框 Che

Android常用控件之下拉刷新Wifi列表

有些列表信息需要手动去更新,此时比较常用的就是下拉刷新列表,在这里就使用下拉列表来刷新当前Wifi信息 目录结构 界面               关键代码 下拉列表类 package com.example.dropdownrefresh.ui; import java.text.SimpleDateFormat; import java.util.Date; import com.example.dropdownrefresh.R; import android.content.Contex

Android常用控件之AutoCompleteTextView、Spinner

概述 1.AutoCompleteTextView:相对于普通的TextView,AutoCompleteTextView的特点是可以自动提示文本,它可以通过SetAdapter()方法加载适配器. 2.Spinner:一种下拉列表. 知识内容 AutoCompletedTextView 布局文件 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="

android常用控件纪录

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orien

S2. Android 常用控件

[概述] Button(普通按钮) Toast(消息提示) Menu(菜单) [Button] 在 MainActivity 对应的布局文件 activity_main.xml 中,使用图形编辑器加入一个按钮,如下图所示: activity_main.xml 中会添加 Button 的代码,手动修改 id,text 信息,添加 onClick 事件 <Button android:id="@+id/testBtn" android:layout_width="150dp