AndroidUI的组成部分GridView
2015-10-27 16:59
337 查看
java 代码例如以下(简单的知识点我会以凝视的形式解说):
package com.gc.gridviewdemo; /** * @author Android将军 */ /** * 知识点解说: * 1、GridView 用于在界面上按行、列分布的方式来显示多个组件。 * GridView和ListView有共同的父类:AbsListView,因此GridView * 和ListView具有非常高的类似性,它们都是列表项。 * GridView与ListView的唯一差别在于:ListView仅仅显示一列。而GridView * 能够显示多列。从这个角度来看,ListView相当于一种特殊的GridView, * 假设让GridView仅仅显示一列。那么该GridView就变成了Listview。 * 与ListView类似的是,GridView也须要通过Adapter来提供显示的数据 * 2、GridView经常使用的XML属性: * android:columnWidth------设置列的宽度 * android:numColumns-------设置列数 * android:horizontalSpacing----设置各元素之间的水平间距 * android:verticalSpacing----设置各元素之间的垂直间距 */ import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.view.View; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.AdapterView.OnItemSelectedListener; import android.widget.GridView; import android.widget.ImageView; import android.widget.SimpleAdapter; public class MainActivity extends Activity { private GridView grid; private ImageView imageView; int[] imageIds=new int[]{R.drawable.addresslist1,R.drawable.conference2,R.drawable.daiban3 ,R.drawable.email4,R.drawable.file5,R.drawable.infrom6,R.drawable.organization7,R.drawable.publicfile8 ,R.drawable.request9,R.drawable.sign10,R.drawable.task11,R.drawable.work12}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //创建一个List对象,List对象的元素是Map List<Map<String,Object>> listItems=new ArrayList<Map<String,Object>>(); for(int i=0;i<imageIds.length;i++) { Map<String, Object> listItem=new HashMap<String,Object>(); listItem.put("image", imageIds[i]); listItems.add(listItem); } //获取显示图片的ImageView imageView=(ImageView)findViewById(R.id.imageView); //创建一个SimpleAdapter SimpleAdapter simpleAdapter=new SimpleAdapter(this, listItems, R.layout.cell, new String[]{"image"}, new int[]{R.id.image1}); grid=(GridView)findViewById(R.id.grid01); //为GridView设置Adapter grid.setAdapter(simpleAdapter); //加入列表项被选中的监听器 grid.setOnItemSelectedListener(new OnItemSelectedListener() { @Override public void onItemSelected(AdapterView<? > parent, View view, int position, long id) { // TODO Auto-generated method stub //显示当前被选中的图片 imageView.setImageResource(imageIds[position]); } @Override public void onNothingSelected(AdapterView<? > parent) { // TODO Auto-generated method stub } }); //加入列表项被单击的监听器 grid.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<? > parent, View view, int position, long id) { // TODO Auto-generated method stub //显示被单击的图片 imageView.setImageResource(imageIds[position]); } }); } }
xml布局文件的代码例如以下:
activity_main.xml
<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:orientation="vertical" android:layout_gravity="center_horizontal" > <!-- 定义一个GridView组件 --> <GridView android:id="@+id/grid01" android:layout_width="fill_parent" android:layout_height="wrap_content" android:horizontalSpacing="1pt" android:verticalSpacing="1pt" android:numColumns="4" android:gravity="center" /> <ImageView android:id="@+id/imageView" android:layout_width="240dp" android:layout_height="240dp" android:layout_gravity="center_horizontal" /> </LinearLayout>
cell.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" > <ImageView android:id="@+id/image1" android:layout_width="60dp" android:layout_height="60dp" /> </LinearLayout>
执行效果截图:
转载请注明出处:http://blog.csdn.net/android_jiangjun/article/details/25342001
相关文章推荐
- iOS开发UI篇—Quartz2D简单使用(三)
- DuiVision开发教程(15)-DUI文本控制基础类
- 【NGUI】监听按钮除OnClick外其他事件的方法,附简易改编的UIButton类
- 斯坦福大学公开课 iOS应用开发教程学习笔记(第七课)UIToolbar、iPad 和iPhone的通用程序
- Uiautomator 快速调试
- deque双端队列&&UVa210 Concurrency Simulator(并行程序模拟)的理解与解析
- Uicc之ICCFileHandler(转)
- iOS开发UI篇—Quartz2D使用(图片剪切)
- Carrier frequency 和 EARFCN的关系
- 032.NSValue NSNumber 包装类
- MQTT学习笔记-让Mosquitto支持Websocket
- 虚幻4 build.cs文件里面的每个字符串List的意义
- 浅谈NGUI的NGUITools类
- 【mongdb报错】Failed global initialization: BadValue Invalid or no user locale set.
- MQTT学习笔记-Mosquitto的安装与启动
- LeetCode 95: Unique Binary Search Trees II
- UIScrollView 和自动布局结合
- No resource found that matches the given name (at 'layout_toLeftOf' with value '@id/tx_search_friend
- LeetCode 96: Unique Binary Search Trees
- Java:字符串缓冲区StringBuffer和StringBuilder的使用