Android开发第二次课 布局方式

线性布局

线性布局：

• 控件从左到右排列：水平方式

• 控件从上到下排列：垂直方式

  标签：LinearLayout

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent">  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical">    <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:paddingLeft="15dp" android:paddingTop="15dp" android:text="用户" android:textSize="20dp" /> <EditText android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="3" />  <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:paddingLeft="10dp" android:paddingTop="10dp" android:text="密码" android:textSize="20dp" /> <EditText android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="3" />  <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="登录"/> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="取消"/>  <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:shrinkColumns="*" android:stretchColumns="*"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="热门下载" android:textColor="@color/aqua" android:textSize="20dp" />  <TableRow android:layout_weight="1">  <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:src="@mipmap/iod" android:scaleType="fitXY"/> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:src="@mipmap/afari" android:scaleType="fitXY"/> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:src="@mipmap/iod" android:scaleType="fitXY"/>  <color name="colorPrimaryDark">#303F9F <color name="colorAccent">#FF4081 <color name="black">#000000 <color name="white">#FFFFFF <color name="snow">#fffafa <color name="floralwhite">#fffaf0 <color name="blanchedalmond">#ffebcd <color name="ghostwhite">#f8f8ff <color name="whitesmoke">#f5f5f5 <color name="antiquewhite">#faebd7 <color name="navajowhite">#ffdead <color name="grey">#808080 <color name="gainsboro">#dcdcdc <color name="lightgrey">#d3d3d3 <color name="darkgrey">#a9a9a9 <color name="dimgrey">#696969 <color name="slategrey">#708090 <color name="lightslategrey">#778899 <color name="darkslategrey">#2f4f4f <color name="silver">#c0c0c0 <color name="red">#ff0000 <color name="darkred">#8b0000 <color name="crimson">#dc143c <color name="darkmagenta">#8b008b <color name="fuchsia">#ff00ff <color name="tomato">#ff6347 <color name="lightcoral">#f08080 <color name="darksalmon">#e9967a <color name="peachpuff">#ffdab9 <color name="plum">#dda0dd <color name="pink">#ffc0cb <color name="lightpink">#ffb6c1 <color name="deeppink">#ff1493 <color name="hotpink">#ff69b4 <color name="lavenderblush">#fff0f5 <color name="indianred">#cd5c5c <color name="rosybrown">#bc8f8f <color name="firebrick">#b22222 <color name="maroon">#800000 <color name="honeydew">#f0fff0 <color name="orangered">#ff4500 <color name="orange">#ffa500 <color name="limegreen">#32cd32 <color name="lime">#00ff00 <color name="yellow">#ffff00 <color name="wheat">#f5deb3 <color name="khaki">#f0e68c <color name="burlywood">#deb887 <color name="bisque">#ffe4c4 <color name="lightyellow">#ffffe0 <color name="darkgoldenrod">#b8860b <color name="darkorange">#ff8c00 <color name="lightgoldenrodyellow">#fafad2 <color name="lemonchiffon">#fffacd <color name="cornsilk">#fff8dc <color name="seaShell">#fff5ee <color name="papayawhip">#ffefd5 <color name="mistyrose">#ffe4e1 <color name="moccasin">#ffe4b5 <color name="ivory">#fffff0 <color name="gold">#ffd700 <color name="goldenrod">#daa520 <color name="lightsalmon">#ffa07a <color name="coral">#ff7f50 <color name="mintcream">#f5fffa <color name="beige">#f5f5dc <color name="sandybrown">#f4a460 <color name="oldlace">#fdf5e6 <color name="linen">#faf0e6 <color name="salmon">#fa8072 <color name="thistle">#d8bfd8 <color name="tan">#d2b48c <color name="chocolate">#d2691e <color name="peru">#cd853f <color name="darkkhaki">#bdb76b <color name="palegoldenrod">#eee8aa <color name="brown">#a52a2a <color name="saddlebrown">#8b4513 <color name="sienna">#a0522d <color name="olive">#808000 <color name="chartreuse">#7fff00 <color name="greenyellow">#adff2f <color name="green">#008000 <color name="darkgreen">#006400 <color name="darkolivegreen">#556b2f <color name="olivedrab">#6b8e23 <color name="lawngreen">#7cfc00 <color name="forestgreen">#228b22 <color name="aquamarine">#7fffd4 <color name="paleturquoise">#afeeee <color name="palegreen">#98fb98 <color name="mediumturquoise">#48d1cc <color name="mediumaquamarine">#66cdaa <color name="aqua">#00ffff <color name="springgreen">#00ff7f <color name="mediumspringgreen">#00fa9a <color name="darkturquoise">#00ced1 <color name="seagreen">#2e8b57 <color name="lightgreen">#90ee90 <color name="darkseagreen">#8fbc8f <color name="turquoise">#40e0d0 <color name="cyan">#00ffff <color name="darkcyan">#008b8b <color name="lightcyan">#e0ffff <color name="teal">#008080 <color name="indigo">#4b0082 <color name="blue">#0000ff <color name="darkblue">#00008b <color name="mediumblue">#0000cd <color name="midnightblue">#191970 <color name="navy">#000080 <color name="royalblue">#4169e1 <color name="azure">#f0ffff <color name="skyblue">#87ceeb <color name="deepskyblue">#00bfff <color name="lightskyblue">#87cefa <color name="lightseagreen">#20b2aa <color name="lightblue">#add8e6 <color name="powderblue">#b0e0e6 <color name="aliceblue">#f0f8ff <color name="mediumslateblue">#7b68ee <color name="slateblue">#6a5acd <color name="darkslateblue">#483d8b <color name="mediumseagreen">#3cb371 <color name="steelblue">#4682b4 <color name="lightsteelblue">#b0c4de <color name="cornflowerblue">#6495ed <color name="dodgerblue">#1e90ff <color name="cadetblue">#5f9ea0 <color name="blueviolet">#8a2be2 <color name="purple">#800080 <color name="lavender">#e6e6fa <color name="orchid">#da70d6 <color name="mediumpurple">#9370db <color name="darkorchid">#9932cc <color name="violet">#ee82ee <color name="mediumvioletred">#c71585 <color name="palevioletred">#db7093 <color name="darkviolet">#9400d3 <color name="mediumorchid">#ba55d3 

3.相对布局

控件的位置是相对于其他控件或者父容器而言。在进行设计的时候，需要按照控件之间的依赖关系进行排列。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent">  <Button android:id="@+id/bt_center" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:text="中间" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/bt_up" android:layout_above="@id/bt_center" android:layout_centerHorizontal="true" android:text="向上"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/bt_down" android:layout_below="@id/bt_center" android:layout_centerHorizontal="true" android:text="向下"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/bt_left" android:layout_toLeftOf="@id/bt_center" android:layout_centerVertical="true" android:text="居左"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/bt_Right" android:layout_toRightOf="@id/bt_center" android:layout_centerVertical="true" android:text="居右"/>  <TextView android:layout_width="300dp" android:layout_height="300dp" android:background="@color/purple" android:layout_gravity="center"/> <TextView android:layout_width="250dp" android:layout_height="250dp" android:background="@color/brown" android:layout_gravity="center"/> <TextView android:layout_width="200dp" android:layout_height="200dp" android:background="@color/blue" android:layout_gravity="center"/> <TextView android:layout_width="150dp" android:layout_height="150dp" android:background="@color/gold" android:layout_gravity="center"/>  <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="我是绝对布局"/> <Button android:layout_width="200px" android:layout_height="wrap_content" android:layout_x="300px" android:layout_y="300px" android:text="开始游戏"/>