Android的佈局介紹
1.線性佈局(從上到下,垂直的佈局) android:orientation="vertical" 根元素LinearLayout
2.水平佈局(從左到右) 預設 android:orientation="horizontal" 根元素LinearLayout
3.巢狀的線性佈局 根元素LinearLayout
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
><!-- 外部是垂直佈局 -->
<!-- 裡邊是水平佈局,注意水平佈局的高度是包裹內容 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button" /><Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button" />
</LinearLayout>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button" />
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button" />
</LinearLayout>
4.幀式佈局(將圖片跌在某張圖片上,先設定的圖片在下層,後設定的在上層) 根元素FrameLayout
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" ><!-- "fill_parent"和 match_parent是一樣的,都是填充父元素-->
<ImageView
android:src="@drawable/transformers"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<ImageView
android:layout_gravity="center"
android:src="@drawable/play"
android:layout_width="50dp"
android:layout_height="50dp"
/>
<!--
px單位不管螢幕大小都是同一個尺寸
dp單位會隨著螢幕大小改變而改變圖形大小(推薦)
-->
</FrameLayout>
5.表格佈局 根元素TableLayout
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:stretchColumns="1"><!-- android:stretchColumns="1"將索引為1的列拉伸,指定了寬度後,這個設定就不起作用了,按照寬度來 -->
<TableRow>
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:padding="0dip"
android:text="1, 1" />
<!--
將文字內容右對齊android:gravity="right",預設是左對齊
android:layout_weight="1"表示權重的意思,數值越大寬度就越大
-->
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:padding="10dip"
android:text="1, 2" />
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:padding="0dip"
android:text="1, 3" />
</TableRow>
<TableRow>
<TextView
android:padding="10dip"
android:text="2, 1" />
<TextView
android:padding="10dip"
android:text="2, 2" />
<TextView
android:padding="10dip"
android:text="2, 3" />
</TableRow>
</TableLayout>
6.相對佈局 根元素RelativeLayout
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="10dp" ><!-- android:padding表示和四周的邊距 -->
<!--
android:layout_marginLeft 距離左邊距離
android:layout_below 在哪個元件下面
android:layout_alignTop 和哪個元件的上邊距對齊
android:layout_toRightOf 在哪個元件的右邊
android:layout_alignParentRight 對齊父元素的右邊
-->
<TextView
android:id="@+id/numTV"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="手機號碼"
android:textSize="20sp" />
<EditText
android:id="@+id/numET"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="30dp"
android:layout_toRightOf="@id/numTV" />
<TextView
android:id="@+id/contentTV"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/numET"
android:text="簡訊內容"
android:textSize="20sp" />
<EditText
android:id="@+id/contentET"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignTop="@id/contentTV"
android:layout_marginLeft="30dp"
android:layout_toRightOf="@id/contentTV"
android:lines="3" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_below="@id/contentET"
android:text="傳送簡訊" />
</RelativeLayout>
7.絕對佈局 根元素AbsoluteLayout 靠的是座標定位
<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="16dp"
android:layout_y="9dp"
android:text="Button" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="161dp"
android:layout_y="184dp"
android:text="Button" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="220dp"
android:layout_y="84dp"
android:text="Button" />
</AbsoluteLayout>
相關文章
- Android 常用佈局 介紹與使用Android
- flex彈性佈局的基本介紹Flex
- 常用前端佈局,CSS技巧介紹前端CSS
- AsyncDisplayKit介紹(二)佈局系統
- Android 佈局Android
- Android中常見的佈局和佈局引數Android
- CSS實現的網頁柵格佈局簡單介紹CSS網頁
- 簡單介紹一下Component基礎佈局
- Android佈局概述Android
- Android xml 佈局AndroidXML
- Grid佈局簡介
- android佈局------RelativeLayout(相對佈局)詳解Android
- android筆記二(水平佈局與垂直佈局)Android筆記
- 寫給 Android 開發的小程式佈局指南,Flex 佈局!AndroidFlex
- Android的四個基本佈局Android
- Android中佈局的優化Android優化
- Android學習—— Android佈局Android
- Android 佈局優化Android優化
- android 介面佈局(大概)Android
- Android上的Flexbox佈局AndroidFlex
- 深入解析Android的自定義佈局Android
- Android佈局優化技巧Android優化
- Android之TableLayout(表格佈局)Android
- android:四種基本佈局Android
- Android之佈局屬性Android
- Android GUI之View佈局AndroidGUIView
- Android響應式佈局Android
- android佈局屬性大全Android
- android佈局改變動畫Android動畫
- 基於JS快速生成各種網格佈局工具Grid介紹JS
- Android入門教程 | UI佈局之RelativeLayout 相對佈局AndroidUI
- android 相對佈局,程式碼建立imageview,佈局居中問題AndroidView
- Android的反編譯(佈局植入篇)Android編譯
- 如何將Android ImageView放到佈局的中心AndroidView
- 關於Android中xml佈局檔案之android 入門xml佈局檔案AndroidXML
- Android入門教程 | UI佈局之LinearLayout 線性佈局AndroidUI
- 你需要知道的Android View的佈局AndroidView
- Android開發之常用佈局Android