Android实例-手机安全卫士（六）-制作功能区（设置中心）UI界面

浏览数：27 / 时间：2015年06月11日

一、目标。

　　制作类似手机设置中的效果。如图

技术分享

二、代码实现。

　　1、整体采用线性布局，最上面是一个TextView，下面一个采用相对布局，并设置该相对布局的与边缘的偏移量。

　　2、在相对布局中存在4个组件：2个TextView、1个CheckBox和1条直线。

　　3、直线的画法：采用<View.../>控件，设置高度为“0.1dip”（该值的大小决定线的粗细），背景颜色为黑色（背景颜色就是线的颜色），其他属性如宽度等跟其他空间一样正常设置。

代码如下：

 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="50dip"
10         android:background="#00ffff"
11         android:gravity="center"
12         android:text="设置中心"
13         android:textColor="#000000"
14         android:textSize="26sp" />
15 
16     <RelativeLayout
17         android:layout_width="wrap_content"
18         android:layout_height="wrap_content"
19         android:layout_marginLeft="10dip"
20         android:layout_marginRight="10dip" >
21 
22         <TextView
23             android:id="@+id/setting_update_title"
24             android:layout_width="wrap_content"
25             android:layout_height="wrap_content"
26             android:layout_marginTop="10dip"
27             android:text="自动更新"
28             android:textColor="#000000"
29             android:textSize="22dip" />
30 
31         <TextView
32             android:id="@+id/setting_update_content"
33             android:layout_width="wrap_content"
34             android:layout_height="wrap_content"
35             android:layout_below="@id/setting_update_title"
36             android:text="允许软件联网时自动更新"
37             android:textColor="#88000000"
38             android:textSize="18dip" />
39 
40         <CheckBox
41             android:id="@+id/setting_update_checkbox"
42             android:layout_width="wrap_content"
43             android:layout_height="wrap_content"
44             android:layout_alignParentRight="true"
45             android:layout_centerVertical="true"/>
46         <View 
47             android:layout_below="@id/setting_update_content"
48             android:layout_width="match_parent"
49             android:layout_height="0.1dip"
50             android:layout_marginTop="2dip"
51             android:background="#70000000"/>
52         
53     </RelativeLayout>
54 
55 </LinearLayout>