Android UI开发第一篇——android的九宫格式实现
2011-10-26 10:32
281 查看
今天在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();
}
}
}
}
/**
* @author 张兴业
* 邮箱:xy-zhang#163.com
* android开发进阶群:278401545
*
*/
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();
}
}
}
}
/**
* @author 张兴业
* 邮箱:xy-zhang#163.com
* android开发进阶群:278401545
*
*/
相关文章推荐
- Android UI开发第一篇——android的九宫格式实现
- Android UI开发第一篇——android的九宫格式实现
- Android UI开发第一篇——android的九宫格式实现
- Android UI开发第一篇——android的九宫格式实现
- Android UI开发第一篇——android的九宫格式实现
- UI开发第一篇——android的九宫格式实现
- Android UI----android的九宫格式实现
- (Touch Android) 新浪微博Android客户端开发第一篇:Logo 页面的实现
- Android开发-01 九宫解锁实现
- Android UI开发第二十二篇——android 瀑布流图片实现
- android的九宫格式实现
- 【Android UI设计与开发】第18期:滑动菜单栏(三)SlidingMenu动画效果的实现
- Android开发 -- 实现 Activity 的透明效果
- 从零开始打造一个新闻订阅APP之Android篇(二、从“逛”页面谈谈多种格式listview的实现细节)
- Android开发技巧——使用Drawable实现小红点
- 【Android开发小记--9】触摸事件---实现双指缩放图片
- 【Android游戏开发十六】Android Gesture之【触摸屏手势识别】操作!利用触摸屏手势实现一个简单切换图片的功能!
- Android开发默认记住用户名以及密码的简单实现。
- android开发教程之使用线程实现视图平滑滚动示例 改
- <Android开发代码库>achartengine实现柱状图、圆饼图、线图等