快捷導(dǎo)航

Android 九宮格的實(shí)現(xiàn)方法

更新時(shí)間：2013年05月10日 11:03:21 作者：

今天在瀏覽網(wǎng)頁(yè)的時(shí)候看到了一篇有關(guān)九宮格實(shí)現(xiàn)的博文，感覺挺有意思。所以自己模仿做了一個(gè)，先貼出代碼如下：

1、xml代碼：

<?xml version="1.0" encoding="utf-8"?> 
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
      android:orientation="vertical"
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:layout_weight="1.0" 
      android:background="@drawable/yellow" 
      > 
 <ImageView android:id="@+id/ImageView01" 
            android:layout_width="100sp" 
            android:layout_height="100sp"
            android:layout_gravity="center_vertical"
            android:background="@drawable/a"></ImageView>   
 <GridView 
     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/c"
     >
 </GridView>
 </LinearLayout>

其中android:numColumns="3" 代表九宮格的列數(shù) auto_fit時(shí)為自動(dòng)

2、實(shí)現(xiàn)代碼

復(fù)制代碼代碼如下:

public class MainActivity extends Activity {

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

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         // TODO Auto-generated method stub
         super.onCreate(savedInstanceState);
         // 設(shè)置屏幕沒有標(biāo)題
         this.requestWindowFeature(Window.FEATURE_NO_TITLE);
         // 去掉標(biāo)題欄
         this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                 WindowManager.LayoutParams.FLAG_FULLSCREEN);
         setContentView(R.layout.activity_main);

         GridView gridview = (GridView) findViewById(R.id.gridview);
         // 創(chuàng)建一個(gè)數(shù)組列表對(duì)象
         ArrayList<HashMap<String, Object>> lstImageItem = new ArrayList<HashMap<String, Object>>();

         /**
          * 為每個(gè)格子添加內(nèi)容
          */
         for (int i = 1; i < 10; i++) {
             HashMap<String, Object> map = new HashMap<String, Object>();// 建立hashmap對(duì)象

             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);
         }

         /**
          * 為GridView建立SimpleAdapter適配器
          */
         // SimpleAdapter()中的五個(gè)參數(shù)分別是：第一個(gè)context，第二個(gè)數(shù)據(jù)資源，第三個(gè)每一個(gè)子項(xiàng)的布局文件，第四個(gè)每一個(gè)子項(xiàng)中的Key數(shù)組
         // 第五個(gè)每一個(gè)子項(xiàng)中的Value數(shù)組
         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());// 為每一個(gè)子項(xiàng)設(shè)置監(jiān)聽
     }

     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(MainActivity.this, R.string.gridview1,
                         Toast.LENGTH_LONG).show();
             }

             if (item.get("ItemText").equals(
                     getResources().getString(R.string.gridview2))) {
                 Toast.makeText(MainActivity.this, R.string.gridview2,
                         Toast.LENGTH_LONG).show();
             }

             if (item.get("ItemText").equals(
                     getResources().getString(R.string.gridview3))) {
                 Toast.makeText(MainActivity.this, R.string.gridview3,
                         Toast.LENGTH_LONG).show();
             }

             if (item.get("ItemText").equals(
                     getResources().getString(R.string.gridview4))) {
                 Toast.makeText(MainActivity.this, R.string.gridview4,
                         Toast.LENGTH_LONG).show();
             }

             if (item.get("ItemText").equals(
                     getResources().getString(R.string.gridview5))) {
                 Toast.makeText(MainActivity.this, R.string.gridview5,
                         Toast.LENGTH_LONG).show();
             }

             if (item.get("ItemText").equals(
                     getResources().getString(R.string.gridview6))) {
                 Toast.makeText(MainActivity.this, R.string.gridview6,
                         Toast.LENGTH_LONG).show();
             }

             if (item.get("ItemText").equals(
                     getResources().getString(R.string.gridview7))) {
                 Toast.makeText(MainActivity.this, R.string.gridview7,
                         Toast.LENGTH_LONG).show();
             }

             if (item.get("ItemText").equals(
                     getResources().getString(R.string.gridview8))) {
                 Toast.makeText(MainActivity.this, R.string.gridview8,
                         Toast.LENGTH_LONG).show();
             }

             if (item.get("ItemText").equals(
                     getResources().getString(R.string.gridview9))) {
                 Toast.makeText(MainActivity.this, R.string.gridview9,
                         Toast.LENGTH_LONG).show();
             }
         }
     }

 }