Android手機衛士（十二）：九宮格使用

　　采用GridView來實現，和ListView使用方式類似，列數(3列)

　　首先添加GridView

1. <!-- android:numColumns指定列數 -->  
2. <!-- android:verticalSpacing="10dp"指定內部條目豎直方向間距為10dp -->  
3. <GridView  
4.     android:id="@+id/gv_home"  
5.     android:layout_width="match_parent"  
6.     android:layout_height="match_parent"  
7.     android:numColumns="3"  
8.     android:verticalSpacing="10dp" >  
9. </GridView>  

　　數據填充(模塊名稱,模塊圖片)

1. package com.wuyudong.mobilesafe.activity;  
2.   
3. import com.wuyudong.mobilesafe.R;  
4.   
5. import android.app.Activity;  
6. import android.content.ClipData.Item;  
7. import android.os.Bundle;  
8. import android.view.View;  
9. import android.view.ViewGroup;  
10. import android.widget.BaseAdapter;  
11. import android.widget.GridView;  
12. import android.widget.ImageView;  
13. import android.widget.TextView;  
14.   
15. public class HomeActivity extends Activity {  
16.     private GridView gv_home;  
17.     private String[] mTitleStrs;  
18.     private int[] mDrawableIds;  
19.   
20.     @Override  
21.     protected void onCreate(Bundle savedInstanceState) {  
22.         super.onCreate(savedInstanceState);  
23.         setContentView(R.layout.activity_home);  
24.         initUI();  
25.         // 初始化數據的方法  
26.         initData();  
27.     }  
28.   
29.     private void initData() {  
30.         // 准備數據(文字(9組),圖片(9張))  
31.         mTitleStrs = new String[] { "手機防盜", "通信衛士", "軟件管理", "進程管理", "流量統計",  
32.                 "手機殺毒", "緩存清理", "高級工具", "設置中心" };  
33.         mDrawableIds = new int[] { R.drawable.home_safe,  
34.                 R.drawable.home_callmsgsafe, R.drawable.home_apps,  
35.                 R.drawable.home_taskmanager, R.drawable.home_netmanager,  
36.                 R.drawable.home_trojan, R.drawable.home_sysoptimize,  
37.                 R.drawable.home_tools, R.drawable.home_settings };  
38.         // 九宮格控件設置數據適配器(等同ListView數據適配器)  
39.         gv_home.setAdapter(new MyAdapter());  
40.   
41.     }  
42.   
43.     private void initUI() {  
44.         gv_home = (GridView) findViewById(R.id.gv_home);  
45.     }  
46.   
47.     class MyAdapter extends BaseAdapter {  
48.   
49.         @Override  
50.         public int getCount() {  
51.             // 條目的總數 文字組數 == 圖片張數  
52.             return mTitleStrs.length;  
53.         }  
54.   
55.         @Override  
56.         public Object getItem(int position) {  
57.             return mTitleStrs[position];  
58.         }  
59.   
60.         @Override  
61.         public long getItemId(int position) {  
62.             return position;  
63.         }  
64.   
65.         @Override  
66.         public View getView(int position, View convertView, ViewGroup parent) {  
67.             View view = View.inflate(getApplicationContext(), R.layout.gridview_item, null);  
68.             TextView tv_title = (TextView) view.findViewById(R.id.tv_title);  
69.             ImageView iv_icon = (ImageView) view.findViewById(R.id.iv_icon);  
70.             tv_title.setText(mTitleStrs[position]);  
71.             iv_icon.setBackgroundResource(mDrawableIds[position]);  
72.             return view;  
73.         }  
74.     }  
75. }  

　　新建一個布局文件gridview_item.xml

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="wrap_content"  
4.     android:layout_height="wrap_content"  
5.     android:gravity="center"  
6.     android:orientation="vertical" >  
7.   
8.     <ImageView  
9.         android:id="@+id/iv_icon"  
10.         android:background="@drawable/ic_launcher"  
11.         android:layout_width="wrap_content"  
12.         android:layout_height="wrap_content" />  
13.     <TextView   
14.         android:id="@+id/tv_title"  
15.         android:text="模塊標題"  
16.         android:textSize="18sp"  
17.         android:layout_width="wrap_content"  
18.         android:layout_height="wrap_content" />  
19. </LinearLayout>  

　　運行後的效果如下：