Android UI开发第一篇——android的九宫格式实现

简介:


今天在devdiv论坛里看到有坛友问到九宫格的实现,我把我在项目中用的经验分享一下,九宫格用gridview实现代码如下:代码下载地址:http://www.devdiv.com/thread-39455-1-1.html


 
xml代码:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res/com.google.android.gx5weather"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:background="@drawable/bg"
>
<ImageView android:id="@+id/ImageView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:background="@drawable/top"></ImageView>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/gridview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numColumns="3"
android:verticalSpacing="30dip"
android:horizontalSpacing="10dip"
android:columnWidth="90dip" //列宽
android:stretchMode="columnWidth"
android:gravity="center"
android:listSelector="@drawable/grid_selector_background"
>
</GridView>
</LinearLayout>

 
android:numColumns="3" //九宫格的列数 auto_fit时为自动
android:listSelector="@drawable/grid_selector_background" //九宫格的背景,可以找个圆角正方形

 

public class NineBox extends Activity {

/** Called when the activity is first created. */

@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

this.requestWindowFeature(Window.FEATURE_NO_TITLE);

this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,

WindowManager.LayoutParams.FLAG_FULLSCREEN);

 

setContentView(R.layout.main_activity);

GridView gridview=(GridView)findViewById(R.id.gridview);

ArrayList<HashMap<String, Object>> lstImageItem = new ArrayList<HashMap<String, Object>>();

for(int i=1;i<10;i++)

{

HashMap<String, Object> map = new HashMap<String, Object>();

if(i==1){

map.put("ItemImage", R.drawable.g11);

map.put("ItemText", getResources().getString(R.string.gridview1));

}

if(i==2){

map.put("ItemImage", R.drawable.g12);

map.put("ItemText", getResources().getString(R.string.gridview2));

}

if(i==3){

map.put("ItemImage", R.drawable.g13);

map.put("ItemText", getResources().getString(R.string.gridview3));

}

if(i==4){

map.put("ItemImage", R.drawable.g14);

map.put("ItemText", getResources().getString(R.string.gridview4));

}

if(i==5){

map.put("ItemImage", R.drawable.g15);

map.put("ItemText", getResources().getString(R.string.gridview5));

}

if(i==6){

map.put("ItemImage", R.drawable.g16);

map.put("ItemText", getResources().getString(R.string.gridview6));

}

if(i==7){

map.put("ItemImage", R.drawable.g17);

map.put("ItemText", getResources().getString(R.string.gridview7));

}

if(i==8){

map.put("ItemImage", R.drawable.g18);

map.put("ItemText", getResources().getString(R.string.gridview8));

}

if(i==9){

map.put("ItemImage", R.drawable.g19);

map.put("ItemText", getResources().getString(R.string.gridview9));

}

lstImageItem.add(map);

 

}


SimpleAdapter saImageItems = new SimpleAdapter(this,

lstImageItem,

R.layout.grid_item,

new String[] {"ItemImage","ItemText"},

new int[] {R.id.ItemImage,R.id.ItemText});

 

gridview.setAdapter(saImageItems);

gridview.setOnItemClickListener(new ItemClickListener());

}

 

 

class ItemClickListener implements OnItemClickListener

{


@SuppressWarnings("unchecked")

public void onItemClick(AdapterView<?> arg0,//The AdapterView where the click happened

View arg1,//The view within the AdapterView that was clicked

int arg2,//The position of the view in the adapter

long arg3//The row id of the item that was clicked

) {

 

HashMap<String, Object> item=(HashMap<String, Object>) arg0.getItemAtPosition(arg2);

 

if(item.get("ItemText").equals(getResources().getString(R.string.gridview1))){

Toast.makeText(NineBox.this, R.string.gridview1, Toast.LENGTH_LONG).show();

}

if(item.get("ItemText").equals(getResources().getString(R.string.gridview2))){

Toast.makeText(NineBox.this, R.string.gridview2, Toast.LENGTH_LONG).show();

}

if(item.get("ItemText").equals(getResources().getString(R.string.gridview3))){

Toast.makeText(NineBox.this, R.string.gridview3, Toast.LENGTH_LONG).show();

}

if(item.get("ItemText").equals(getResources().getString(R.string.gridview4))){

Toast.makeText(NineBox.this, R.string.gridview4, Toast.LENGTH_LONG).show();

}

if(item.get("ItemText").equals(getResources().getString(R.string.gridview5))){

Toast.makeText(NineBox.this, R.string.gridview5, Toast.LENGTH_LONG).show();

}

if(item.get("ItemText").equals(getResources().getString(R.string.gridview6))){

Toast.makeText(NineBox.this, R.string.gridview6, Toast.LENGTH_LONG).show();

}


if(item.get("ItemText").equals(getResources().getString(R.string.gridview7))){

Toast.makeText(NineBox.this, R.string.gridview7, Toast.LENGTH_LONG).show();

}

if(item.get("ItemText").equals(getResources().getString(R.string.gridview8))){

Toast.makeText(NineBox.this, R.string.gridview8, Toast.LENGTH_LONG).show();

}

if(item.get("ItemText").equals(getResources().getString(R.string.gridview9))){

Toast.makeText(NineBox.this, R.string.gridview9, Toast.LENGTH_LONG).show();

}

}

}

}




     本文转自xyz_lmn51CTO博客,原文链接:http://blog.51cto.com/xyzlmn/817400,如需转载请自行联系原作者


相关文章
|
20天前
|
搜索推荐 前端开发 API
探索安卓开发中的自定义视图:打造个性化用户界面
在安卓应用开发的广阔天地中,自定义视图是一块神奇的画布,让开发者能够突破标准控件的限制,绘制出独一无二的用户界面。本文将带你走进自定义视图的世界,从基础概念到实战技巧,逐步揭示如何在安卓平台上创建和运用自定义视图来提升用户体验。无论你是初学者还是有一定经验的开发者,这篇文章都将为你打开新的视野,让你的应用在众多同质化产品中脱颖而出。
42 19
|
21天前
|
JSON Java API
探索安卓开发:打造你的首个天气应用
在这篇技术指南中,我们将一起潜入安卓开发的海洋,学习如何从零开始构建一个简单的天气应用。通过这个实践项目,你将掌握安卓开发的核心概念、界面设计、网络编程以及数据解析等技能。无论你是初学者还是有一定基础的开发者,这篇文章都将为你提供一个清晰的路线图和实用的代码示例,帮助你在安卓开发的道路上迈出坚实的一步。让我们一起开始这段旅程,打造属于你自己的第一个安卓应用吧!
46 14
|
24天前
|
Java Linux 数据库
探索安卓开发:打造你的第一款应用
在数字时代的浪潮中,每个人都有机会成为创意的实现者。本文将带你走进安卓开发的奇妙世界,通过浅显易懂的语言和实际代码示例,引导你从零开始构建自己的第一款安卓应用。无论你是编程新手还是希望拓展技术的开发者,这篇文章都将为你打开一扇门,让你的创意和技术一起飞扬。
|
22天前
|
XML 存储 Java
探索安卓开发之旅:从新手到专家
在数字时代,掌握安卓应用开发技能是进入IT行业的关键。本文将引导读者从零基础开始,逐步深入安卓开发的世界,通过实际案例和代码示例,展示如何构建自己的第一个安卓应用。我们将探讨基本概念、开发工具设置、用户界面设计、数据处理以及发布应用的全过程。无论你是编程新手还是有一定基础的开发者,这篇文章都将为你提供宝贵的知识和技能,帮助你在安卓开发的道路上迈出坚实的步伐。
31 5
|
20天前
|
开发框架 Android开发 iOS开发
安卓与iOS开发中的跨平台策略:一次编码,多平台部署
在移动应用开发的广阔天地中,安卓和iOS两大阵营各占一方。随着技术的发展,跨平台开发框架应运而生,它们承诺着“一次编码,到处运行”的便捷。本文将深入探讨跨平台开发的现状、挑战以及未来趋势,同时通过代码示例揭示跨平台工具的实际运用。
|
21天前
|
XML 搜索推荐 前端开发
安卓开发中的自定义视图:打造个性化UI组件
在安卓应用开发中,自定义视图是一种强大的工具,它允许开发者创造独一无二的用户界面元素,从而提升应用的外观和用户体验。本文将通过一个简单的自定义视图示例,引导你了解如何在安卓项目中实现自定义组件,并探讨其背后的技术原理。我们将从基础的View类讲起,逐步深入到绘图、事件处理以及性能优化等方面。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的见解和技巧。
|
21天前
|
搜索推荐 前端开发 测试技术
打造个性化安卓应用:从设计到开发的全面指南
在这个数字时代,拥有一个定制的移动应用不仅是一种趋势,更是个人或企业品牌的重要延伸。本文将引导你通过一系列简单易懂的步骤,从构思你的应用理念开始,直至实现一个功能齐全的安卓应用。无论你是编程新手还是希望拓展技能的开发者,这篇文章都将为你提供必要的工具和知识,帮助你将创意转化为现实。
|
21天前
|
Java Android开发 开发者
探索安卓开发:构建你的第一个“Hello World”应用
在安卓开发的浩瀚海洋中,每个新手都渴望扬帆起航。本文将作为你的指南针,引领你通过创建一个简单的“Hello World”应用,迈出安卓开发的第一步。我们将一起搭建开发环境、了解基本概念,并编写第一行代码。就像印度圣雄甘地所说:“你必须成为你希望在世界上看到的改变。”让我们一起开始这段旅程,成为我们想要见到的开发者吧!
28 0
|
24天前
|
存储 监控 Java
探索安卓开发:从基础到进阶的旅程
在这个数字时代,移动应用已成为我们日常生活的一部分。对于开发者来说,掌握安卓开发不仅是技能的提升,更是通往创新世界的钥匙。本文将带你了解安卓开发的核心概念,从搭建开发环境到实现复杂功能,逐步深入安卓开发的奥秘。无论你是初学者还是有经验的开发者,这篇文章都将为你提供新的见解和技巧,帮助你在安卓开发的道路上更进一步。
20 0
|
1月前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图:打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中,自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程,以及如何通过它们增强应用的用户体验。我们将从基础出发,逐步深入,最终让你能够自信地设计和实现专属的UI组件。