Android实例-手机安全卫士(三)-设计主页面UI

一、目标。

  主界面UI如图所示:

  方面是一个功能列表提示框(采用TextView),下面是功能列表(采用GridView)。

二、代码实现。

  1、在主界面布局文件(activity_home.xml)中增加组件。主界面布局文件(activity_home.xml)采用线性布局,上面一个TextView,根据UI设置相应属性;下面一个是GridView,通过android:numColumns属性设置该组件的列数,由于GridView还需要inflate单个布局文件,所以为其设置id。

主界面布局文件代码如下:

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="vertical" >
 6
 7     <TextView
 8         android:layout_width="match_parent"
 9         android:layout_height="60dip"
10         android:background="#00ffff"
11         android:gravity="center"
12         android:text="功能列表"
13         android:textColor="#000000"
14         android:textSize="22sp" />
15
16     <GridView
17         android:layout_marginTop="15dip"
18         android:verticalSpacing="5dip"
19         android:numColumns="3"
20         android:id="@+id/home_list"
21         android:layout_width="match_parent"
22         android:layout_height="match_parent">
23
24     </GridView>
25
26 </LinearLayout>

  2、在主界面代码中找到创建GridView对象(取名home_list),并在onCreate方法中通过findViewById找到布局文件中的GridView组件。通过GridView对象(取名home_list)的setAdapter(adapter)方法为其增加一个适配器。由于adapter是个ListAdapter的接口类型,且为实现的方法较多。因此采用新建类(MyAdapter)继承它的简单类(BaseAdapter)即可,并实现简单类(BaseAdapter)中的getCount()、getItem(int position)、getItemId(int position)、getView(int position, View convertView, ViewGroup parent)四个未实现的方法。

  3、在新建类(MyAdapter)中。

    ①.getCount()方法是获得GridView对象的item数量,其数量与各item显示的文本的数量一致,所以在主界面代码里新建一个静态String数组,其值为“手机防盗,通讯卫士,...”等9个内容,并将该数组的长度作为getCount()方法的返回值。同时,为了后面寻找资源方便,在主界面代码里新建一个静态int数组,用于存放图片(drawable)的id。

    ②.getView(int position, View convertView, ViewGroup parent) 方法是获取一个View对象用来显示资料组中指定位置(position)的数据。在该方法中采用View对象的inflate (Context context, int resource, ViewGroup root)方法为GridView对象填充一个xml类型的资源,参数Context 表示GridView对象所在的Activity的上下文,int resource表示xml类型资源的id,ViewGroup root表示作为父组件的View对象组,一般写null。inflate()方法返回View类型(取名为view)。

    ③.在layout文件夹下新建xml文件(取名home_list_item.xml),作为填充GridView对象中单个item的xml资源。其布局为线性布局,上面是ImageView控件并为其增加id,下面是TextView控件并为其增加id。增加id的目的是在getView()方法中找到这两个控件,并根据position替换其中的内容。便于调整和演示,可以为它们设置默认的资源。最后调整长、宽、背景等属性。

用于填充GridView对象中单个item的xml资源(即home_list_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="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="vertical" >
 6
 7     <ImageView
 8         android:id="@+id/home_list_item_iv"
 9         android:layout_width="80dip"
10         android:layout_height="80dip"
11         android:layout_gravity="center"
12         android:src="@drawable/a"/>
13
14     <TextView
15         android:id="@+id/home_list_item_tv"
16         android:layout_width="wrap_content"
17         android:layout_height="wrap_content"
18         android:layout_gravity="center"
19         android:text="手机防盗"
20         android:textSize="20sp"/>
21
22 </LinearLayout>

    ④.再回到主界面代码的新建类(MyAdapter)的getView()方法中,根据inflate()方法返回的View类型对象通过view.findViewById()方法找到刚才新建xml文件(home_list_item.xml)中的ImageView对象和TextView对象,并分别通过setImageResource(int resId)和setText(CharSequence text)方法替换其中的内容。在这两个方法中可以通过getView()方法里的位置(position)参数将String数组和drawable的id数组与GridView对象中每个item对应并填充进去。最后返回View对象(view)。

新建类(MyAdapter)代码:

 1 private class  MyAdapter extends BaseAdapter{
 2
 3         @Override
 4         public int getCount() {
 5             return names.length;
 6         }
 7
 8         @Override
 9         public View getView(int position, View convertView, ViewGroup parent) {
10             View view = View.inflate(HomeActivity.this, R.layout.home_list_item, null);
11             ImageView home_list_iv = (ImageView) view.findViewById(R.id.home_list_item_iv);
12             home_list_iv.setImageResource(drawableId[position]);
13             TextView home_list_tv = (TextView) view.findViewById(R.id.home_list_item_tv);
14             home_list_tv.setText(names[position]);
15             return view;
16         }
17
18         @Override
19         public Object getItem(int arg0) {
20
21             return null;
22         }
23
24         @Override
25         public long getItemId(int position) {
26
27             return 0;
28         }
29
30     }

  4、在主界面代码中new一个MyAdapter类,并通过GridView对象(home_list)的setAdapter(ListAdapter adapter)方法将适配器绑至GridView对象上。

主界面代码:

 1 package com.example.mobilesafe;
 2
 3 import android.app.Activity;
 4 import android.os.Bundle;
 5 import android.view.View;
 6 import android.view.ViewGroup;
 7 import android.widget.BaseAdapter;
 8 import android.widget.GridView;
 9 import android.widget.ImageView;
10 import android.widget.TextView;
11
12 public class HomeActivity extends Activity {
13     private GridView home_list;
14     private MyAdapter myAdapter;
15
16     private static String[] names = {
17         "手机防盗","通讯卫士","软件管理",
18         "进程管理","流量统计","手机杀毒",
19         "缓存清理","高级工具","设置中心"
20     };
21     //建立图片文件的id数组
22     private static int[] drawableId = {
23         R.drawable.a,R.drawable.b,R.drawable.c,
24         R.drawable.d,R.drawable.e,R.drawable.f,
25         R.drawable.g,R.drawable.h,R.drawable.i
26     };
27
28
29     @Override
30     protected void onCreate(Bundle savedInstanceState) {
31         super.onCreate(savedInstanceState);
32         setContentView(R.layout.activity_home);
33
34         home_list = (GridView) findViewById(R.id.home_list);
35         myAdapter = new MyAdapter();
36         home_list.setAdapter(myAdapter);
37     }
38
39     private class  MyAdapter extends BaseAdapter{
40
41         @Override
42         public int getCount() {
43             return names.length;
44         }
45
46         @Override
47         public View getView(int position, View convertView, ViewGroup parent) {
48             View view = View.inflate(HomeActivity.this, R.layout.home_list_item, null);
49             ImageView home_list_iv = (ImageView) view.findViewById(R.id.home_list_item_iv);
50             home_list_iv.setImageResource(drawableId[position]);
51             TextView home_list_tv = (TextView) view.findViewById(R.id.home_list_item_tv);
52             home_list_tv.setText(names[position]);
53             return view;
54         }
55
56         @Override
57         public Object getItem(int arg0) {
58
59             return null;
60         }
61
62         @Override
63         public long getItemId(int position) {
64
65             return 0;
66         }
67
68     }
69 }

时间: 2024-08-05 23:11:55

Android实例-手机安全卫士(三)-设计主页面UI的相关文章

Android实例-手机安全卫士(十八)-完成设置向导的4个UI和跳转事件

一.目标. 制作向导设置里面每一步的UI布局及点击事件控制. 1.使用自定义button背景.自定义组合控件.自定义文本样式等. 2.利用SharedPreferences对象,设置应用程序配置信息(向导设置完成后就不再进入)           二.代码实现. 1.在程序包下新建另外3个UI的类(分别为SetupWizard_ui_2.java.SetupWizard_ui_3.java.SetupWizard_ui_4.java),并在配置文件中注册Activity. 2.根据UI设计,在设

【边做项目边学Android】手机安全卫士01:splash界面ui

手机安全卫士项目是跟着黑马的视频做的. splash是飞洒.飞溅的意思,主要是用于完成一个产品logo显示,期间可以: 后台完成数据库初始化的操作 联网访问服务器,获取服务器最新信息(升级提示) 不同的日期显示出来不同logo,判断当前系统时间,素材一般从服务器上下载下来. 判断时间,根据不同时间显示不同的加载页面 布局文件:splash.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayou

Android实例-手机安全卫士(十五)-由主界面进入手机防盗界面

一.目标 1.在主界面中通过“设置防盗密码”或者“输入防盗密码”后,对话框消失,并进入”手机防盗界面“. 2.进入是”手机防盗界面“时,根据有无完成”手机防盗设置向导“的情况进入不同的界面.若未完成,则进入向导界面,若已完成,则进入防盗界面.          二.代码实现. 1.在程序包(com.example.mobilesafe)下新建两个Activity(分别取名SecurityActivity和SetupWizard),并在配置文件(AndroidManifest.xml)中完成注册.

Android实例-手机安全卫士(三十三)-将数据库导入程序中

一.目标 1. 在项目中引入SQLiteDatabase数据库,通过输入输出流将数据库复制至指定path目录下: 2.通过SQLiteDatabase的openDatabase()使用数据库,通过 rawQuery()方法执行SQL语句: 3.初步实现号码归属地查询功能. 数据库结构: data1:  data2: 数据库在项目中:     查询结果: 二.代码实现 1.将电话归属地数据库(名称address.db)拷贝至项目的assets文件夹下: 2.在项目src文件夹中新建数据库工具包(取

Android实例-手机安全卫士(三十一)-根据指令完成相应操作二(锁屏和数据清除)

一.目标 1.实现远程锁屏和数据销毁操作: 2.初步制作“一键锁屏”应用和优化. 二.代码实现 1.在Receiver包下新建一个类(取名LockScreenReceiver)继承DeviceAdminReceiver类(是BroadcastReceiver类的一个子类),并在清单配置文件配置receiver标签 (1)在receiver标签中,增加name.permission属性,name为新建类(LockScreenReceiver)的全路径名称,permission为必须的BIND_DE

Android实例-手机安全卫士(五)-从主界面进入相应功能区(设置)

一.目标 点击主界面上的图片进入相应功能区. 二.代码实现. 1.在程序包(com.example.mobilesafe)下新建类(SettingActivity)继承Activity,用于实现“设置中心”的各项功能,同时在layout文件夹下新建一个布局文件用于设计新建类的UI. 2.在新建类(SettingActivity)代码中复写onCreate方法,通过setContentView(int layoutResID)方法连接xml布局文件和新建类(SettingActivity). 3.

Android实例-手机安全卫士(三十)-根据指令完成相应操作一(报警音乐和GPS追踪)

一.目标 根据安全号码发送的指令完成相应的操作.                      二.代码实现 1.完成播放报警音乐操作 ①.在res文件夹下新建名为raw文件夹,并将音频文件拷贝至该文件夹下: ②.在播放报警音乐命令代码处(即SMSReceiver类中的else if("#*alarm*#".equals(body))里面),通过MediaPlayer对象的create(Context context(上下文), int resid(资源文件id))方法创建一个MediaP

Android实例-手机安全卫士(三十七)-显示去电号码的归属地

一. 目标  利用BroadcastReceive获取去电广播,并获取去电号码,再查询数据库获取归属信息: 二.代码实现: 1.在广播包(receiver)下新建一个类(取名OutCallReceiver)继承BroadcastReceive: 2.在清单文件中注册,意图过滤器(inter-filter)中监听的动作为去电(NEW_OUTGOING_CALL) 广播接受者注册代码: 1 <receiver android:name="com.example.mobilesafe.recei

Android实例-手机安全卫士(三十六)-根据Service是否开启确定CheckBox选中状态

一.目标 1.根据service是否在后台运行情况来确定CheckBox的选中状态: 2.解决"设置中心"的“开启来电号码显示归属地”功能在退出程序再进入时选中状态消失,在任务管理器中关闭“来显”服务时,功能仍为选中状态 二.代码实现 1.在src文件下新建一个包(取名com.example.mobilesafe.utils)用于存放各种工具类: 2.在工具类包下新建类(取名ServiceUtils,无需继承任何类),用于校验某个服务是否在正常运行(开启):在新建类(ServiceUt