### 主界面布局（知识点：GridView）
#### mainscreen.xml：
~~~
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/background"
android:orientation="vertical" >
<GridView
android:id="@+id/gv_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:horizontalSpacing="10dip"
android:verticalSpacing="20dip"
android:numColumns="3"
>
</GridView>
</LinearLayout>
~~~
android:background="@color/background"--设置背景颜色，此处采用颜色资源文件（/mobilesafe/res/values/color.xml）
#### color.xml：
~~~
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="background">#ff404040</color>
<color name="textcolor">#ffd0d0d0</color>
</resources>
~~~
#### GridView ：
android:numColumns="3"-----列数设置为3列
android:horizontalSpacing="10dip"-----两列之间的边距
android:verticalSpacing="20dip"-----两行之间的边距
### 数据适配MainUIAdapter（知识点：[LayoutInflater](http://blog.csdn.net/bruce_6/article/details/40785969)，BaseAdapter ）
MainUIAdapter ：
~~~
package com.liuhao.mobilesafe.adapter;
import com.liuhao.mobilesafe.R;
import android.content.Context;
import android.content.SharedPreferences;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
public class MainUIAdapter extends BaseAdapter {
private static final String TAG = "MainUIAdapter";
private Context context;//用于接收传递过来的Context对象
private LayoutInflater inflater;
private static ImageView iv_icon;
private static TextView tv_name;
private SharedPreferences sp;
public MainUIAdapter(Context context) {
this.context = context;
inflater = LayoutInflater.from(context);
sp = context.getSharedPreferences("config", Context.MODE_PRIVATE);
}
// 数据源，子条目的文本内容
private static String[] names = { "手机防盗", "通讯卫士", "软件管理", "任务管理", "上网管理",
"手机杀毒", "系统优化", "高级工具", "设置中心" };
// 数据源，子条目的对应图片
private static int[] icons = { R.drawable.widget05, R.drawable.widget02,
R.drawable.widget01, R.drawable.widget07, R.drawable.widget05,
R.drawable.widget04, R.drawable.widget06, R.drawable.widget03,
R.drawable.widget08 };
/**
* How many items are in the data set represented by this Adapter.
* 在此适配器中所代表的数据集中的条目数
*/
@Override
public int getCount() {
return names.length;
}
/**
* Get the data item associated with the specified position in the data set.
* 获取数据集中与指定索引对应的数据项
*/
@Override
public Object getItem(int position) {
return position;
}
/**
* Get the row id associated with the specified position in the list.
* 取在列表中与指定索引对应的行id
*/
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
//getView()方法被调用了多少次？
//9次？
//GridView 控件bug
// 使用静态变量引用来减少内存中申请的引用的个数
Log.i(TAG, "getView" + position);
// 得到布局文件对应的View对象
// inflate()方法一般接收两个参数，第一个参数就是要加载的布局id，
// 第二个参数是指给该布局的外部再嵌套一层父布局，如果不需要就直接传null。
View view = inflater.inflate(R.layout.mainscreen_item, null);
iv_icon = (ImageView) view.findViewById(R.id.iv_main_icon);
tv_name = (TextView) view.findViewById(R.id.tv_main_name);
iv_icon.setImageResource(icons[position]);
tv_name.setText(names[position]);
if(position == 0){
// 从SharedPreferences获取条目的文本内容
String name = sp.getString("lost_name", null);
if(!"".equals(name) && null != name){
tv_name.setText(name);
}
}
return view;
}
}
~~~
### 子条目的布局：
mainscreen_item.xml：
~~~
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="100dip"
android:layout_height="100dip"
android:orientation="vertical"
android:gravity="center_horizontal"
android:background="@drawable/item_background"
>
<ImageView
android:id="@+id/iv_main_icon"
android:layout_width="60dip"
android:layout_height="60dip"
android:src="@drawable/ic_launcher"
android:scaleType="fitXY"
/>
<TextView
android:id="@+id/tv_main_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="18sp"
android:textColor="@color/textcolor"
android:text="程序功能"
/>
</LinearLayout>
~~~
### 为每个条目添加背景图（知识点：android:shape）
item_background.xml：
~~~
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle"
>
<!-- 边框 -->
<stroke
android:width="1dip"
android:color="#ff202020"
/>
<!-- 指定边角 -->
<corners
android:radius="2dip"
/>
<!-- 指定固定颜色 -->
<solid
android:color="@color/background"
/>
<!-- 渐变色 -->
<gradient />
</shape>
~~~
MainActivity中使用
~~~
gv_main = (GridView) this.findViewById(R.id.gv_main);
adapter = new MainUIAdapter(this);
gv_main.setAdapter(adapter);
~~~
效果：
[](http://img.blog.csdn.net/20141104150011421)
### GridView中的getView()方法被调用了多少次？9次（9个条目）？
每个条目会多次调用getView()方法；
原因：
GridView的item的layout中android:layout_height定义为wrap_content ， 绘制item高度时系统并不知道item应该绘制多高，它会先取一条来试探以确定item绘制的具体高度，这样就导致多调用了一次getView方法。在滑动、长按等GridView需要重绘的情况下，getView的调用次数可能会不止多一次。
解决方法1：
由于多次调用getView()方法，每次都会重新生成一个iv_icon ，tv_name控件对象，从而产生多个对象实例，造成空间浪费。因此，一个简单的优化方法就是，将二者设置为类静态变量：
private static ImageView iv_icon;
private static TextView tv_name;
使用静态变量引用来减少内存中申请的引用的个数，这样可以在一定程度上提高效率。
后续还会有其他优化方法。
- 前言
- Appcompat_V7问题
- This Android SDK requires Android Developer Toolkit version 23.0.0 or above
- 创建Android项目不自动生成Activity，layout目录为空
- 新建android项目gen目录下未生成R文件
- 手机安全卫士02：splash界面ui
- 知识点：Android控件系列之Toast
- 手机安全卫士03：获取更新的服务器配置,显示更新对话框
- 异常处理：android.os.NetworkOnMainThreadException--多线程问题
- 知识点：Android控件系列之对话框AlertDialog.Builder
- 手机安全卫士04_01：界面（Activity）之间的切换，Activity和任务栈
- 知识点：Android控件系列之ProgressDialog与ProgressBar
- 手机安全卫士04_02：从服务器下载并安装新版本安装包
- 知识点：Intent
- 知识点：Adapter适配器
- 手机安全卫士05_1：程序主界面
- 手机安全卫士05_2：程序主界面，为每个条目添加事件
- 知识点：动态设置布局LayoutInflater
- 知识点：SharedPreferences
- 手机安全卫士06-手机防盗之自定义对话框
- 手机安全卫士07-手机防盗之进入限制
- 手机安全卫士08-一些布局和显示的细节：State List
- 手机安全卫士09-手机防盗界面设置向导1
- 手机安全卫士10-设置向导之绑定SIM卡