Android--UI之GridView

简介:

前言

  这篇博客介绍一下Android平台下,GridView控件的开发。针对GridView控件的一些常用属性、方法,以及注意事项进行讲解,最后将以一个Demo展示GridView控件的使用。

GridView

  GridView一个以二维网格的格式展示数据的控件,它与ListView具有相同的继承结构,同样直接继承与AbsListView,并且使用一个ListAdapter接口的适配器来绑定数据。其实它的展示效果有点类似于TableLayout布局,可以看看另外一篇博客:Android--UI布局。相信有过UI编程经验的人,都对GridView这个控件不会陌生。

  GridView效果图:

  对于GridView而言,有一些特定的属性需要了解一下,Android也为这些属性提供了对应的getter/setter方法:

  • android:columnWidth:指定每一列的固定宽度。
  • android:gravity:指定每个填充项的填充方向。
  • android:horizontalSpacing:指定水平行之间的间距。
  • android:verticalSpacing:指定垂直列之间的间距。
  • android:numColumns:指定列数。

   对于android:numColumns属性而言,如果设定为1,可以当成一个ListView使用。而GridView的方法与事件,大部分和ListView类似,可以参见另外一篇讲解ListView的博客,这里不再详解了。

 数据填充

  GridView和ListView一样,都需要通过一个ListAdapter的适配器来填充数据。对于复杂的数据,一般会使用选择继承BaseAdapter。对于一些简单的数据样式,通过XML布局展示的,可以使用SimpleAdapter。它们都是比较常用的ListAdapter子类。

  下面通过一个Demo简单讲解一下GridView的使用。

  布局代码:

复制代码
 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="vertical"
 6     android:paddingBottom="@dimen/activity_vertical_margin"
 7     android:paddingLeft="@dimen/activity_horizontal_margin"
 8     android:paddingRight="@dimen/activity_horizontal_margin"
 9     android:paddingTop="@dimen/activity_vertical_margin"
10     tools:context=".MainActivity" >
11 
12     <GridView
13         android:id="@+id/gridview"
14         android:layout_width="match_parent"
15         android:layout_height="wrap_content"
16         android:horizontalSpacing="6dp"
17         android:numColumns="3"        
18         android:padding="20dp"
19         android:verticalSpacing="6dp" />
20 
21     <ImageView
22         android:id="@+id/iamgeview"
23         android:layout_width="match_parent"
24         android:layout_height="150dp" />
25 
26 </LinearLayout>
复制代码

  

  实现代码:

复制代码
 1 package com.bgxt.gridviewdemo;
 2 
 3 import java.util.ArrayList;
 4 import java.util.HashMap;
 5 import java.util.List;
 6 import java.util.Map;
 7 
 8 import android.os.Bundle;
 9 import android.app.Activity;
10 import android.view.Menu;
11 import android.view.View;
12 import android.widget.AdapterView;
13 import android.widget.GridView;
14 import android.widget.ImageView;
15 import android.widget.SimpleAdapter;
16 import android.widget.AdapterView.OnItemClickListener;
17 import android.widget.AdapterView.OnItemSelectedListener;
18 
19 public class MainActivity extends Activity {
20 
21     private ImageView imageView;
22     private int[] resIds = new int[] { R.drawable.bmp1, R.drawable.bmp2,
23             R.drawable.bmp3, R.drawable.bmp4, R.drawable.bmp5, R.drawable.bmp6,
24             R.drawable.bmp7, R.drawable.bmp8, R.drawable.bmp9, R.drawable.bmp10 };
25 
26     @Override
27     protected void onCreate(Bundle savedInstanceState) {
28         super.onCreate(savedInstanceState);
29         setContentView(R.layout.activity_main);
30         GridView gridView = (GridView) findViewById(R.id.gridview);
31         imageView = (ImageView) findViewById(R.id.iamgeview);
32         List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
33         for (int i = 0; i < resIds.length; i++) {
34             Map<String, Object> cell = new HashMap<String, Object>();
35             cell.put("imageview", resIds[i]);
36             list.add(cell);
37         }
38 
39         SimpleAdapter simpleAdapter = new SimpleAdapter(MainActivity.this,
40                 list, R.layout.cell, new String[] { "imageview" },
41                 new int[] { R.id.ivCell });
42         gridView.setAdapter(simpleAdapter);
43         gridView.setOnItemClickListener(itemClick);
44         imageView.setImageResource(resIds[0]);
45     }
46 
47     @Override
48     public boolean onCreateOptionsMenu(Menu menu) {
49         // Inflate the menu; this adds items to the action bar if it is present.
50         getMenuInflater().inflate(R.menu.main, menu);
51         return true;
52     }
53 
54     private OnItemClickListener itemClick = new OnItemClickListener() {
55 
56         @Override
57         public void onItemClick(AdapterView<?> parent, View view, int position,
58                 long id) {
59             // TODO Auto-generated method stub
60             imageView.setImageResource(resIds[position]);
61         }
62     };
63 
64 }
复制代码

  效果展示:


本文转自承香墨影博客园博客,原文链接:http://www.cnblogs.com/plokmju/p/android_GridView.html,如需转载请自行联系原作者


相关文章
|
19天前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图:打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中,自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程,以及如何通过它们增强应用的用户体验。我们将从基础出发,逐步深入,最终让你能够自信地设计和实现专属的UI组件。
|
7月前
|
Android开发 算法 架构师
android的基础ui组件,这些知识点你会吗
android的基础ui组件,这些知识点你会吗
android的基础ui组件,这些知识点你会吗
|
3月前
|
XML Android开发 UED
💥Android UI设计新风尚!掌握Material Design精髓,让你的界面颜值爆表!🎨
随着移动应用市场的蓬勃发展,用户对界面设计的要求日益提高。为此,掌握由Google推出的Material Design设计语言成为提升应用颜值和用户体验的关键。本文将带你深入了解Material Design的核心原则,如真实感、统一性和创新性,并通过丰富的组件库及示例代码,助你轻松打造美观且一致的应用界面。无论是色彩搭配还是动画效果,Material Design都能为你的Android应用增添无限魅力。
72 1
|
4月前
|
存储 搜索推荐 Java
探索安卓开发中的自定义视图:打造个性化UI组件Java中的异常处理:从基础到高级
【8月更文挑战第29天】在安卓应用的海洋中,一个独特的用户界面(UI)能让应用脱颖而出。自定义视图是实现这一目标的强大工具。本文将通过一个简单的自定义计数器视图示例,展示如何从零开始创建一个具有独特风格和功能的安卓UI组件,并讨论在此过程中涉及的设计原则、性能优化和兼容性问题。准备好让你的应用与众不同了吗?让我们开始吧!
|
4月前
|
编解码 Android开发
【Android Studio】使用UI工具绘制,ConstraintLayout 限制性布局,快速上手
本文介绍了Android Studio中使用ConstraintLayout布局的方法,通过创建布局文件、设置控件约束等步骤,快速上手UI设计,并提供了一个TV Launcher界面布局的绘制示例。
64 1
|
4月前
|
API Android开发
Android项目架构设计问题之选择和使用合适的UI库如何解决
Android项目架构设计问题之选择和使用合适的UI库如何解决
53 0
|
5月前
|
XML Android开发 UED
💥Android UI设计新风尚!掌握Material Design精髓,让你的界面颜值爆表!🎨
【7月更文挑战第28天】随着移动应用市场的发展,用户对界面设计的要求不断提高。Material Design是由Google推出的设计语言,强调真实感、统一性和创新性,通过模拟纸张和墨水的物理属性创造沉浸式体验。它注重色彩、排版、图标和布局的一致性,确保跨设备的统一视觉风格。Android Studio提供了丰富的Material Design组件库,如按钮、卡片等,易于使用且美观。
155 1
|
6月前
|
XML IDE 开发工具
【Android UI】自定义带按钮的标题栏
【Android UI】自定义带按钮的标题栏
64 7
【Android UI】自定义带按钮的标题栏
|
6月前
|
Android开发 开发者
Android UI设计中,Theme定义了Activity的视觉风格,包括颜色、字体、窗口样式等,定义在`styles.xml`。
【6月更文挑战第26天】Android UI设计中,Theme定义了Activity的视觉风格,包括颜色、字体、窗口样式等,定义在`styles.xml`。要更改主题,首先在该文件中创建新主题,如`MyAppTheme`,覆盖所需属性。然后,在`AndroidManifest.xml`中应用主题至应用或特定Activity。运行时切换主题可通过重新设置并重启Activity实现,或使用`setTheme`和`recreate()`方法。这允许开发者定制界面并与品牌指南匹配,或提供多主题选项。
88 6
|
6月前
|
开发工具 Android开发 开发者
Android `.9.png` 图像是用于UI的可拉伸格式,保持元素清晰度和比例
【6月更文挑战第26天】Android `.9.png` 图像是用于UI的可拉伸格式,保持元素清晰度和比例。通过边上的黑线定义拉伸区域,右下角黑点标识内容区域,适应文本或组件大小变化。常用于按钮、背景等,确保跨屏幕尺寸显示质量。Android SDK 提供`draw9patch.bat`工具来创建和编辑。**
256 6