GridView使用示例(三)

简介: TestGridViewActivity如下:package cn.com.baidu;import java.util.ArrayList;import java.

TestGridViewActivity如下:

package cn.com.baidu;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.app.Activity;
import android.os.Bundle;
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.LinearLayout;
import android.widget.SimpleAdapter;
import android.widget.TextView;
//Demo描述:
//GridView基础知识使用示例
//PS:这是以前刚学Android的时候写的了,今天整理博客还是舍不得扔掉
//2014年8月4日23:19:41

//注意:
//1 GridView和ListView的数据的绑定非常相似.在hashMap.put("col1", drawableIDs[i]);处我们往此hashMap里
//  放入的是图片的ID(即在R文件中生成的图片ID),而不是真正的图片数据.在绑定时系统会根据此ID自动加载对应的图片
//2 方法 new SimpleAdapter(this, createDataList(), R.layout.grid_row, new String []{"col1","col2"}, new int []{R.id.ImageView_grid_row,R.id.TextView_grid_row});
//  gridView.setAdapter(simpleAdapter);此方法的参数和使用ListView时的适配器参数基本上一样的
//  第一个参数:上下文对象
//  第二个参数:要被绑定的数据(List)
//  第三个参数:接收此绑定的数据的布局
//  第四个参数:被绑定数据的键
//  第五个参数:把这些键分别绑到布局的哪个控件中
//  第二和三个参数是从宏观来描述的,第四和五个参数是从微观的角度进一步描述的
//3 此例中分别监听获得焦点和被点击的处理情况.这点很有借鉴意义
public class TestGridViewActivity extends Activity {
	private GridView gridView;
	private ArrayList<Map<String,Object>> arrayList;
	private TextView textView;
    int drawableIDs []={R.drawable.a,R.drawable.b,R.drawable.c,R.drawable.d,R.drawable.e};
    int jjs []={R.string.jja,R.string.jjb,R.string.jjc,R.string.jjd,R.string.jje};
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        gridView=(GridView) findViewById(R.id.GridView);
        SimpleAdapter simpleAdapter=
        new SimpleAdapter(this, 
        		          createDataList(), 
        		          R.layout.grid_row, 
        		          new String []{"col1","col2"}, 
        		          new int []{R.id.ImageView_grid_row,R.id.TextView_grid_row});
        //为GridView设置适配器
        gridView.setAdapter(simpleAdapter);
        //当条目获得焦点时的处理
        gridView.setOnItemSelectedListener(new OnItemSelectedListener() {
			@Override
			public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
                textView=(TextView) findViewById(R.id.TextView);
                //获得焦点的条目.每个条目都是一个LinearLayout
				LinearLayout linearLayout=(LinearLayout) view;
				//获得此条目中的TextView显示的名字.从0开始,所以为1
				TextView childTextView=(TextView) linearLayout.getChildAt(1);
				//然后在另外一个(即主TextView)中显示
				textView.setText(childTextView.getText().toString());
			}
			@Override
			public void onNothingSelected(AdapterView<?> parent) {}
		});
        
        //当条目获被点击时的处理.同上.
        gridView.setOnItemClickListener(new OnItemClickListener() {
			@Override
			public void onItemClick(AdapterView<?> parent, View view,int position, long id) {
				textView=(TextView) findViewById(R.id.TextView);
				LinearLayout linearLayout=(LinearLayout) view;
				TextView childTextView=(TextView) linearLayout.getChildAt(1);
				textView.setText(childTextView.getText().toString());				
			}
		});
		
    } 
    
    public List createDataList(){
		arrayList=new ArrayList<Map<String,Object>>();
		for(int i=0;i<jjs.length;i++){
			HashMap<String, Object> hashMap=new HashMap<String, Object>();
			//第一列为照片
			hashMap.put("col1", drawableIDs[i]);
			//第二列为名字
			hashMap.put("col2", this.getString(jjs[i]));
			arrayList.add(hashMap);
		}
		return arrayList;
	}
}

main.xml如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linearLayout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView  
    android:id="@+id/TextView"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="@string/tip"
    android:textColor="@color/white"
    android:textSize="24dip"
    >
    </TextView>
    <GridView 
    android:id="@+id/GridView" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"
    android:verticalSpacing="5dip"
    android:horizontalSpacing="5dip"
    android:stretchMode="columnWidth"
    >
   	</GridView>

</LinearLayout>

grid_row.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="horizontal" 
    android:id="@+id/linerLayout_grid_row"
    >
    <ImageView 
	   android:id="@+id/ImageView_grid_row" 
	   android:scaleType="fitXY"
	   android:layout_width="100dip"
	   android:layout_height="98dip"
	>
	</ImageView>
	<TextView 
	    android:id="@+id/TextView_grid_row" 
	    android:layout_width="140dip" 
	    android:layout_height="wrap_content"
	    android:textColor="@color/white"
        android:textSize="24dip"
        android:paddingLeft="5dip"
	>
    </TextView>

</LinearLayout>


相关文章
|
12天前
|
存储 弹性计算 人工智能
【2025云栖精华内容】 打造持续领先,全球覆盖的澎湃算力底座——通用计算产品发布与行业实践专场回顾
2025年9月24日,阿里云弹性计算团队多位产品、技术专家及服务器团队技术专家共同在【2025云栖大会】现场带来了《通用计算产品发布与行业实践》的专场论坛,本论坛聚焦弹性计算多款通用算力产品发布。同时,ECS云服务器安全能力、资源售卖模式、计算AI助手等用户体验关键环节也宣布升级,让用云更简单、更智能。海尔三翼鸟云服务负责人刘建锋先生作为特邀嘉宾,莅临现场分享了关于阿里云ECS g9i推动AIoT平台的场景落地实践。
【2025云栖精华内容】 打造持续领先,全球覆盖的澎湃算力底座——通用计算产品发布与行业实践专场回顾
|
4天前
|
云安全 人工智能 安全
Dify平台集成阿里云AI安全护栏,构建AI Runtime安全防线
阿里云 AI 安全护栏加入Dify平台,打造可信赖的 AI
|
11天前
|
人工智能 自然语言处理 自动驾驶
关于举办首届全国大学生“启真问智”人工智能模型&智能体大赛决赛的通知
关于举办首届全国大学生“启真问智”人工智能模型&智能体大赛决赛的通知
|
7天前
|
人工智能 运维 Java
Spring AI Alibaba Admin 开源!以数据为中心的 Agent 开发平台
Spring AI Alibaba Admin 正式发布!一站式实现 Prompt 管理、动态热更新、评测集构建、自动化评估与全链路可观测,助力企业高效构建可信赖的 AI Agent 应用。开源共建,现已上线!
694 22
|
6天前
|
人工智能 Java Nacos
基于 Spring AI Alibaba + Nacos 的分布式 Multi-Agent 构建指南
本文将针对 Spring AI Alibaba + Nacos 的分布式多智能体构建方案展开介绍,同时结合 Demo 说明快速开发方法与实际效果。
439 39
|
12天前
|
编解码 自然语言处理 文字识别
Qwen3-VL再添丁!4B/8B Dense模型开源,更轻量,仍强大
凌晨,Qwen3-VL系列再添新成员——Dense架构的Qwen3-VL-8B、Qwen3-VL-4B 模型,本地部署友好,并完整保留了Qwen3-VL的全部表现,评测指标表现优秀。
730 7
Qwen3-VL再添丁!4B/8B Dense模型开源,更轻量,仍强大