Android 案例: 控件GridView的使用-手机管家九宫格

Dreamhai

于 2020-11-15 16:53:12 发布

阅读量468

点赞数 2

分类专栏： Android 文章标签： android gridview

本文链接：https://blog.csdn.net/Dreamhai/article/details/109705859

版权

Android 专栏收录该内容

18 篇文章 3 订阅

订阅专栏

本文介绍了Android中GridView的使用，包括如何设置属性、创建数据源、适配器及其实现多行多列的显示效果。示例代码展示了如何通过GridView显示图片和文字，以及GridView的相关属性如`numColumns`、`columnWidth`、`stretchMode`等的解释。通过这个实例，读者可以了解如何在Android应用中实现类似九宫格的布局。

摘要由CSDN通过智能技术生成

文章目录

GridView的使用请参考:>>点击查看<<
项目代码下载: Demo01_GridView

项目效果

在这里插入图片描述

如果是列表（单列多行形式）的使用ListView，如果是多行多列网状形式的优先使用GridView。

<?xml version="1.0" encoding="utf-8"?>
<GridView 
	xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
 
<!-- android:horizontalSpacing="10dp"水平拮据 -->
<!-- android:verticalSpacing="10dp"垂直拮据 -->
</GridView>

GirdView的一些属性：

android:numColumns="auto_fit"      -------- 列数设置为自动
android:columnWidth="90dp"，       -------- 每列的宽度，也就是Item的宽度
android:stretchMode="columnWidth"  -------- 缩放与列宽大小同步
android:verticalSpacing="10dp"     -------- 垂直边距
android:horizontalSpacing="10dp"   -------- 水平边距

1、准备数据源
2、新建适配器
3、加载适配器

GridView(网格视图)是按照行列的方式来显示内容的，
一般用于显示图片，图片等内容，比如实现九宫格图，用GridView是首选，也是最简单的

项目代码

MainActivity.java

package com.dreamhai.demo01_gridview;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.BaseAdapter;
import android.widget.GridView;

public class MainActivity extends AppCompatActivity {
    // 设置初始化数据,开发中,使用http获取数据
    private int[] icons = new int[]{
            R.drawable.a,R.drawable.b,R.drawable.c,R.drawable.d,R.drawable.e,
            R.drawable.f,R.drawable.g,R.drawable.h,R.drawable.i
    };
    String[] names = new String[]{
            "手机防盗","时通卫视","软件管理","流量管理","进程管理","手机杀毒",
            "缓存清理","高级工具","设置中心"
    };

    // 定义GridView属性
    private GridView   gridView ;

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

        gridView = findViewById(R.id.grid_view);

        GridViewBaseAdapter adapter = new GridViewBaseAdapter(icons, names, this, R.layout.grid_view_item);
        gridView.setAdapter(adapter);


    }
}

GridViewBaseAdapter.java

package com.shenzaokeji.demo01_gridview;

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.TextView;

public class GridViewBaseAdapter extends BaseAdapter {

    private int[] icons;
    private String[] names;
    private Context context;
    private int resource;// item

    public GridViewBaseAdapter(int[] icons, String[] names, Context context, int resource) {
        this.icons = icons;
        this.names = names;
        this.context = context;
        this.resource = resource;
    }

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

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

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if (convertView == null) {
            convertView = LayoutInflater.from(context).inflate(resource,parent,false);
            holder = new ViewHolder();
            holder.imageView = convertView.findViewById(R.id.iv_image);
            holder.textView = convertView.findViewById(R.id.tv_title);
            convertView.setTag(holder);
        }else {
            holder = (ViewHolder) convertView.getTag();
        }
        // 赋值
        holder.imageView.setImageResource(icons[position]);
        holder.textView.setText(names[position]);

        return convertView;
    }

    class ViewHolder {
        ImageView imageView;
        TextView textView;
    }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<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:paddingTop="20dp"
    tools:context=".MainActivity">

    <!--  主页面设置布局  -->
    <GridView
        android:id="@+id/grid_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:numColumns="3"
        android:verticalSpacing="10dp" />


</RelativeLayout>

grid_view_item.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    >

    <ImageView
        android:id="@+id/iv_image"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:src="@drawable/a"

        />
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:text="流量管理"
        android:textSize="18sp"
        android:layout_below="@+id/iv_image"
        android:layout_marginTop="10dp"
        android:gravity="center"
        />

</RelativeLayout>

说明

概述
GridView是Android的另一个列表容器，用法也跟ListView类似，它的布局是一个网格，一行可以有多个项，并且整个视图可以滚动，我们常见的应用有手机中的图库、launcher里面的应用列表、类似微信多张图片等，总的来说，ListView主要应用于单列多行的列表，然而GridView主要应用于多行多列的网状布局。
相关属性解析

<?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">
 
 
    <GridView
        android:id="@+id/gridView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:columnWidth="90dp"
        android:numColumns="auto_fit"
        android:verticalSpacing="10dp"
        android:horizontalSpacing="10dp"
        android:stretchMode="columnWidth"
        android:cacheColorHint="#00000000"
        android:listSelector="#00000000"
        android:scrollbars="none"
        android:fadeScrollbars="true"
        android:fastScrollEnabled="true"
        android:fadingEdge="none"
        android:fadingEdgeLength="10dp"
        android:stackFromBottom="true"
        android:transcriptMode="alwaysScroll"
        android:drawSelectorOnTop="false"
        android:gravity="center"/>
</LinearLayout>

相关属性解析：
1.android:numColumns=”auto_fit” //GridView的列数设置为自动
2.android:columnWidth=”90dp " //每列的宽度，也就是Item的宽度
3.android:stretchMode=”columnWidth"//缩放与列宽大小同步
4.android:verticalSpacing=”10dp” //两行之间的边距
5.android:horizontalSpacing=”10dp” //两列之间的边距
6.android:cacheColorHint="#00000000" //去除拖动时默认的黑色背景
7.android:listSelector="#00000000" //去除选中时的黄色底色
8.android:scrollbars="none" //隐藏GridView的滚动条
9.android:fadeScrollbars="true" //设置为true就可以实现滚动条的自动隐藏和显示
10.android:fastScrollEnabled="true" //GridView出现快速滚动的按钮(至少滚动4页才会显示)
11.android:fadingEdge="none" //GridView衰落(褪去)边缘颜色为空，缺省值是vertical。(可以理解为上下边缘的提示色)
12.android:fadingEdgeLength="10dip" //定义的衰落(褪去)边缘的长度
13.android:stackFromBottom="true" //设置为true时，你做好的列表就会显示你列表的最下面
14.android:transcriptMode="alwaysScroll" //当你动态添加数据时，列表将自动往下滚动最新的条目可以自动滚动到可视范围内
15.android:drawSelectorOnTop="false" //点击某条记录不放，颜色会在记录的后面成为背景色,内容的文字可见(缺省为false)