Android課程設計第二天界面排版
阿新 • • 發佈：2017-06-24
fit span widget mipmap only get pro 其他 orien
註意：課程設計只為完成任務，不做細節描述~
老師叫我們做一個這個樣子，然後..
1 <?xml version="1.0" encoding="utf-8"?> 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 xmlns:tools="http://schemas.android.com/tools" 4 android:layout_width="match_parent" 5 android:layout_height="match_parent"6 android:background="@mipmap/bg" 7 tools:context="com.example.myapplication.MainActivity"> 8 <!--button flag 9 ID:Identical xml fire can not have a same and it is a only flag 10 difference xml fire must have a only flag by himself--> 11 12 <Button 13android:id="@+id/btn_back" 14 android:layout_width="100dp" 15 android:layout_height="40dp" 16 android:background="@mipmap/left"></Button> 17 <!--無論是布局還是控件，在確定位置的時候，都遵循父布局的規則 18 相對布局常用屬性：android:layout_below 在下面 19 線性布局常用屬性：orientation 方向 vertical horizontal20 layout_weight 權重--> 21 <android.support.v7.widget.FitWindowsLinearLayout 22 android:id="@+id/left_menu" 23 android:layout_width="40dp" 24 android:layout_height="140dp" 25 android:layout_below="@id/btn_back" 26 android:layout_marginTop="50dp" 27 android:orientation="vertical"> 28 29 <ImageView 30 android:id="@+id/story" 31 android:layout_width="match_parent" 32 android:layout_height="0dp" 33 android:layout_weight="1" 34 android:src="@mipmap/gushi" /> 35 36 <ImageView 37 android:id="@+id/shuxing" 38 android:layout_width="match_parent" 39 android:layout_height="0dp" 40 android:layout_weight="1" 41 android:src="@mipmap/shuxing" /> 42 43 <ImageView 44 android:id="@+id/zhuanbei" 45 android:layout_width="match_parent" 46 android:layout_height="0dp" 47 android:layout_weight="1" 48 android:src="@mipmap/ic_launcher" /> 49 50 <ImageView 51 android:id="@+id/haibao" 52 android:layout_width="match_parent" 53 android:layout_height="0dp" 54 android:layout_weight="1" 55 android:src="@mipmap/haibao" /> 56 </android.support.v7.widget.FitWindowsLinearLayout> 57 58 <android.support.v7.widget.FitWindowsLinearLayout 59 android:id="@+id/kind_money" 60 android:layout_width="wrap_content" 61 android:layout_height="30dp" 62 android:layout_alignParentEnd="true" 63 android:layout_alignParentRight="true" 64 android:layout_alignParentTop="true" 65 android:orientation="horizontal"> 66 67 <Button 68 android:id="@+id/dian_money" 69 android:layout_width="wrap_content" 70 android:layout_height="match_parent" 71 android:background="@null" 72 android:drawableLeft="@mipmap/quan" 73 android:text="9999" /> 74 75 <Button 76 android:id="@+id/jin_money" 77 android:layout_width="wrap_content" 78 android:layout_height="match_parent" 79 android:background="@null" 80 android:drawableLeft="@mipmap/jin" 81 android:text="9999" /> 82 83 <Button 84 android:id="@+id/zuan_money" 85 android:layout_width="wrap_content" 86 android:layout_height="match_parent" 87 android:background="@null" 88 android:drawableLeft="@mipmap/zuan" 89 android:text="9999" /> 90 </android.support.v7.widget.FitWindowsLinearLayout> 91 92 <android.support.v7.widget.FitWindowsLinearLayout 93 android:layout_width="200dp" 94 android:layout_height="120dp" 95 android:layout_alignParentRight="true" 96 android:layout_below="@+id/kind_money" 97 android:orientation="vertical" 98 android:id="@+id/line" 99 100 > 101 <!--第一行--> 102 <android.support.v7.widget.FitWindowsLinearLayout 103 android:id="@+id/line1" 104 105 android:layout_width="match_parent" 106 android:layout_height="30dp" 107 android:orientation="horizontal"> 108 <TextView 109 android:layout_width="50dp" 110 android:layout_height="match_parent" 111 android:text="定位" 112 android:gravity="center" 113 android:background="@drawable/bg"/> 114 <TextView 115 android:layout_width="50dp" 116 android:layout_height="match_parent" 117 android:gravity="center_vertical" 118 android:text="法師" 119 android:textColor="#FF7F00" 120 android:textSize="12sp" 121 android:layout_marginLeft="5dp"/> 122 <TextView 123 android:layout_width="30dp" 124 android:layout_height="match_parent" 125 android:gravity="center" 126 android:text="生存" 127 android:textSize="12sp" 128 android:layout_marginLeft="20dp" 129 /> 130 <android.support.v4.widget.ContentLoadingProgressBar 131 android:layout_width="120dp" 132 android:layout_height="match_parent" 133 134 style="?android:attr/progressBarStyleHorizontal" 135 android:layout_gravity="center_vertical" 136 android:max="100" 137 android:progress="20" 138 /> 139 <TextView 140 android:layout_width="30dp" 141 android:layout_height="match_parent" 142 android:gravity="center" 143 android:text="特色" 144 android:textSize="12sp" 145 /> 146 </android.support.v7.widget.FitWindowsLinearLayout> 147 <android.support.v7.widget.FitWindowsLinearLayout 148 android:layout_width="match_parent" 149 android:layout_height="30dp" 150 android:orientation="horizontal" 151 android:id="@+id/line2" 152 > 153 <TextView 154 android:layout_width="50dp" 155 android:layout_height="match_parent" 156 android:text="特長" 157 android:gravity="center" 158 android:background="@drawable/bg"/> 159 <TextView 160 android:layout_width="50dp" 161 android:layout_height="match_parent" 162 android:gravity="center" 163 android:text="遠程消耗" 164 android:textColor="#FF7F00" 165 android:textSize="12sp" 166 android:layout_marginLeft="5dp"/> 167 <TextView 168 android:layout_width="30dp" 169 android:layout_height="match_parent" 170 android:gravity="center" 171 android:text="攻擊" 172 android:textSize="12sp" 173 android:layout_marginLeft="20dp" 174 /> 175 <android.support.v4.widget.ContentLoadingProgressBar 176 android:layout_width="120dp" 177 android:layout_height="match_parent" 178 179 style="?android:attr/progressBarStyleHorizontal" 180 android:layout_gravity="center_vertical" 181 android:max="100" 182 android:progress="20" 183 /> 184 <TextView 185 android:layout_width="30dp" 186 android:layout_height="match_parent" 187 android:gravity="center" 188 android:text="特色" 189 android:textSize="12sp" 190 /> 191 </android.support.v7.widget.FitWindowsLinearLayout> 192 <android.support.v7.widget.FitWindowsLinearLayout 193 android:layout_width="match_parent" 194 android:layout_height="30dp" 195 android:orientation="horizontal" 196 android:id="@+id/line3" 197 > 198 <TextView 199 android:layout_width="50dp" 200 android:layout_height="match_parent" 201 android:text="熟練度" 202 android:gravity="center" 203 android:background="@drawable/bg"/> 204 <TextView 205 android:layout_width="50dp" 206 android:layout_height="match_parent" 207 android:gravity="center" 208 android:text="282/300" 209 android:textColor="#FF7F00" 210 android:textSize="12sp" 211 android:layout_marginLeft="5dp"/> 212 <TextView 213 android:layout_width="30dp" 214 android:layout_height="match_parent" 215 android:gravity="center" 216 android:text="技能" 217 android:textSize="12sp" 218 android:layout_marginLeft="20dp" 219 /> 220 <android.support.v4.widget.ContentLoadingProgressBar 221 android:layout_width="50dp" 222 android:layout_height="match_parent" 223 224 style="?android:attr/progressBarStyleHorizontal" 225 android:layout_gravity="center_vertical" 226 android:max="100" 227 android:progress="45" 228 /> 229 <TextView 230 android:layout_width="30dp" 231 android:layout_height="match_parent" 232 android:gravity="center" 233 android:text="特色" 234 android:textSize="12sp" 235 /> 236 </android.support.v7.widget.FitWindowsLinearLayout> 237 <android.support.v7.widget.FitWindowsLinearLayout 238 android:layout_width="match_parent" 239 android:layout_height="30dp" 240 android:orientation="horizontal" 241 android:id="@+id/line4" 242 > 243 <ImageView 244 android:layout_height="match_parent" 245 android:layout_width="50dp" 246 android:background="@mipmap/level"/> 247 <TextView 248 android:layout_width="50dp" 249 android:layout_height="match_parent" 250 android:gravity="center" 251 android:text="資深法師" 252 android:textColor="#FF7F00" 253 android:textSize="12sp" 254 android:layout_marginLeft="5dp"/> 255 <TextView 256 android:layout_width="30dp" 257 android:layout_height="match_parent" 258 android:gravity="center" 259 android:text="難度" 260 android:textSize="12sp" 261 android:layout_marginLeft="20dp" 262 /> 263 <android.support.v4.widget.ContentLoadingProgressBar 264 android:layout_width="120dp" 265 android:layout_height="match_parent" 266 267 style="?android:attr/progressBarStyleHorizontal" 268 android:layout_gravity="center_vertical" 269 android:max="100" 270 android:progress="30" 271 /> 272 <TextView 273 android:layout_width="30dp" 274 android:layout_height="match_parent" 275 android:gravity="center" 276 android:text="特色" 277 android:textSize="12sp" 278 /> 279 </android.support.v7.widget.FitWindowsLinearLayout> 280 </android.support.v7.widget.FitWindowsLinearLayout> 281 <android.support.v7.widget.FitWindowsLinearLayout 282 android:layout_width="240dp" 283 android:layout_height="50dp" 284 android:layout_below="@+id/line" 285 android:layout_alignParentRight="true" 286 android:orientation="vertical" 287 > 288 <android.support.v7.widget.FitWindowsLinearLayout 289 android:layout_width="match_parent" 290 android:layout_height="50dp" 291 android:orientation="horizontal" 292 > 293 <TextView 294 android:layout_width="30dp" 295 android:layout_height="match_parent" 296 android:text="技能" 297 android:textColor="#0ccfff" 298 android:gravity="center_vertical" 299 /> 300 <ImageView 301 android:layout_height="match_parent" 302 android:layout_width="50dp" 303 android:background="@mipmap/w"/> 304 <ImageView 305 android:layout_height="match_parent" 306 android:layout_width="50dp" 307 android:background="@mipmap/q"/> 308 <ImageView 309 android:layout_height="match_parent" 310 android:layout_width="50dp" 311 android:background="@mipmap/e"/> 312 <ImageView 313 android:layout_height="match_parent" 314 android:layout_width="50dp" 315 android:background="@mipmap/r"/> 316 </android.support.v7.widget.FitWindowsLinearLayout> 317 318 </android.support.v7.widget.FitWindowsLinearLayout> 319 <android.support.v7.widget.FitWindowsLinearLayout 320 android:layout_width="40dp" 321 android:layout_height="120dp" 322 android:layout_toLeftOf="@+id/line" 323 android:layout_below="@+id/kind_money" 324 android:orientation="vertical" 325 android:layout_marginRight="15dp"> 326 <ImageView 327 android:layout_height="45dp" 328 android:layout_width="40dp" 329 android:layout_marginTop="10dp" 330 android:background="@mipmap/pai2"/> 331 <ImageView 332 android:layout_height="45dp" 333 android:layout_width="40dp" 334 android:layout_marginTop="20dp" 335 android:background="@mipmap/pai1"/> 336 </android.support.v7.widget.FitWindowsLinearLayout> 337 <android.support.v7.widget.FitWindowsLinearLayout 338 android:layout_width="108dp" 339 android:layout_height="149dp" 340 android:layout_alignParentBottom="true" 341 android:layout_marginLeft="150dp" 342 android:layout_marginBottom="30dp" 343 > 344 <ImageView 345 android:layout_height="149dp" 346 android:layout_width="108dp" 347 android:background="@mipmap/a1"/> 348 </android.support.v7.widget.FitWindowsLinearLayout> 349 </RelativeLayout> 350 <!--基本控件 id layout_width 351 layout_height 352 TextView:gravity(文字居中）textsize 353 textcolor 354 button:onclick drawableleft 355 imageview:src 356 基本布局 357 linearlayout :線性布局 358 特殊屬性：orientation(方向兩個 359 layout_wegigth(權重） 360 relativelayout:相對布局 361 1.以父布局作為參照物 362 1.1 三個中心 363 1.2 四條邊 alignParentLeft 364 2.以其他控件作為參照物 365 1.1 上下左右 366 1.2 上下左右邊對齊 layout_alignleft 367 3. 布局嵌套：以父布局的規則為準-->
控制方框形狀的
1 <?xml version="1.0" encoding="utf-8"?> 2 <shape xmlns:android="http://schemas.android.com/apk/res/android"> 3 <corners 4 android:radius="20dp"/> 5 <solid android:color="#00f5ff"> 6 </solid> 7 8 </shape>
Android課程設計第二天界面排版