一、目标。
完成手机防盗界面布局UI,如图:
二、代码完成。
最外层为线性布局,里面再嵌套线性布局、相对布局等,也可使用之前的样式、自定义控件等,从而完成手机防盗页面的布局。
代码如下:
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
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>