android 的布局方式,Android的布局方式（3）

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

3 android:orientation="vertical"

4 android:layout_width="fill_parent"

5 android:layout_height="fill_parent"

6 >

7

9 android:layout_width="100px"

10 android:layout_height="100px"

11 android:background="#00FF00"

12 />

13

15 android:layout_width="80px"

16 android:layout_height="80px"

17 android:background="#0000FF"

18 />

19

21 android:layout_width="60px"

22 android:layout_height="60px"

23 android:background="#FF0000"

24 />

25

代码示例

2.FrameLayout(帧布局)

叠加效果

1 <?xml version="1.0" encoding="utf-8"?>

2

3

4 android:orientation="horizontal"

5 android:layout_width="fill_parent"

6 android:layout_height="fill_parent"

7 >

8

10 android:layout_height="100px"

11 android:background="#FF0000"

12 />

13

15 android:layout_height="80px"

16 android:background="#00FF00"

17 />

18

20 android:layout_height="60px"

21 android:background="#0000FF"

22 />

23

代码示例

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

3 android:orientation="vertical"

4 android:layout_width="fill_parent"

5 android:layout_height="fill_parent"

6 >

7

9 android:layout_width="100px"

10 android:layout_height="100px"

11 android:background="#FF0000"

12 />

13

15 android:layout_width="80px"

16 android:layout_height="80px"

17 android:background="#00FF00"

18 android:layout_below="@+id/tvr1"

19 />

20

22 android:layout_width="60px"

23 android:layout_height="60px"

24 android:background="#0000FF"

25 android:layout_alignRight="@+id/tvr1"

26 />

27

代码示例

4.TableLayout(表格布局)

注意：表格布局的组件要放在TableRow中

1 <?xml version="1.0" encoding="utf-8"?>

2

3 android:orientation="vertical"

4 android:layout_width="fill_parent"

5 android:layout_height="fill_parent"

6 >

7

8

9

11 android:layout_height="100px"

12 android:background="#FF0000"

13 />

14

15

16

18 android:layout_height="80px"

19 android:background="#00FF00"

20 />

21

23 android:layout_height="60px"

24 android:background="#0000FF"

25 />

26

27

代码示例

5.AbsoluteLayout(绝对布局)

android:layout_x="80px"//x轴坐标值

android:layout_y="20px"//y轴坐标值

1 <?xml version="1.0" encoding="utf-8"?>

2

3 android:orientation="vertical"

4 android:layout_width="fill_parent"

5 android:layout_height="fill_parent"

6 >

7

9 android:layout_width="100px"

10 android:layout_height="100px"

11 android:background="#FF0000"

12 />

13

15 android:layout_y="10px"

16 android:id="@+id/tvr2"

17 android:layout_width="80px"

18 android:layout_height="80px"

19 android:background="#00FF00"

20 android:layout_below="@+id/tvr1"

21 />

22

24 android:layout_y="20px"

25 android:id="@+id/tvr3"

26 android:layout_width="60px"

27 android:layout_height="60px"

28 android:background="#0000FF"

29 android:layout_alignRight="@+id/tvr1"

30 />

31

代码示例