Android手机卫士主界面MainActivity的UI实现

主界面的设计是一个市面上常用界面-九宫格，使用gridview来完成，现在我们来看一下它的布局
布局文件如下：activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_horizontal"
android:orientation="vertical"
tools:context="com.cca.mobilephone.SplashActivity" >
<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#B5FF01"
    android:gravity="center_horizontal"
    android:text="手机卫士"
    android:textColor="#000000"
    android:textSize="40sp" />
 <com.cca.mobilephone.ui.FocusedTextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:ellipsize="marquee"
    android:focusableInTouchMode="true"
    android:singleLine="true"
    android:text="没有自控力的人谈何努力！--------能在失败面前坚持下去， 你就成功了一半！" />
 <GridView
    android:id="@+id/item_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="10dp"
    android:numColumns="3" >
</GridView>

  </LinearLayout>或许有人看到这里
<com.cca.mobilephone.ui.FocusedTextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:ellipsize="marquee"
    android:focusableInTouchMode="true"
    android:singleLine="true"
    android:text="没有自控力的人谈何努力！--------能在失败面前坚持下去，你就成功了一半！" />

会问，这是什么鬼：不急且听我慢慢道来，这是一个自定义的TextView，而且具有滚动的效果，就想跑马灯一样，那究竟是怎样实现的呢？
其实很简单：首先定义一个类继承TextView，重写里面的构造方法，并且重写isFocused()这个方法就可以啦。

    public class FocusedTextView extends TextView {
  public FocusedTextView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
}
public FocusedTextView(Context context, AttributeSet attrs) {
    super(context, attrs);
}
public FocusedTextView(Context context) {
    super(context);
}
@Override
@ExportedProperty(category = "focus")

//只要加入这个方法的重写，返回true，其他代码不用更改

public boolean isFocused() {
    return true;
}

}

是不是很简单，这样就可以直接使用他了，使用时要加全路径名，如下：

   <com.cca.mobilephone.ui.FocusedTextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:ellipsize="marquee"
    android:focusableInTouchMode="true"
    android:singleLine="true"
    android:text="没有自控力的人谈何努力！--------能在失败面前坚持下去，你就成功了一半！" />

这里设置下面几个属性

    android:ellipsize="marquee"      设置为跑马灯效果
      android:focusableInTouchMode="true"获得焦点才可滚动
      android:singleLine="true"         设置文字单行显示，
     android:text       设置显示的文本

这样一个迷你型的跑马灯就完成了

好了，再来介绍九宫格
先设置九宫格要显示的图标和文字

private static String name[]={
                        "手机防盗","手机杀毒","高级工具","通讯卫视","软件管理","进程管理",  "缓存清理","手机流量","设置中心"};
private static int icon[]={R.drawable.private_space_lock_icon,R.drawable.short_cut_anti_scan,R.drawable.security_scan_bg,R.drawable.privacy_guid_img1，R.drawable.ic_launcher,R.drawable.desktop_assist_clean_deep_speedup,R.drawable.desktop_assist_clean_anim_anzai_launch,R.drawable.shoujiweishi1,
    R.drawable.appmgr_onekey_gear,};初始化控件GridView

   GridView  gridview = (GridView) findViewById(R.id.item_main);

设置GridView的适配器

gridview.setAdapter(new MyAdapter());  

自定义适配器，主要实现两个方法

  //自定义适配器
class MyAdapter extends BaseAdapter{
    @Override
    public int getCount() {
        return 9;         //返回集合的个数
    }
    @Override
        //设置每个小宫格的图片和文字
    public View getView(int position, View convertView, ViewGroup parent) {
        View view;
        if(convertView==null){

            view=View.inflate(getApplicationContext(), R.layout.item_main_text, null);
            TextView tv_name=(TextView) view.findViewById(R.id.item_main_name);
            ImageView iv_img=(ImageView) view.findViewById(R.id.item_main_img);
            //设置九宫格的图标和文字
            tv_name.setText(name[position]);
            iv_img.setImageResource(icon[position]);
            return view;
        }else{
            view=convertView;
            return view;
        }
    }
    @Override
    public Object getItem(int position) {
        return null;
    }
    @Override
    public long getItemId(int position) {
        return 0;
    }
}

适配器要用到的子布局

  item_main_text.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:gravity="center_horizontal"
    android:background="@drawable/background"
    android:orientation="vertical" >
    <ImageView
        android:id="@+id/item_main_img"
        android:layout_margin="10dp"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:src="@drawable/ic_launcher" />
    <TextView
        android:id="@+id/item_main_name"
        android:layout_marginBottom="10dp"
        android:textColor="#000000"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView" />
</LinearLayout>

**
不过在布置到手机上需要加上权限、到这里布置到手机上就可以看到一个九宫格的布局，分别对应着要显示的图标和文字。不过郁闷了，图标点击时没反应，别急，后面我们会再介绍GridView的点击事件。 先来看看主界面的效果吧！