登录 立即注册
安币:

安卓巴士 - 安卓开发 - Android开发 - 安卓 - 移动互联网门户

查看: 1956999|回复: 576

第六讲:用户界面 View(二)

  [复制链接]

2826

主题

7684

帖子

9531

安币

管理员

Rank: 9Rank: 9Rank: 9

QQ达人最佳新人活跃会员热心会员推广达人灌水之王突出贡献

QQ
发表于 2011-4-23 13:25:10 | 显示全部楼层 |阅读模式
本讲内容:常用Layout介绍: AbsoluteLayout和RelativeLayout
点此下载:[/url]

  1. <?xml version=”1.0″ encoding=”utf-8″?>
  2. <AbsoluteLayout android:id=”@+id/AbsoluteLayout01″
  3. android:layout_width=”fill_parent”
  4. android:layout_height=”fill_parent”
  5. xmlns:android=”http://schemas.android.com/apk/res/android”
  6. android:background=”#fff”><ImageView
  7. android:src=”@drawable/android”
  8. android:layout_y=”40dip”
  9. android:layout_width=”wrap_content”
  10. android:layout_x=”35dip”
  11. android:id=”@+id/ImageView01″
  12. android:layout_height=”wrap_content”>
  13. </ImageView>
  14. <TextView
  15. android:layout_height=”wrap_content”
  16. android:layout_width=”fill_parent”
  17. android:id=”@+id/TextView01″
  18. android:text=”Android2.2 学习指南”
  19. android:textColor=”#0f0″
  20. android:textSize=”28dip”
  21. android:layout_y=”330dip”
  22. android:layout_x=”35dip“>
  23. </TextView>
  24. <TextView
  25. android:layout_height=”wrap_content”
  26. android:layout_width=”fill_parent”
  27. android:id=”@+id/TextView02″
  28. android:text=”图文并茂,理论清晰,操作性强”
  29. android:textColor=”#333″
  30. android:textSize=”18dip”
  31. android:layout_y=”365dip”
  32. android:layout_x=”35dip“>
  33. </TextView>
  34. </AbsoluteLayout>
复制代码


让我们看一下在WQVGA的模拟器下的显示效果:
再在WVGA800的模拟器下看看显示效果:

  1. <?xml version=”1.0″ encoding=”utf-8″?><RelativeLayout android:id=”@+id/RelativeLayout01″
  2. android:layout_width=”fill_parent”
  3. android:layout_height=”fill_parent”
  4. android:background=”#fff”
  5. xmlns:android=”http://schemas.android.com/apk/res/android”><ImageView android:id=”@+id/ImageView01″
  6. android:src=”@drawable/android”
  7. android:layout_width=”fill_parent”
  8. android:layout_height=”wrap_content”
  9. android:layout_marginTop=”40dip”
  10. >
  11. </ImageView>
  12. <TextView
  13. android:layout_height=”wrap_content”
  14. android:layout_width=”wrap_content”
  15. android:id=”@+id/TextView01″
  16. android:text=”Android2.2 学习指南”
  17. android:textColor=”#0f0″
  18. android:textSize=”28dip”
  19. android:layout_below=”@id/ImageView01″
  20. android:layout_centerHorizontal=”true”
  21. android:layout_marginTop=”10dip”>
  22. </TextView>
  23. <TextView
  24. android:layout_height=”wrap_content”
  25. android:layout_width=”wrap_content”
  26. android:id=”@+id/TextView02″
  27. android:text=”图文并茂,理论清晰,操作性强”
  28. android:textColor=”#333″
  29. android:textSize=”18dip”
  30. android:layout_below=”@id/TextView01″
  31. android:layout_centerHorizontal=”true”
  32. android:layout_marginTop=”5dip“>
  33. </TextView>
  34. </RelativeLayout>
复制代码


让我们看一下在WQVGA的模拟器下的显示效果:
再看一下在更大屏幕(WVGA800)模拟器上的显示效果:
第一类:属性值为true或false
android:layout_centerHrizontal                                           水平居中
android:layout_centerVertical                                            垂直居中
android:layout_centerInparent                                           相对于父元素完全居中
android:layout_alignParentBottom                                     贴紧父元素的下边缘
android:layout_alignParentLeft                                          贴紧父元素的左边缘
android:layout_alignParentRight                                        贴紧父元素的右边缘
android:layout_alignParentTop                                          贴紧父元素的上边缘
android:layout_alignWithParentIfMissing                            如果对应的兄弟元素找不到的话就以父元素做参照物

  1. <?xml version=”1.0″ encoding=”utf-8″?><RelativeLayout android:id=”@+id/RelativeLayout01″
  2. android:layout_width=”fill_parent”
  3. android:layout_height=”fill_parent”
  4. android:background=”#cfff” 色彩的设置是argb,第一个c是透明度
  5. xmlns:android=”http://schemas.android.com/apk/res/android”><ImageView android:id=”@+id/ImageView01″
  6. android:src=”@drawable/android”
  7. android:layout_width=”wrap_content”
  8. android:layout_height=”wrap_content”
  9. android:layout_marginTop=”40dip”
  10. android:layout_centerHorizontal=”true”>
  11. </ImageView><TextView
  12. android:layout_height=”wrap_content”
  13. android:layout_width=”wrap_content”
  14. android:id=”@+id/TextView01″
  15. android:text=”Android2.2 学习指南”
  16. android:textColor=”#0f0″
  17. android:textSize=”28dip”
  18. android:layout_below=”@id/ImageView01″
  19. android:layout_centerHorizontal=”true”
  20. android:layout_marginTop=”10dip”>
  21. </TextView><TextView
  22. android:layout_height=”wrap_content”
  23. android:layout_width=”wrap_content”
  24. android:id=”@+id/TextView02″
  25. android:text=”图文并茂,理论清晰,操作性强”
  26. android:textColor=”#333″
  27. android:textSize=”18dip”
  28. android:layout_below=”@id/TextView01″
  29. android:layout_centerHorizontal=”true”
  30. android:layout_marginTop=”5dip”>
  31. </TextView><TextView
  32. android:layout_height=”wrap_content”
  33. android:layout_width=”wrap_content”
  34. android:id=”@+id/TextView03″
  35. android:text=”alignTop”
  36. android:textColor=”#333″
  37. android:textSize=”18dip”
  38. android:layout_alignTop=”@id/ImageView01″  和ImageView01上边缘对齐
  39. android:layout_centerHorizontal=”true”>
  40. </TextView><TextView
  41. android:layout_height=”wrap_content”
  42. android:layout_width=”wrap_content”
  43. android:id=”@+id/TextView04″
  44. android:text=”alignLeft”
  45. android:textColor=”#333″
  46. android:textSize=”18dip”
  47. android:layout_alignLeft=”@id/ImageView01″
  48. android:layout_centerHorizontal=”true”>
  49. </TextView><TextView
  50. android:layout_height=”wrap_content”
  51. android:layout_width=”wrap_content”
  52. android:id=”@+id/TextView05″
  53. android:text=”alignRight”
  54. android:textColor=”#333″
  55. android:textSize=”18dip”
  56. android:layout_alignRight=”@id/ImageView01″
  57. android:layout_centerHorizontal=”true”>
  58. </TextView><TextView
  59. android:layout_height=”wrap_content”
  60. android:layout_width=”wrap_content”
  61. android:id=”@+id/TextView06″
  62. android:text=”alignBottom”
  63. android:textColor=”#333″
  64. android:textSize=”18dip”
  65. android:layout_alignBottom=”@id/ImageView01″
  66. android:layout_centerHorizontal=”true”>
  67. </TextView>
  68. </RelativeLayout>
复制代码


好吧今天就讲到这里。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

点评

楼主辛苦了  发表于 2013-10-5 18:26
谢谢分享,很喜欢  发表于 2013-10-5 18:26
正在学习!借鉴一下!  发表于 2012-9-12 13:27
正在学习!借鉴一下!  发表于 2012-9-12 13:27

0

主题

29

帖子

17

安币

初级码农

Rank: 1

发表于 2011-5-17 15:00:08 | 显示全部楼层
:)very good

0

主题

29

帖子

17

安币

初级码农

Rank: 1

发表于 2011-5-17 15:00:50 | 显示全部楼层
是个不错的教程 学习中

0

主题

12

帖子

15

安币

初级码农

Rank: 1

发表于 2011-5-26 15:20:21 | 显示全部楼层
感谢楼主发帖,又学习了

2

主题

20

帖子

163

安币

程序猿

Rank: 2

发表于 2011-6-16 16:50:51 | 显示全部楼层
感谢楼主发帖,又学习了!:)
快走踏金秋!!!

0

主题

29

帖子

12

安币

初级码农

Rank: 1

发表于 2011-6-19 08:01:03 | 显示全部楼层
感谢分享

4

主题

211

帖子

316

安币

攻城狮

Rank: 3Rank: 3

发表于 2011-7-4 14:45:46 | 显示全部楼层
感谢分享

4

主题

211

帖子

316

安币

攻城狮

Rank: 3Rank: 3

发表于 2011-7-4 14:46:01 | 显示全部楼层
感谢分享
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站长推荐

通过邮件订阅最新安卓weekly信息
上一条 /4 下一条

下载安卓巴士客户端

全国最大的安卓开发者社区
联系我们
关闭
合作电话:
15618560077
Email:
805941275@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| 广东互联网违法和不良信息举报中心|中国互联网举报中心|下载客户端|申请友链|手机版|站点统计|安卓巴士 ( 粤ICP备15117877号 )

快速回复 返回顶部 返回列表