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

来源：互联网发布：淘宝2017双11销售额编辑：程序博客网时间：2024/05/17 02:20

今天在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
* qq:363302850
*/