線性布局

線性布局：

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

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

  標簽：LinearLayout

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"></LinearLayout>

xmlns:android:聲明一個命名空間前綴，叫作android,http://schemas.android.com/apk/res/android,

是網址格式，才可以使用android前綴。

orientation="vertical" 是垂直排列

總體代碼實現：

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><!-- 線性布局;Ctrl+Alt+L鍵：格式化代碼;--><!--1.行 用戶名： 輸入框2.行 密碼：輸入框3.登錄 取消--><!-- 1.第一行線性布局：水平方式match_parent 表示使空間填充布局單元內的盡可能多的空間，wrap_content:表示使視圖擴展以現實全部內容；layout_width:布局寬;layout_height:height:布局高度;txt:文本內容textSize:文本大小layout_weight:字體粗細paddingLeft:左填充paddingTop:上填充;--><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"><TextViewandroid:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:paddingLeft="15dp"android:paddingTop="15dp"android:text="用戶"android:textSize="20dp" /><EditTextandroid:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="3" /></LinearLayout><!-- 第二行，線性布局，水平方式--><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"><TextViewandroid:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:paddingLeft="10dp"android:paddingTop="10dp"android:text="密碼"android:textSize="20dp" /><EditTextandroid:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="3" /></LinearLayout><!-- 第三行，線性布局，水平方式--><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"><Buttonandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_weight="1"android:text="登錄"/><Buttonandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_weight="1"android:text="取消"/></LinearLayout> </LinearLayout>

除了LinearLayout線性布局之外，里面，講了三個控件；

1.TextView:顯示文本提示信息；

2.EditText:輸入框；

3.Button:按鈕

2.表格布局

office:excel工具。

表格布局是按照行和列來組織子視圖的布局，包含一系列的TableRow對象，用于定義行。

TableLayout–>TableRow

? 可以包含0個以上的單元格，每個單元格可以設置一個View視圖。

stretchColumns="*":從0開始的索引項，可以拉伸，*號大題拉伸的所有列。 shrinkColumns="*"：收縮從0開始的索引項。

下面是9個圖標下載熱門的案例

<?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:shrinkColumns="*"android:stretchColumns="*"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="熱門下載"android:textColor="@color/aqua"android:textSize="20dp" /><!-- 表格里面包含:TableRow--><TableRow android:layout_weight="1"><!-- 放置圖片，ImageView;src:表示圖標路徑；scaleType:自動適應大小--><ImageViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:src="@mipmap/iod"android:scaleType="fitXY"/><ImageViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:src="@mipmap/afari"android:scaleType="fitXY"/><ImageViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:src="@mipmap/iod"android:scaleType="fitXY"/></TableRow><TableRow android:layout_weight="1"><ImageViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:src="@mipmap/iiontacts"android:scaleType="fitXY"/><ImageViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:src="@mipmap/phone"android:scaleType="fitXY"/><ImageViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:src="@mipmap/twitter"android:scaleType="fitXY"/></TableRow><TableRow android:layout_weight="1"><ImageViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:src="@mipmap/stocks"android:scaleType="fitXY"/><ImageViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:src="@mipmap/hjamera"android:scaleType="fitXY"/><ImageViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:src="@mipmap/wwwwww"android:scaleType="fitXY"/></TableRow> </TableLayout>

顏色

<color name="colorPrimary">#3F51B5</color><!--首要顏色--><color name="colorPrimaryDark">#303F9F</color><!--首要顏色暗色--><color name="colorAccent">#FF4081</color><!--色彩強調--><color name="black">#000000</color><!--黑色 --><color name="white">#FFFFFF</color><!--白色--><color name="snow">#fffafa</color><!--雪白色 --><color name="floralwhite">#fffaf0</color><!--花白色 --><color name="blanchedalmond">#ffebcd</color><!--杏白色 --><color name="ghostwhite">#f8f8ff</color><!--幽靈白 --><color name="whitesmoke">#f5f5f5</color><!--煙白色 --><color name="antiquewhite">#faebd7</color><!--古董白 --><color name="navajowhite">#ffdead</color><!--納瓦白 --><color name="grey">#808080</color><!--灰色 --><color name="gainsboro">#dcdcdc</color><!--淡灰色 --><color name="lightgrey">#d3d3d3</color><!--亮灰色 --><color name="darkgrey">#a9a9a9</color><!--暗灰色 --><color name="dimgrey">#696969</color><!--暗灰色 --><color name="slategrey">#708090</color><!--灰石色 --><color name="lightslategrey">#778899</color><!--亮藍灰 --><color name="darkslategrey">#2f4f4f</color><!--暗瓦灰色 --><color name="silver">#c0c0c0</color><!--銀色 --><color name="red">#ff0000</color><!--紅色 --><color name="darkred">#8b0000</color><!--暗紅色 --><color name="crimson">#dc143c</color><!--暗深紅色 --><color name="darkmagenta">#8b008b</color><!--暗洋紅 --><color name="fuchsia">#ff00ff</color><!--紫紅色 --><color name="tomato">#ff6347</color><!--西紅柿色 --><color name="lightcoral">#f08080</color><!--亮珊瑚色 --><color name="darksalmon">#e9967a</color><!--暗肉色 --><color name="peachpuff">#ffdab9</color><!--桃色 --><color name="plum">#dda0dd</color><!--洋李色 --><color name="pink">#ffc0cb</color><!--粉紅色 --><color name="lightpink">#ffb6c1</color><!--亮粉紅色 --><color name="deeppink">#ff1493</color><!--深粉紅色 --><color name="hotpink">#ff69b4</color><!--熱粉紅色 --><color name="lavenderblush">#fff0f5</color><!--淡紫紅 --><color name="indianred">#cd5c5c</color><!--印第安紅 --><color name="rosybrown">#bc8f8f</color><!--褐玫瑰紅 --><color name="firebrick">#b22222</color><!--紅磚色 --><color name="maroon">#800000</color><!--粟色 --><color name="honeydew">#f0fff0</color><!--蜜色 --><color name="orangered">#ff4500</color><!--紅橙色 --><color name="orange">#ffa500</color><!--橙色 --><color name="limegreen">#32cd32</color><!--橙綠色 --><color name="lime">#00ff00</color><!--酸橙色 --><color name="yellow">#ffff00</color><!--黃色 --><color name="wheat">#f5deb3</color><!--淺黃色 --><color name="khaki">#f0e68c</color><!--黃褐色 --><color name="burlywood">#deb887</color><!--實木色 --><color name="bisque">#ffe4c4</color><!--桔黃色 --><color name="lightyellow">#ffffe0</color><!--亮黃色 --><color name="darkgoldenrod">#b8860b</color><!--暗金黃色 --><color name="darkorange">#ff8c00</color><!--暗桔黃色 --><color name="lightgoldenrodyellow">#fafad2</color><!--亮金黃色 --><color name="lemonchiffon">#fffacd</color><!--檸檬綢色 --><color name="cornsilk">#fff8dc</color><!--米綢色 --><color name="seaShell">#fff5ee</color><!--海貝色 --><color name="papayawhip">#ffefd5</color><!--番木色 --><color name="mistyrose">#ffe4e1</color><!--淺玫瑰色 --><color name="moccasin">#ffe4b5</color><!--鹿皮色 --><color name="ivory">#fffff0</color><!--象牙色 --><color name="gold">#ffd700</color><!--金色 --><color name="goldenrod">#daa520</color><!--金麒麟色 --><color name="lightsalmon">#ffa07a</color><!--亮肉色 --><color name="coral">#ff7f50</color><!--珊瑚色 --><color name="mintcream">#f5fffa</color><!--薄荷色 --><color name="beige">#f5f5dc</color><!--米色 --><color name="sandybrown">#f4a460</color><!--沙褐色 --><color name="oldlace">#fdf5e6</color><!--老花色 --><color name="linen">#faf0e6</color><!--亞麻色 --><color name="salmon">#fa8072</color><!--鮮肉色 --><color name="thistle">#d8bfd8</color><!--薊色 --><color name="tan">#d2b48c</color><!--茶色 --><color name="chocolate">#d2691e</color><!--巧可力色 --><color name="peru">#cd853f</color><!--秘魯色 --><color name="darkkhaki">#bdb76b</color><!--暗黃褐色 --><color name="palegoldenrod">#eee8aa</color><!--蒼麒麟色 --><color name="brown">#a52a2a</color><!--褐色 --><color name="saddlebrown">#8b4513</color><!--重褐色 --><color name="sienna">#a0522d</color><!--赭色 --><color name="olive">#808000</color><!--橄欖色 --><color name="chartreuse">#7fff00</color><!--黃綠色 --><color name="greenyellow">#adff2f</color><!--黃綠色 --><color name="green">#008000</color><!--綠色 --><color name="darkgreen">#006400</color><!--暗綠色 --><color name="darkolivegreen">#556b2f</color><!--暗橄欖綠 --><color name="olivedrab">#6b8e23</color><!--深綠褐色 --><color name="lawngreen">#7cfc00</color><!--草綠色 --><color name="forestgreen">#228b22</color><!--森林綠 --><color name="aquamarine">#7fffd4</color><!--碧綠色 --><color name="paleturquoise">#afeeee</color><!--蒼寶石綠 --><color name="palegreen">#98fb98</color><!--蒼綠色 --><color name="mediumturquoise">#48d1cc</color><!--中綠寶石 --><color name="mediumaquamarine">#66cdaa</color><!--中綠色 --><color name="aqua">#00ffff</color><!--淺綠色 --><color name="springgreen">#00ff7f</color><!--春綠色 --><color name="mediumspringgreen">#00fa9a</color><!--中春綠色 --><color name="darkturquoise">#00ced1</color><!--暗寶石綠 --><color name="seagreen">#2e8b57</color><!--海綠色 --><color name="lightgreen">#90ee90</color><!--亮綠色 --><color name="darkseagreen">#8fbc8f</color><!--暗海蘭色 --><color name="turquoise">#40e0d0</color><!--青綠色 --><color name="cyan">#00ffff</color><!--青色 --><color name="darkcyan">#008b8b</color><!--暗青色 --><color name="lightcyan">#e0ffff</color><!--亮青色 --><color name="teal">#008080</color><!--水鴨色 --><color name="indigo">#4b0082</color><!--靛青色 --><color name="blue">#0000ff</color><!--藍色 --><color name="darkblue">#00008b</color><!--暗藍色 --><color name="mediumblue">#0000cd</color><!--中蘭色 --><color name="midnightblue">#191970</color><!--中灰蘭色 --><color name="navy">#000080</color><!--海軍色 --><color name="royalblue">#4169e1</color><!--皇家藍 --><color name="azure">#f0ffff</color><!--天藍色 --><color name="skyblue">#87ceeb</color><!--天藍色 --><color name="deepskyblue">#00bfff</color><!--深天藍色 --><color name="lightskyblue">#87cefa</color><!--亮天藍色 --><color name="lightseagreen">#20b2aa</color><!--亮海藍色 --><color name="lightblue">#add8e6</color><!--亮藍色 --><color name="powderblue">#b0e0e6</color><!--粉藍色 --><color name="aliceblue">#f0f8ff</color><!--艾利斯蘭 --><color name="mediumslateblue">#7b68ee</color><!--中暗藍色 --><color name="slateblue">#6a5acd</color><!--石藍色 --><color name="darkslateblue">#483d8b</color><!--暗灰藍色 --><color name="mediumseagreen">#3cb371</color><!--中海藍 --><color name="steelblue">#4682b4</color><!--鋼蘭色 --><color name="lightsteelblue">#b0c4de</color><!--亮鋼蘭色 --><color name="cornflowerblue">#6495ed</color><!--菊蘭色 --><color name="dodgerblue">#1e90ff</color><!--閃蘭色 --><color name="cadetblue">#5f9ea0</color><!--軍蘭色 --><color name="blueviolet">#8a2be2</color><!--紫羅蘭藍色 --><color name="purple">#800080</color><!--紫色 --><color name="lavender">#e6e6fa</color><!--淡紫色 --><color name="orchid">#da70d6</color><!--淡紫色 --><color name="mediumpurple">#9370db</color><!--中紫色 --><color name="darkorchid">#9932cc</color><!--暗紫色 --><color name="violet">#ee82ee</color><!--紫羅蘭色 --><color name="mediumvioletred">#c71585</color><!--中紫羅蘭色 --><color name="palevioletred">#db7093</color><!--蒼紫羅蘭色 --><color name="darkviolet">#9400d3</color><!--暗紫羅蘭色 --><color name="mediumorchid">#ba55d3</color><!--中粉紫色 -->

3.相對布局

控件的位置是相對于其他控件或者父容器而言。在進行設計的時候，需要按照控件之間的依賴關系進行排列。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><!-- 增加幾個按鈕;layout_centerInParent:如果為true,則表示該空間位于父控件的中央位置；layout_centerHorizontal:如果為true,則表示該空間位于負控件的居中位置;layout_centerVertical:如果為true,則表示該控件置于父空間的垂直居中位置;layout_above:將該控件位于給定控件的上方。layout_below:將該控件位于給定控件的下方。layout_toLeftOf:將該控件的右邊緣與給定Id的控件左邊緣對齊;layout_toRightOf:將該控件的左邊緣與給定Id的控件右邊緣對齊;--><Buttonandroid:id="@+id/bt_center"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"android:text="中間" /><Buttonandroid: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="向上"/><Buttonandroid: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="向下"/><Buttonandroid: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="居左"/><Buttonandroid: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="居右"/></RelativeLayout>

4.幀布局

幀布局是布局中最簡單的一個布局，整個界面被當做一塊空白備用區域，所有的子元素都不能指定位置進行放置，全部放置于這塊兒區域的左上角，并且后面的子元素直接覆蓋前面的子元素，將前面的子子元素部分或者全部覆蓋。

整個屏幕作為了一塊區域，在這塊區域添加多個子控件。

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><!-- 幀布局layout_gravity:center;居中--><TextViewandroid:layout_width="300dp"android:layout_height="300dp"android:background="@color/purple"android:layout_gravity="center"/><TextViewandroid:layout_width="250dp"android:layout_height="250dp"android:background="@color/brown"android:layout_gravity="center"/><TextViewandroid:layout_width="200dp"android:layout_height="200dp"android:background="@color/blue"android:layout_gravity="center"/><TextViewandroid:layout_width="150dp"android:layout_height="150dp"android:background="@color/gold"android:layout_gravity="center"/></FrameLayout>

5.絕對布局

絕對布局是所有控件的排列由開發人員通過控件的坐標來指定，容器不再負責管理子控件的位置。

AbsoluteLayout:子控件的位置和布局都需要通過坐標來指定，所以，在設計布局時候，需要開發人員提供子元素精確的橫坐標和縱坐標。

絕對布局由坐標控制，缺乏靈活性，維護起來不容易。

layout_x: x坐標；

layout_y:y坐標;

手機上的坐標原點同pc端一樣，都是在屏幕的左上角。

<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><!--絕對布局--><TextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:text="我是絕對布局"/><Buttonandroid:layout_width="200px"android:layout_height="wrap_content"android:layout_x="300px"android:layout_y="300px"android:text="開始游戲"/></AbsoluteLayout>

總結

以上是生活随笔為你收集整理的Android开发第二次课 布局方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。