Android学习笔记-----------布局(二)
RelativeLayout(相对布局)
相对布局也是android开发中常用的布局.布局同一个界面,相对于线性布局,相对布局嵌套的层数少,性能更佳.
相对布局,顾名思义就是相对于其他的控件进行布局.可以通过同级控件制定位置,也可以通过父级控件指定位置.
在相对布局中具有以下属性可以对控件进行布局:
1.android:layout_below 表示当前控件位于指定id控件的下方
2.android:layout_above 表示当前控件位于指定id控件的上方
3.android:layout_toRightOf 表示当前控件位于指定id控件的右方
4.android:layout_toLeftOf 表示当前控件位于指定id控件的左方
5.android:layout_alignTop 表示当前控件与指定id控件顶部对齐
6.android:layout_alignBottom 表示当前控件与指定id控件底部对齐
7.android:layout_alignLeft 表示当前控件与指定id控件左侧对齐
8.android:layout_alignRight 表示当前控件与指定id控件右侧对齐
9.android:layout_alignBaseline 表示当前控件与指定id控件基线对齐
10.android:layout_centerHorizonta l如果指定true表示在父布局水平居中位置
11.android:layout_centerVertical 如果指定true表示在父布局竖直居中位置
12.android:layout_centerInParent 如果指定true表示在父布局竖直水平位置居中
13.android:layout_alignParentTop 如果指定为true表示位于父布局的顶部位置
14.android:layout_alignParentBottom 如果指定为true表示位于父布局的底部位置
15.android:layout_alignParentLeft 如果指定为true表示位于父布局的左侧位置
16.android:layout_alignParentRight 如果指定为true表示位于父布局的右侧位置
以下通过一个demo来总结
效果如下
1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:tools="http://schemas.android.com/tools" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" 5 android:background="@drawable/guide_login_bg" 6 > 7 <ImageView 8 android:id="@+id/iv_login" 9 android:layout_width="wrap_content" 10 android:layout_height="wrap_content" 11 android:layout_centerHorizontal="true" 12 android:background="@drawable/no_login_head" 13 /> 14 <TextView 15 android:id="@+id/tv_login" 16 android:layout_width="wrap_content" 17 android:layout_height="wrap_content" 18 android:layout_below="@id/iv_login" 19 android:layout_centerHorizontal="true" 20 android:text="登陆" 21 android:textSize="20sp" 22 android:textColor="#ffffff" 23 /> 24 <TextView 25 android:id="@+id/tv_line1" 26 android:layout_width="match_parent" 27 android:layout_height="1dp" 28 android:background="#ffffff" 29 android:layout_below="@id/tv_login" 30 /> 31 <RelativeLayout 32 android:id="@+id/rl_collect" 33 android:layout_width="wrap_content" 34 android:layout_height="wrap_content" 35 android:layout_below="@id/tv_line1" 36 > 37 <ImageView 38 android:id="@+id/iv_collect" 39 android:layout_width="wrap_content" 40 android:layout_height="wrap_content" 41 android:layout_alignParentLeft="true" 42 android:layout_centerVertical="true" 43 android:background="@drawable/icn_01" 44 /> 45 <TextView 46 android:id="@+id/tv_collect" 47 android:layout_width="wrap_content" 48 android:layout_height="wrap_content" 49 android:layout_toRightOf="@id/iv_collect" 50 android:layout_centerVertical="true" 51 android:text="我的收藏" 52 android:textSize="16sp" 53 android:textColor="#ffffff" 54 /> 55 </RelativeLayout> 56 <TextView 57 android:id="@+id/tv_line2" 58 android:layout_width="match_parent" 59 android:layout_height="1dp" 60 android:background="#ffffff" 61 android:layout_below="@id/rl_collect" 62 /> 63 <RelativeLayout 64 android:id="@+id/rl_message" 65 android:layout_width="wrap_content" 66 android:layout_height="wrap_content" 67 android:layout_below="@id/tv_line2" 68 > 69 <ImageView 70 android:id="@+id/iv_message" 71 android:layout_width="wrap_content" 72 android:layout_height="wrap_content" 73 android:layout_alignParentLeft="true" 74 android:layout_centerVertical="true" 75 android:background="@drawable/icn_02" 76 /> 77 <TextView 78 android:id="@+id/tv_message" 79 android:layout_width="wrap_content" 80 android:layout_height="wrap_content" 81 android:layout_toRightOf="@id/iv_message" 82 android:layout_centerVertical="true" 83 android:text="我的消息" 84 android:textSize="16sp" 85 android:textColor="#ffffff" 86 /> 87 </RelativeLayout> 88 <TextView 89 android:id="@+id/tv_line3" 90 android:layout_width="match_parent" 91 android:layout_height="1dp" 92 android:background="#ffffff" 93 android:layout_below="@id/rl_message" 94 /> 95 <RelativeLayout 96 android:id="@+id/rl_set" 97 android:layout_width="wrap_content" 98 android:layout_height="wrap_content" 99 android:layout_below="@id/tv_line3" 100 > 101 <ImageView 102 android:id="@+id/iv_set" 103 android:layout_width="wrap_content" 104 android:layout_height="wrap_content" 105 android:layout_alignParentLeft="true" 106 android:layout_centerVertical="true" 107 android:background="@drawable/icn_03" 108 /> 109 <TextView 110 android:id="@+id/tv_set" 111 android:layout_width="wrap_content" 112 android:layout_height="wrap_content" 113 android:layout_toRightOf="@id/iv_set" 114 android:layout_centerVertical="true" 115 android:text="我的設置" 116 android:textSize="16sp" 117 android:textColor="#ffffff" 118 /> 119 </RelativeLayout> 120 <TextView 121 android:id="@+id/tv_line4" 122 android:layout_width="match_parent" 123 android:layout_height="1dp" 124 android:background="#ffffff" 125 android:layout_below="@id/rl_set" 126 /> 127 <RelativeLayout 128 android:id="@+id/rl_view" 129 android:layout_width="wrap_content" 130 android:layout_height="wrap_content" 131 android:layout_below="@id/tv_line4" 132 > 133 <ImageView 134 android:id="@+id/iv_view" 135 android:layout_width="wrap_content" 136 android:layout_height="wrap_content" 137 android:layout_alignParentLeft="true" 138 android:layout_centerVertical="true" 139 android:background="@drawable/icn_04" 140 /> 141 <TextView 142 android:id="@+id/tv_view" 143 android:layout_width="wrap_content" 144 android:layout_height="wrap_content" 145 android:layout_toRightOf="@id/iv_view" 146 android:layout_centerVertical="true" 147 android:text="意見反饋" 148 android:textSize="16sp" 149 android:textColor="#ffffff" 150 /> 151 </RelativeLayout> 152 <TextView 153 android:id="@+id/tv_line5" 154 android:layout_width="match_parent" 155 android:layout_height="1dp" 156 android:background="#ffffff" 157 android:layout_below="@id/rl_view" 158 /> 159 <RelativeLayout 160 android:id="@+id/rl_new" 161 android:layout_width="wrap_content" 162 android:layout_height="wrap_content" 163 android:layout_below="@id/tv_line5" 164 > 165 <ImageView 166 android:id="@+id/iv_new" 167 android:layout_width="wrap_content" 168 android:layout_height="wrap_content" 169 android:layout_alignParentLeft="true" 170 android:layout_centerVertical="true" 171 android:background="@drawable/icn_05" 172 /> 173 <TextView 174 android:id="@+id/tv_new" 175 android:layout_width="wrap_content" 176 android:layout_height="wrap_content" 177 android:layout_toRightOf="@id/iv_new" 178 android:layout_centerVertical="true" 179 android:text="更新軟件" 180 android:textSize="16sp" 181 android:textColor="#ffffff" 182 /> 183 </RelativeLayout> 184 <TextView 185 android:id="@+id/tv_line6" 186 android:layout_width="match_parent" 187 android:layout_height="1dp" 188 android:background="#ffffff" 189 android:layout_below="@id/rl_new" 190 /> 191 <RelativeLayout 192 android:id="@+id/rl_us" 193 android:layout_width="wrap_content" 194 android:layout_height="wrap_content" 195 android:layout_below="@id/tv_line6" 196 > 197 <ImageView 198 android:id="@+id/iv_us" 199 android:layout_width="wrap_content" 200 android:layout_height="wrap_content" 201 android:layout_alignParentLeft="true" 202 android:layout_centerVertical="true" 203 android:background="@drawable/icn_06" 204 /> 205 <TextView 206 android:id="@+id/tv_us" 207 android:layout_width="wrap_content" 208 android:layout_height="wrap_content" 209 android:layout_toRightOf="@id/iv_us" 210 android:layout_centerVertical="true" 211 android:text="關於我們" 212 android:textSize="16sp" 213 android:textColor="#ffffff" 214 /> 215 </RelativeLayout> 216 </RelativeLayout>
