Android 之路39---GridView控件

于 2018-02-08 21:18:51 发布
阅读量230 收藏
点赞数
分类专栏： android 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37527943/article/details/79290731
版权

导读

1.GridView的基本属性
2.用GridView展示已安装的应用
3.用GridView加载网络图片

GridView的基本属性

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

自定义每个表格块的布局 simple_list_item_1.xml

<?xml version="1.0" encoding="utf-8"?>


    <TextView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@android:id/text1"
        android:layout_width="match_parent"
        android:layout_height="?android:attr/listPreferredItemHeight"
        android:textAppearance="?android:attr/textAppearanceListItem"
        android:gravity="center_vertical"
        android:textAlignment="viewStart"
        android:background="#ff0000"
        android:paddingLeft="?android:attr/expandableListPreferredItemPaddingLeft" />

主页面布局文件 activity_main.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">

  <GridView
      android:id="@+id/gv"
      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="spacingWidth"
      android:gravity="center"></GridView>


</LinearLayout>

java文件 MainActivity.java

package com.hala.view01;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.GridView;
import android.widget.ListView;

import java.util.ArrayList;
import java.util.List;


public class MainActivity extends Activity {


    private GridView gridView;

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

        gridView = (GridView)findViewById(R.id.gv);
        List<String> strList=new ArrayList<String>();
        for(int i=0;i<12;i++){
            strList.add("Emilia"+i);
        }

        ArrayAdapter<String> arrayAdapter=new ArrayAdapter<String>(MainActivity.this,R.layout.simple_list_item_1,strList);
        gridView.setAdapter(arrayAdapter);
    }


}

显示结果
这里写图片描述

若将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/gv"
      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:gravity="center"></GridView>


</LinearLayout>

显示结果

这里写图片描述

⚠️以上两种不同在于系统将多余部分分配给谁，columnWidth表示分配给列宽，而spacingWidth表示分配给两列之间的间距

这里写图片描述

这里写图片描述

这里写图片描述

用GridView展示已安装的应用

自定义每个表格块的布局 item_layout

<?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">

    <ImageView
        android:id="@+id/iv"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:scaleType="centerCrop"/>

    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:layout_marginLeft="10dp"
        android:gravity="center"
        android:text="测试"/>
</LinearLayout>

主页面布局文件 activity_main.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">

  <GridView
      android:id="@+id/gv"
      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:gravity="center"></GridView>


</LinearLayout>

自定义应用信息的类 AppInfo.java

package com.hala.view01;

import android.graphics.drawable.Drawable;

/**
 * Created by air on 2018/2/8.
 */

public class AppInfo {

    //应用名称
    private String appName;
    //应用包名
    private String packageName;
    //版本名称
    private String versionName;
    //版本号
    private int versionCode;
    //应用图标
    private Drawable appIcon;

    public String getAppName() {
        return appName;
    }

    public void setAppName(String appName) {
        this.appName = appName;
    }

    public String getPackageName() {
        return packageName;
    }

    public void setPackageName(String packageName) {
        this.packageName = packageName;
    }

    public String getVersionName() {
        return versionName;
    }

    public void setVersionName(String versionName) {
        this.versionName = versionName;
    }

    public int getVersionCode() {
        return versionCode;
    }

    public void setVersionCode(int versionCode) {
        this.versionCode = versionCode;
    }

    public Drawable getAppIcon() {
        return appIcon;
    }

    public void setAppIcon(Drawable appIcon) {
        this.appIcon = appIcon;
    }
}

适配器类 GriaAdapter.java

package com.hala.view01;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

/**
 * Created by air on 2018/2/8.
 */

public class GriaAdapter extends BaseAdapter {

    private Context context;
    private List<AppInfo> appInfos;

    public GriaAdapter(Context context, List<AppInfo> appInfos) {
        this.context = context;
        this.appInfos = appInfos;
    }

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

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

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

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

        ViewHolder viewHolder=new ViewHolder();
        if(convertView==null){
            convertView=View.inflate(context,R.layout.item_layout,null);
            viewHolder.imageView=(ImageView)convertView.findViewById(R.id.iv);
            viewHolder.textView=(TextView)convertView.findViewById(R.id.tv);
            convertView.setTag(viewHolder);
        }else{
            viewHolder= (ViewHolder) convertView.getTag();
        }

        AppInfo appInfo=appInfos.get(position);
        viewHolder.imageView.setImageDrawable(appInfo.getAppIcon());
        viewHolder.textView.setText(appInfo.getAppName()+" "+appInfo.getVersionName());

        return convertView;
    }

    public class ViewHolder{
        public ImageView imageView;
        public TextView textView;
    }
}

java文件 MainActivity.java

package com.hala.view01;

import android.app.Activity;
import android.content.pm.ApplicationInfo;
import android.content.pm.PackageInfo;
import android.content.pm.PackageManager;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.GridView;
import android.widget.ListView;

import java.util.ArrayList;
import java.util.List;


public class MainActivity extends Activity {


    private GridView gridView;

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

        gridView = (GridView)findViewById(R.id.gv);
        GriaAdapter griaAdapter=new GriaAdapter(MainActivity.this,getAppList());
        gridView.setAdapter(griaAdapter);

    }

    public List<AppInfo> getAppList(){
        List<AppInfo> appInfoList=new ArrayList<AppInfo>();
        PackageManager packageManager=getPackageManager();
        List<PackageInfo> installedPackages=packageManager.getInstalledPackages(0);

        for(int i=0;i<installedPackages.size();i++){
            PackageInfo packageInfo=installedPackages.get(i);
            AppInfo appInfo=new AppInfo();
            //设置应用名称
            appInfo.setAppName(packageInfo.applicationInfo.loadLabel(packageManager).toString());
            //图标
            appInfo.setAppIcon(packageInfo.applicationInfo.loadIcon(packageManager));
            //包名
            appInfo.setPackageName(packageInfo.packageName);
            //版本名称
            appInfo.setVersionName(packageInfo.versionName);
            //版本号
            appInfo.setVersionCode(packageInfo.versionCode);

            //if语句的作用是将系统自带的应用过滤掉，只显示用户自己下载的应用
            //if((packageInfo.applicationInfo.flags& ApplicationInfo.FLAG_SYSTEM)==0) {
                appInfoList.add(appInfo);

            //}

        }
        return appInfoList;
    }

}

显示结果

这里写图片描述

用GridView加载网络图片

配置文件 Manifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.hala.view01">


    <uses-permission android:name="android.permission.INTERNET"/>

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

自定义每个表格块的布局 item_layout

<?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">

    <ImageView
        android:id="@+id/iv"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:scaleType="centerCrop"/>

    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:layout_marginLeft="10dp"
        android:gravity="center"
        android:text="测试"/>
</LinearLayout>

主页面布局文件 activity_main.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">

  <GridView
      android:id="@+id/gv"
      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:gravity="center"></GridView>


</LinearLayout>

自定义图像信息的类 ImageInfo.java

package com.hala.view01;

import android.graphics.Bitmap;
import android.graphics.drawable.Drawable;

/**
 * Created by air on 2018/2/8.
 */

public class ImageInfo {

    private String imagePath;
    private Bitmap bitmap;
    private String text;

    public String getImagePath() {
        return imagePath;
    }

    public void setImagePath(String imagePath) {
        this.imagePath = imagePath;
    }

    public Bitmap getBitmap() {
        return bitmap;
    }

    public void setBitmap(Bitmap bitmap) {
        this.bitmap = bitmap;
    }

    public String getText() {
        return text;
    }

    public void setText(String text) {
        this.text = text;
    }
}

适配器类 GriaAdapter.java

package com.hala.view01;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

/**
 * Created by air on 2018/2/8.
 */

public class GriaAdapter extends BaseAdapter {

    private Context context;
    private List<ImageInfo> appInfos;

    public GriaAdapter(Context context, List<ImageInfo> appInfos) {
        this.context = context;
        this.appInfos = appInfos;
    }


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

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

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

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

        ViewHolder viewHolder=new ViewHolder();
        if(convertView==null){
            convertView=View.inflate(context,R.layout.item_layout,null);
            viewHolder.imageView=(ImageView)convertView.findViewById(R.id.iv);
            viewHolder.textView=(TextView)convertView.findViewById(R.id.tv);
            convertView.setTag(viewHolder);
        }else{
            viewHolder= (ViewHolder) convertView.getTag();
        }

        ImageInfo appInfo=appInfos.get(position);
        viewHolder.textView.setText(appInfo.getText());

        if(appInfo.getBitmap()==null){
            viewHolder.imageView.setImageResource(R.mipmap.ic_launcher);
        }else{
            viewHolder.imageView.setImageBitmap(appInfo.getBitmap());
        }

        return convertView;
    }

    public class ViewHolder{
        public ImageView imageView;
        public TextView textView;
    }
}

主页面java文件 MainActivity.java

package com.hala.view01;

import android.app.Activity;
import android.content.Context;
import android.content.pm.PackageInfo;
import android.content.pm.PackageManager;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.os.Bundle;
import android.widget.GridView;

import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;
import java.util.ArrayList;
import java.util.List;


public class MainActivity extends Activity {


    private GridView gridView;
    private List<String> imageList;
    private List<ImageInfo> imageInfoList;
    private GriaAdapter griaAdapter;
    private ImageLoadTask imageLoadTask;

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

        gridView = (GridView)findViewById(R.id.gv);
        initData();
        gridView.setAdapter(griaAdapter);

    }

    private void initData() {
        imageList = new ArrayList<String>();
        imageList.add("http://img4q.duitang.com/uploads/item/201501/31/20150131204708_Cayzr.png");
        imageList.add("http://newsimages.mainone.com/2013-10/10170906575.jpg");
        imageList.add("http://t1.mmonly.cc/uploads/tu/zyf/tt/20160524/cabluql2zjc.jpg");
        imageList.add("http://t1.mmonly.cc/uploads/tu/zyf/tt/20160524/kxpirbwnkic.jpg");
        imageList.add("http://t1.mmonly.cc/uploads/tu/zyf/tt/20160524/ecush2i3eod.jpg");
        imageList.add("http://img4.duitang.com/uploads/item/201409/04/20140904114650_rZxti.jpeg");
        imageList.add("http://img3.imgtn.bdimg.com/it/u=3929947471,2848680780&fm=27&gp=0.jpg");
        imageList.add("http://imgsrc.baidu.com/forum/w%3D580/sign=448cc5d88e1001e94e3c1407880e7b06/4fb13ef431adcbef9149f237afaf2edda3cc9f92.jpg");
        imageList.add("http://img1.imgtn.bdimg.com/it/u=1537560281,1787967705&fm=214&gp=0.jpg");

        imageInfoList = new ArrayList<ImageInfo>();
        for(int i=0;i<9;i++){
            ImageInfo imageInfo=new ImageInfo();
            imageInfo.setImagePath(imageList.get(i));
            imageInfoList.add(imageInfo);
        }


        griaAdapter = new GriaAdapter(MainActivity.this,imageInfoList);
        imageLoadTask = new ImageLoadTask(MainActivity.this,griaAdapter);
        imageLoadTask.execute("");

    }

    public Bitmap getImageFromNetWork(String path){
        try {
            URL url=new URL(path);
            HttpURLConnection urlConnection=(HttpURLConnection)url.openConnection();
            urlConnection.setDoInput(true);
            urlConnection.setConnectTimeout(10000);
            urlConnection.connect();
            InputStream inputStream=urlConnection.getInputStream();

            Bitmap bitmap= BitmapFactory.decodeStream(inputStream);
            inputStream.close();
            return bitmap;
        } catch (MalformedURLException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }

        return null;
    }

    public class ImageLoadTask extends AsyncTask<String,Void,Void>{


        private GriaAdapter griaAdapter;
        public ImageLoadTask(Context context,GriaAdapter griaAdapter) {
            this.griaAdapter=griaAdapter;
        }

        @Override
        protected Void doInBackground(String... params) {
            for(int i=0;i<griaAdapter.getCount();i++){
                ImageInfo imageInfo= (ImageInfo) griaAdapter.getItem(i);
                String imagePath=imageInfo.getImagePath();
                Bitmap bitmap=getImageFromNetWork(imagePath);
                imageInfo.setBitmap(bitmap);
                publishProgress();
            }
            return null;
        }

        @Override
        protected void onProgressUpdate(Void... values) {
            super.onProgressUpdate(values);
            //UI刷新界面
            griaAdapter.notifyDataSetChanged();
        }
    }

}

显示结果
这里写图片描述

hala-22
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android控件之GridView
小磊's blog
12-04 507
网格视图GridView的排列方式与矩阵类似，当屏幕上有很多元素（文字、图片或其他元素）需要按矩阵格式进行显示时，就可以使用GridView控件来实现。 看到目前为止就是用适配器进行规定布局方式，并把每个布局文件（imageview 和 textview）显示出来。 布局文件xml: <RelativeLayout xmlns:android="http://schemas.andr
Android 控件之GridView
weixin_34204722的博客
10-06 108
GridView是Android中的数据显示控件，先体验一下它的效果 这是GridView只呈现图片的效果。源码下载 下面详细介绍一下GridView。 一、简介 　　　　在二维可滚动网格中呈现子项(Item),Item来自于与之相关的ListAdapter. 二、重要方法 　　getStretchMode()：获取GridView的延伸模式。 　　onKeyDown(int k...
Android：控件GridView的使用
hnzgemail的博客
12-25 208
摘自于： http://www.cnblogs.com/tinyphp/p/3855224.html Android：控件GridView的使用 如果是列表（单列多行形式）的使用ListView，如果是多行多列网状形式的优先使用GridView。 复制代码 &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;Gri...
Android的GridView控件
lhp1331的专栏
08-26 6410
GridView控件是可以用来显示二维排列的控件，这里在上一篇TabHost控件的基础上添加了一个GridView控件，用作Tab页的显示内容。 效果图： 帖代码： public class OrderClientActivity extends Activity { TabHost tabHost; String[] dishType=new String[]{"1","2",
Android GridView控件 使用
weixin_34208185的博客
07-22 245
2019独角兽企业重金招聘Python工程师标准>>> ...
Android应用开发-GridView控件.pptx
最新发布
12-10
在Android应用开发中，GridView控件是一个非常重要的组成部分，它允许开发者以行列的形式展示大量数据，比如图片、图标或其他UI组件。GridView与ListView虽然都用于显示列表数据，但它们的展示方式有所不同。...
android-GridView显示图片点击放大.zip
01-17
在Android开发中，GridView是一种非常常见的布局控件，它允许我们以网格的形式展示数据，通常用于创建类似相册、应用列表等界面。本项目“android-GridView显示图片点击放大”提供了一个实现GridView显示图片并支持...
Android控件之GridView用法实例分析
09-03
在Android开发中，GridView是一个非常实用的控件，用于展示二维网格布局，通常用于显示多张图片或者列表数据。它允许用户水平滚动并以网格的形式查看内容。在本篇分析中，我们将深入探讨如何使用GridView来创建一个...
Android UI 设计（14）：GridView 控件
极北三少
10-21 357
GridView GridView的用法与ListView的用法相同，都需要使用Adapter适配器。GridView与ListView控件唯一的不同便是显示形式不同，GridView是以行*列的形式展现的，使多条数据在一行。我们手机上的相册一个很好的例子。 GridView的使用步骤： （在下面这个例子中，添加了一个小功能：这个功能在我们平常
android GridView控件学习
03-07
GridView控件学习
GridView控件的简单使用
09-12
GridView控件主要以网格的形式排列要显示的元素，本篇博客主通过一个简单的实例来帮助初学者理解和使用GridView控件，不会涉及到性能的优化。
Android的GridView控件（二）
lhp1331的专栏
08-26 4099
在上一篇Android的GridView控件中我们实现了GridView的简单功能。接下来我们实现下面的效果： 点击每个item右上角的小框框之后： public class OrderClient2 extends Activity{ TabHost tabHost; String[] dishType=new String[]{"tab1","tab2","ta
Android基础学习之GridView控件
青芸的博客
09-20 458
1.添加控件<GridView android:padding="10dp" android:id="@+id/gridview" android:layout_width="fill_parent" android:layout_height="fill_parent" android:columnWidth="90dp" android:num
Android基础控件—GridView
不忘初心
02-26 850
1.GridView是什么？        GridView又称为网格视图或者九宫格视图，当手机屏幕上需要显示比较多的内容时(包括文字、图片或者其它元素)，可以使用GridView。最常见的GridView使用在于早期Android手机的一二级菜单和相册里的照片墙效果，当然如果将GridView的这种布局方式用于软件的主页面用来显示菜单，也是比较好的选择。 2.代码中具体实现
Android GridView控件自定义
热门推荐
Dream It Possible
05-01 1万+
虽然Android已自带了GridView，但是，却不够灵活，同时也不能自由添加控件，因此，本人通过需要进一步封装，来实现Android自定义GridView控件，达到自己需要的效果。 我们看一下最终所需要的效果图： 说明： 上图：这里先省去分页，只讲：Android GridView 控件实现自定义。 按照上面的图例需求，大致上可以把Android GridView 画成如下的方
Android Widget——GridView 学习笔记
xiangyong2008的专栏
03-18 1577
 GridView跟ListView都是比较常用的多控件布局，而GridView更是实现九宫图的首选!本文就是介绍如何使用GridView实现九宫图。GridView的用法很多，网上介绍最多的方法就是自己实现一个ImageAdapter继承BaseAdapter，再供GridView使用，类似这种的方法本文不再重复，本文介绍的GridView用法跟前文ListView的极其类似。。。。也算是我
android控件)GridView控件开发总结
hfxc226的专栏
07-08 767
1 界面                       android:listSelector="#FAF4FF"                       android:id="@+id/GridView"                       android:layout_width="fill_parent"                       android:
Android控件详解：从TextView到GridView
"Android开发中的常用控件及其使用方法详解" 在Android应用开发中，了解并熟练掌握各种控件的使用是至关重要的。本资源主要涵盖了15种Android平台上的常见UI控件及其基本用法，旨在帮助开发者创建交互性强、用户...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值