首页 > 代码库 > Android实例-手机安全卫士(六)-制作功能区(设置中心)UI界面

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

一、目标。

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

技术分享

二、代码实现。

  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     <RelativeLayout17         android:layout_width="wrap_content"18         android:layout_height="wrap_content"19         android:layout_marginLeft="10dip"20         android:layout_marginRight="10dip" >21 22         <TextView23             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         <TextView32             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         <CheckBox41             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>
View Code

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