Android的布局方式

五陵年少金市东，银鞍白马渡春风。这篇文章主要讲述Android的布局方式相关的知识，希望能为你提供帮助。
1.LinearLayout(线性布局)
android:orientation="vertical"//布局
android:layout_width="wrap_content"//控件宽度
android:layout_height="fill_parent"//控件高度
android:layout_weight//可以指定每个控件所占的比例
注意："vertical":垂直布局"horizontal":水平布局
wrap_content:宽度/高度和内容的宽度/高度相同
fill_parent:宽度/高度是整个父组件的宽度和高度

文章图片

1 < ?xml version="1.0" encoding="utf-8"?> 2 < LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3android:orientation="vertical" 4android:layout_width="fill_parent" 5android:layout_height="fill_parent" 6> 7< TextView 8android:id="@+id/ete1" 9android:layout_width="100px" 10android:layout_height="100px" 11android:background="#00FF00" 12/> 13< TextView 14android:id="@+id/bte1" 15android:layout_width="80px" 16android:layout_height="80px" 17android:background="#0000FF" 18/> 19< TextView 20android:id="@+id/tve1" 21android:layout_width="60px" 22android:layout_height="60px" 23android:background="#FF0000" 24/> 25 < /LinearLayout>

代码示例2.FrameLayout(帧布局)
叠加效果

文章图片

1 < ?xml version="1.0" encoding="utf-8"?> 2 < !-- "vertical":垂直布局"horizontal":水平布局 --> 3 < FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 4android:orientation="horizontal" 5android:layout_width="fill_parent" 6android:layout_height="fill_parent" 7> 8< TextView 9android:layout_width="100px" 10android:layout_height="100px" 11android:background="#FF0000" 12/> 13< TextView 14android:layout_width="80px" 15android:layout_height="80px" 16android:background="#00FF00" 17/> 18< TextView 19android:layout_width="60px" 20android:layout_height="60px" 21android:background="#0000FF" 22/> 23 < /FrameLayout>

代码示例3.Relativelayout(相对布局)
android:layout_below//在某个组件的下面
android:layout_toLeftOf//在某个组件的左边
android:layout_toRinghtOf//在某个组件的右边
android:layout_alignTop//在某个组件上对齐
android:layout_alignBottom//在某个组件下对齐
android:layout_alignLeft//在某个组件左对齐
android:layout_alignRight//在某个组件右对齐

文章图片

1 < ?xml version="1.0" encoding="utf-8"?> 2 < RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3android:orientation="vertical" 4android:layout_width="fill_parent" 5android:layout_height="fill_parent" 6> 7< TextView 8android:id="@+id/tvr1" 9android:layout_width="100px" 10android:layout_height="100px" 11android:background="#FF0000" 12/> 13< TextView 14android:id="@+id/tvr2" 15android:layout_width="80px" 16android:layout_height="80px" 17android:background="#00FF00" 18android:layout_below="@+id/tvr1" 19/> 20< TextView 21android:id="@+id/tvr3" 22android:layout_width="60px" 23android:layout_height="60px" 24android:background="#0000FF" 25android:layout_alignRight="@+id/tvr1" 26/> 27 < /RelativeLayout>

代码示例4.TableLayout(表格布局)
注意：表格布局的组件要放在TableRow中

文章图片

1 < ?xml version="1.0" encoding="utf-8"?> 2 < TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 3android:orientation="vertical" 4android:layout_width="fill_parent" 5android:layout_height="fill_parent" 6> 7 8< TableRow> 9< TextView 10android:layout_width="100px" 11android:layout_height="100px" 12android:background="#FF0000" 13/> 14< /TableRow> 15< TableRow> 16< TextView 17android:layout_width="80px" 18android:layout_height="80px" 19android:background="#00FF00" 20/> 21< TextView 22android:layout_width="60px" 23android:layout_height="60px" 24android:background="#0000FF" 25/> 26< /TableRow> 27 < /TableLayout>

代码示例5.AbsoluteLayout(绝对布局)
android:layout_x="80px"//x轴坐标值
android:layout_y="20px"//y轴坐标值

文章图片

1 < ?xml version="1.0" encoding="utf-8"?> 2 < AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android" 3android:orientation="vertical" 4android:layout_width="fill_parent" 5android:layout_height="fill_parent" 6> 7< TextView 8android:id="@+id/tvr1" 9android:layout_width="100px" 10android:layout_height="100px" 11android:background="#FF0000" 12/> 13< TextView 14android:layout_x="60px" 15android:layout_y="10px" 16android:id="@+id/tvr2" 17android:layout_width="80px" 18android:layout_height="80px" 19android:background="#00FF00" 20android:layout_below="@+id/tvr1" 21/> 22< TextView 23android:layout_x="80px" 24android:layout_y="20px" 25android:id="@+id/tvr3" 26android:layout_width="60px" 27android:layout_height="60px" 28android:background="#0000FF" 29android:layout_alignRight="@+id/tvr1" 30/> 31 < /AbsoluteLayout>

代码示例【Android的布局方式】