Android实例-手机安全卫士（十九）-完成手机防盗界面UI

一、目标。

　　完成手机防盗界面布局UI，如图：

二、代码完成。

　　最外层为线性布局，里面再嵌套线性布局、相对布局等，也可使用之前的样式、自定义控件等，从而完成手机防盗页面的布局。

代码如下：

  1 <?xml version="1.0" encoding="utf-8"?>
  2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3     xmlns:custom="http://schemas.android.com/apk/res/com.example.mobilesafe"
  4     android:layout_width="match_parent"
  5     android:layout_height="match_parent"
  6     android:orientation="vertical" >
  7 
  8     <TextView
  9         android:layout_width="match_parent"
 10         android:layout_height="50dip"
 11         android:background="#00ffff"
 12         android:gravity="center"
 13         android:text="手机防盗"
 14         android:textColor="#000000"
 15         android:textSize="26sp" />
 16 
 17     <RelativeLayout
 18         android:layout_width="match_parent"
 19         android:layout_height="wrap_content"
 20         android:layout_marginLeft="5dip"
 21         android:layout_marginRight="5dip" >
 22 
 23         <TextView
 24             android:id="@+id/security_tv_safety_number"
 25             android:layout_width="wrap_content"
 26             android:layout_height="wrap_content"
 27             android:layout_marginLeft="10dip"
 28             android:layout_marginRight="5dip"
 29             android:layout_marginTop="5dip"
 30             android:text="安全号码"
 31             android:textSize="20sp" />
 32 
 33         <TextView
 34             android:id="@+id/security_tv_number"
 35             android:layout_width="wrap_content"
 36             android:layout_height="wrap_content"
 37             android:layout_alignParentRight="true"
 38             android:layout_marginLeft="10dip"
 39             android:layout_marginRight="5dip"
 40             android:layout_marginTop="5dip"
 41             android:text="1111"
 42             android:textSize="20sp" />
 43 
 44         <View
 45             android:id="@+id/security_view_line"
 46             android:layout_width="match_parent"
 47             android:layout_height="1dip"
 48             android:layout_below="@id/security_tv_safety_number"
 49             android:layout_marginTop="5dip"
 50             android:background="#55000000" />
 51     </RelativeLayout>
 52 
 53     <RelativeLayout
 54         android:layout_width="match_parent"
 55         android:layout_height="wrap_content"
 56         android:layout_marginLeft="5dip"
 57         android:layout_marginRight="5dip"
 58         android:layout_marginTop="5dip" >
 59 
 60         <TextView
 61             android:id="@+id/security_tv_safety_opened"
 62             android:layout_width="wrap_content"
 63             android:layout_height="wrap_content"
 64             android:layout_marginLeft="10dip"
 65             android:layout_marginRight="5dip"
 66             android:text="防盗保护是否开启"
 67             android:textSize="20sp" />
 68 
 69         <ImageView
 70             android:id="@+id/security_iv_locked"
 71             android:layout_width="25dip"
 72             android:layout_height="25dip"
 73             android:layout_alignParentRight="true"
 74             android:layout_marginLeft="10dip"
 75             android:layout_marginRight="5dip"
 76             android:src="@drawable/security_unlock" />
 77 
 78         <View
 79             android:id="@+id/security_view_line2"
 80             android:layout_width="match_parent"
 81             android:layout_height="1dip"
 82             android:layout_below="@id/security_tv_safety_opened"
 83             android:layout_marginTop="5dip"
 84             android:background="#55000000" />
 85     </RelativeLayout>
 86 
 87     <TextView
 88         android:id="@+id/security_tv_reset_wizard"
 89         android:layout_width="wrap_content"
 90         android:layout_height="wrap_content"
 91         android:layout_marginLeft="10dip"
 92         android:layout_marginRight="5dip"
 93         android:layout_marginTop="5dip"
 94         android:text="重新进入设置向导"
 95         android:textSize="20sp" />
 96 
 97     <View
 98         android:id="@+id/security_view_line2"
 99         android:layout_width="match_parent"
100         android:layout_height="1dip"
101         android:layout_below="@id/security_tv_safety_opened"
102         android:layout_marginTop="5dip"
103         android:background="#55000000" />
104 
105     <TextView
106         android:id="@+id/security_tv_reset_wizard"
107         android:layout_width="match_parent"
108         android:layout_height="wrap_content"
109         android:layout_marginLeft="10dip"
110         android:layout_marginRight="5dip"
111         android:layout_marginTop="5dip"
112         android:background="#40000000"
113         android:text="功能简介"
114         android:textSize="20sp" />
115 
116     <TextView
117         style="@style/SetupWizardTVStyle"
118         android:drawableLeft="@drawable/ic_menu_play_clip"
119         android:text="GPS追踪：#*location*#" />
120 
121     <TextView
122         style="@style/SetupWizardTVStyle"
123         android:drawableLeft="@drawable/ic_menu_play_clip"
124         android:text="播放报警音乐：#*alarm*#" />
125 
126     <TextView
127         style="@style/SetupWizardTVStyle"
128         android:drawableLeft="@drawable/ic_menu_play_clip"
129         android:text="远程数据销毁：#*wipedata*#" />
130 
131     <TextView
132         style="@style/SetupWizardTVStyle"
133         android:drawableLeft="@drawable/ic_menu_play_clip"
134         android:text="远程锁屏：#*lockscreen*#" />
135 
136 </LinearLayout>
View Code

 

posted @ 2015-01-28 15:20  红烧大白鲨  阅读(238)  评论(0)  编辑  收藏  举报