程序博客网 > 阿里云域名解析 速度

第六讲：用户界面 View（二）

来源：互联网 发布：阿里云域名解析 速度 编辑：程序博客网 时间：2024/05/21 00:48
3、绝对布局 AbsoluteLayout
绝对定位AbsoluteLayout，又可以叫做坐标布局，可以直接指定子元素的绝对位置，这种布局简单直接，直观性强，但是由于手机屏幕尺寸差别比较大，使用绝对定位的适应性会比较差。
下面我们举一个例子看看：例子里的机器人图片大小是250X250，可以看到我们使用android:layout_x和android:layout_y来指定子元素的纵横坐标。

  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的模拟器下看看显示效果：
Tip: 在绝对定位中，如果子元素不设置layout_x和layout_y，那么它们的默认值是0，也就是说它会像在FrameLayout一样这个元素会出现在左上角。
4、相对布局 RelativeLayout
相对布局 RelativeLayout 允许子元素指定它们相对于其父元素或兄弟元素的位置，这是实际布局中最常用的布局方式之一。它灵活性大很多，当然属性也多，操作难度也大，属性之间产生冲突的的可能性也大，使用相对布局时要多做些测试。
下面我们用相对布局再做一次上面的例子，首先放置一个图片，其它两个文本分别相对上一个元素定位：

  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）模拟器上的显示效果：
从上图可以看到界面效果基本保持了一致，而不是像绝对定位一样龟缩在左上角；同学们看到自动缩放的功能是采用了dip做单位带来的好处。关于dip，不懂的同学可以看我在开发小知识里写的专门的文章。
下面介绍一下RelativeLayout用到的一些重要的属性：
第一类:属性值为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                            如果对应的兄弟元素找不到的话就以父元素做参照物
第二类：属性值必须为id的引用名“@id/id-name”
android:layout_below                          在某元素的下方
android:layout_above                          在某元素的的上方
android:layout_toLeftOf                       在某元素的左边
android:layout_toRightOf                     在某元素的右边
android:layout_alignTop                      本元素的上边缘和某元素的的上边缘对齐
android:layout_alignLeft                      本元素的左边缘和某元素的的左边缘对齐
android:layout_alignBottom                 本元素的下边缘和某元素的的下边缘对齐
android:layout_alignRight                    本元素的右边缘和某元素的的右边缘对齐
第三类：属性值为具体的像素值，如30dip，40px
android:layout_marginBottom              离某元素底边缘的距离
android:layout_marginLeft                   离某元素左边缘的距离
android:layout_marginRight                 离某元素右边缘的距离
android:layout_marginTop                   离某元素上边缘的距离
我们再把上面的例子重新做一遍，这一次多放一些属性在里面，大家试验一下：

  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>
复制代码


0 0
阿里云域名解析 速度 阿里云域名解析 速度
原创粉丝点击
热门IT博客
php博客项目实战开发php博客项目实战开发
如果你爱我网络歌曲如果你爱我网络歌曲
网络搭建实验室建设
access数据库sql语句
分类信息采集软件
怎么删除mac上的文件
c语言的地位作用
loop细分算法
手机淘宝如何取消花呗
手机管理淘宝店铺用什么软件
mac os yosemite 多大
万国数据科技公司电话
哪个linux最适合嵌入式
php开发的大型网站
c语言夏一行老师百度云
seo寄生虫软件
linux vsftpd pid 太多
阿里云香港服务器 vpn
淘宝怎么拉黑买家
值得推荐的淘宝店铺
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 产后发汗有什么好处 满月发汗的好处和坏处 产后发汗发多长时间 月子发汗多少钱一次 满月发汗注意事项 发汗汤 孕妇发汗 满月发汗好不好 满月发汗价格 月子发汗多少钱 发汗时间 发发汗 发汗中药 满月发汗怎么发 发汗服 坐月子怎么发汗 中药发汗 坐月子发汗怎么发 发汗解表 满月发汗有用吗 月子里可以发汗吗 坐月子如何发汗 满月发汗需要多长时间 全身发汗是怎么回事 满月发汗汤的做法 月子如何发汗 满月发汗做几次 满月发汗要多长时间 月子发汗怎么做 月子发汗中药配方 出月子发汗有必要吗 感冒发汗有用吗 发汗解表什么意思 月子发汗有用吗 月子发汗需要准备什么 月子发汗喝什么 医生建议满月发汗吗 产后在家怎么发汗 发烧可以泡脚发汗吗 坐月子吃什么发汗 为什么要做满月发汗

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里