android 画面,Android研究院之应用程序界面五大布局(九)

C#

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical"

>

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="horizontal"

android:gravity="center_horizontal"

android:layout_weight="2"

>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/jay"

/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="雨松MOMO"

android:background="#FF0000"

android:textColor="#000000"

android:textSize="18dip"

/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="水平方向"

/>

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical"

android:layout_weight="1"

>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="雨松MOMO"

android:background="#FF0000"

android:textColor="#000000"

android:textSize="18dip"

/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="垂直方向"

/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="雨松MOMO"

/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/image"

/>

2.相对布局(RelativeLayout)

相对布局是android布局中最为强大的,首先它可以设置的属性是最多了,其次它可以做的事情也是最多的。android手机屏幕的分辨率五花八门所以为了考虑屏幕自适应的情况所以在开发中建议大家都去使用相对布局 它的坐标取值范围都是相对的所以使用它来做自适应屏幕是正确的。

c8.jpg

设置距父元素右对齐

android:layout_alignParentRight=”true”

设置该控件在id为re_edit_0控件的下方

android:layout_below=”@id/re_edit_0″

设置该控件在id为re_image_0控件的左边

android:layout_toLeftOf=”@id/re_iamge_0″

设置当前控件与id为name控件的上方对齐

android:layout_alignTop=”@id/name”

设置偏移的像素值

android:layout_marginRight=”30dip”

C#

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

android:id="@+id/re_edit_0"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="雨松MOMO"

android:layout_alignParentRight="true"

/>

android:id="@+id/re_iamge_0"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/jay"

android:layout_below="@id/re_edit_0"

android:layout_alignParentRight="true"

/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="#FF0000"

android:text="努力学习"

android:textColor="#000000"

android:textSize="18dip"

android:layout_toLeftOf="@id/re_iamge_0"

/>

android:id="@+id/re_edit_1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="雨松MOMO"

android:layout_alignParentBottom="true"

/>

android:id="@+id/re_iamge_1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/image"

android:layout_above="@id/re_edit_1"

/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="#FF0000"

android:text="努力工作"

android:textColor="#000000"

android:textSize="18dip"

android:layout_toRightOf="@id/re_iamge_1"

android:layout_above="@id/re_edit_1"

/>

3.帧布局(FrameLayout)

原理是在控件中绘制任何一个控件都可以被后绘制的控件覆盖,最后绘制的控件会盖住之前的控件。如图所示界面中先绘制的ImageView 然后在绘制的TextView和EditView 所以后者就覆盖在了前者上面。

d8.jpg

C#

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/g"

/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="雨松MOMO"

android:background="#FF0000"

android:textColor="#000000"

android:textSize="18dip"

/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/image"

android:layout_gravity="bottom"

/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="快乐生活每一天喔"

android:layout_gravity="bottom"

/>

4.绝对布局(AbsoluteLayout)

使用绝对布局可以设置任意控件的 在屏幕中 X Y 坐标点,和帧布局一样后绘制的控件会覆盖住之前绘制的控件,笔者不建议大家使用绝对布局还是那句话因为android的手机分辨率五花八门所以使用绝对布局的话在其它分辨率的手机上就无法正常的显示了。

e8.jpg

设置控件的坐标

C#

1

2

android:layout_x="50dip"

android:layout_y="30dip"

C#

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

android:layout_width="fill_parent"

android:layout_height="fill_parent">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/f"

android:layout_x="100dip"

android:layout_y="50dip"

/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="当前坐标点 x = 100dip y = 50 dip"

android:background="#FFFFFF"

android:textColor="#FF0000"

android:textSize="18dip"

android:layout_x="50dip"

android:layout_y="30dip"

/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/h"

android:layout_x="50dip"

android:layout_y="300dip"

/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="当前坐标点 x = 50dip y = 300 dip"

android:background="#FFFFFF"

android:textColor="#FF0000"

android:textSize="18dip"

android:layout_x="30dip"

android:layout_y="280dip"

/>

5.表格布局(TableLayout)

在表格布局中可以设置TableRow 可以设置 表格中每一行显示的内容 以及位置 ,可以设置显示的缩进,对齐的方式。

f7.jpg

C#

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/g"

android:layout_gravity="center"

/>

android:layout_width="wrap_content"

android:layout_height="fill_parent"

android:padding="10dip">

android:text="姓名"

android:gravity="left"

/>

android:text="电话"

android:gravity="right"/>

android:layout_height="2dip"

android:background="#FFFFFF"/>

android:layout_width="wrap_content"

android:layout_height="fill_parent"

android:padding="10dip">

android:text="雨松"

android:gravity="left"

/>

android:text="15810463139"

android:gravity="right"/>

android:layout_width="wrap_content"

android:layout_height="fill_parent"

android:padding="10dip">

android:text="小可爱"

android:gravity="left"

/>

android:text="15810463139"

android:gravity="right"/>

android:layout_width="wrap_content"

android:layout_height="fill_parent"

android:padding="10dip">

android:text="好伙伴"

android:gravity="left"

/>

android:text="15810463139"

android:gravity="right"/>

android:layout_width="wrap_content"

android:layout_height="fill_parent"

android:padding="10dip"

>

android:text="姓名"

android:gravity="left"

/>

android:text="性别"

android:gravity="right"/>

android:layout_height="2dip"

android:background="#FFFFFF"/>

android:layout_width="wrap_content"

android:layout_height="fill_parent"

android:padding="10dip"

>

android:text="雨松MOMO"

android:gravity="left"

/>

android:text="男"

android:gravity="right"/>

android:layout_width="wrap_content"

android:layout_height="fill_parent"

android:padding="10dip">

android:text="小可爱"

android:gravity="left"

/>

android:text="女"

android:gravity="right"/>

android:layout_width="wrap_content"

android:layout_height="fill_parent"

android:padding="10dip">

android:text="好伙伴"

android:gravity="left"

/>

android:text="男"

android:gravity="right"/>

Android五大布局的基本使用方法已经介绍完,最后笔者在这里强调一下在开发与学习中建议大家使用相对布局,首先它的方法属性是最强大的其次它基本可以实现其它4大布局的效果,当然这里说的不是全部 有时候还是须要使用其他布局, 所以笔者建议大家开发中以实际情况定夺,以上五种布局可以使用布局嵌套的方式可以做出更好看的更美观的布局。

最后如果你还是觉得我写的不够详细 看的不够爽 不要紧我把源代码的下载地址贴出来 欢迎大家一起讨论学习雨松MOMO希望可以和大家一起进步。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值