采用GridView来实现,和ListView使用方式类似,列数(3列)

  首先添加GridView

XML/HTML代码
  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>  

  数据填充(模块名称,模块图片)

Java代码
  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

XML/HTML代码
  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>  

  运行后的效果如下:

Android手机卫士(十二):九宫格使用

本文发布:Android开发网
本文地址:http://www.jizhuomi.com/android/example/674.html
2017年5月3日
发布:鸡啄米 分类:Android开发实例 浏览: 评论:0