概述

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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18

每个表单元的布局

<?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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17

先写一个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;

    }

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26

接着建立一个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;

    }

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47

主活动

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);

    }

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29

结果演示 

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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

主单元项班级的布局

<?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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26

子单元项学生的布局

<?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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27

首先写个班级类

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;

    }

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34

接着写建立一个学生类

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;

    }

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35

适配器

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;

    }

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105

主活动

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);

    }

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47

结果演示 

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

  1. Android常用控件之GridView使用BaseAdapter

    我们可以为GridView添加自定义的Adapter,首先看下用自定义Adapter的显示效果 在布局文件main.xml文件中定义一个GridView控件 <RelativeLayout xm ...

  2. Android基本控件之GridView

    我们在使用手机的过程中,会看到一些图片配上文字的一些情况,今天我们就来介绍一下安卓控件的GridView GridView组件用来以网格方式排列视图,与矩阵类似,当屏幕上有很多元素(文字.图片或其他元 ...

  3. Android常用控件及对应Robotium API

    最近发现Android控件不熟悉,看Robotium的API都费劲. 常用Android控件: 控件类型 描述 相关类 Button 按钮,可以被用户按下或点击,以执行⼀个动作 Button Text ...

  4. 常用的基本控件 android常用控件

    1.TextView:(文本框):不能编辑    android:textColor="@color/tv_show_color" 字体颜色    android:textSize ...

  5. Android常用控件

     Android 中使用各种控件(View) DatePicker - 日期选择控件 TimePicker - 时间选择控件 ToggleButton - 双状态按钮控件 EditText - 可编辑 ...

  6. Android常用控件之RatingBar的使用

    RatingBar控件比较常见就是用来做评分控件,先上图看看什么是RatingBar 在布局文件中声明 <?xml version="1.0" encoding=" ...

  7. android常用控件的使用方法

    引言 xml很强大 TextView <TextView android:id="@+id/text_view" android:layout_width="mat ...

  8. Android常用控件之ExpandableList的使用

    先来看下什么是ExpandableListView 跟列表有点像,这种是可以折叠的列表,下面来看下是如何在代码中实现 一.在布局文件中声明一个ExpandableListView <Linear ...

  9. Android 常用控件的介绍

    http://www.cnblogs.com/linjiqin/category/284058.html 最流行的android组件大全:http://www.cnblogs.com/linjiqin ...

随机推荐

  1. selenium WebDriver 操作高德地图

    String URL="http://www.amap.com/"; WebDriver driver = new FirefoxDriver(profile); driver.g ...

  2. ffmpeg-20160510-git-bin

    ESC 退出 0 进度条开关 1 屏幕原始大小 2 屏幕1/2大小 3 屏幕1/3大小 4 屏幕1/4大小 S 下一帧 [ -2秒 ] +2秒 ; -1秒 ' +1秒 下一个帧 -> -5秒 f ...

  3. 【linux】英文显示乱码解决

    在linux环境中中文显示正常,而英文却显示乱码 用 echo $LANG 显示编码为 zh_CN.GB18030 解决方法: 输入 export LC_ALL=POSIX 即可

  4. 对QQ、微信等第三方登录的几个思考

    转自:http://www.jianshu.com/p/7f282dfc16fc 今天聊聊注册.登录环节中很常见的第三方登录,如QQ.微信.支付宝.新浪微博等.虽然这些产品的开放平台都提供了标准的接入 ...

  5. IOS- Run Loops

    Run Loops Run loops是线程相关的的基础框架的一部分.一个run loop就是一个事件处理的循环,用来不停的调度工作以及处理输入事件.使用run loop的目的是让你的线程在有工作的时 ...

  6. Android笔记：ListView

    listview属性 android:divider属性,可以指定ListView 分隔线的颜色,#0000 表示将分隔线设为透明色. listview效率的问题 adapter的三个参数int po ...

  7. September 17th 2016 Week 38th Saturday

    Our eyes do not show a lack of beauty, but a lack of observation. 世上不是缺少美,而是缺少发现美的眼睛. Don't pay too ...

  8. 安装jdk源码

    step1:打开选择Window->Preference step2:选择Java->Installed JREs step3:选中你所安装的jre,点击Edit,进入Edit JRE,如 ...

  9. 解决eclipseMavne的web项目debug时没有源码

  10. The Triangle

    针对如下形式的ACM试题,大多出自南阳理工学院的在线ACM试题(网址: 南阳理工在线评测系统),在此非常感谢,同时也非常感谢作者的分享! 时间限制:1000 ms  |  内存限制:65535 KB ...