AndroidUI的组成部分GridView-白红宇

AndroidUI的组成部分GridView

阅读量：5253 次

发布时间：2019-06-14

本文共 3203 字，大约阅读时间需要 10 分钟。

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
      
       > listItems=new ArrayList
       
        
         >();		for(int i=0;i
         
           listItem=new HashMap
          
           (); 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

cell.xml的代码例如以下：

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

执行效果截图：

转载请注明出处：

转载于:https://www.cnblogs.com/mfrbuaa/p/4914776.html

你可能感兴趣的文章