灯火互联
管理员
管理员
  • 注册日期2011-07-27
  • 发帖数41778
  • QQ
  • 火币41290枚
  • 粉丝1086
  • 关注100
  • 终身成就奖
  • 最爱沙发
  • 忠实会员
  • 灌水天才奖
  • 贴图大师奖
  • 原创先锋奖
  • 特殊贡献奖
  • 宣传大使奖
  • 优秀斑竹奖
  • 社区明星
阅读:2422回复:0

Android 程式开发:(六)适应方向 —— 6.2 锚定视图

楼主#
更多 发布于:2012-09-06 14:04


使用RelativeLayout,可以很容易地实现锚定视图。观察以下的main.xml文件,它包含了5个被内嵌在<RelativeLayout>中的Button:



<RelativeLayout  
    Android:layout_width="fill_parent"  
    Android:layout_height="fill_parent"  
    xmlns:Android="http://schemas.Android.com/apk/res/Android">  
    <Button  
        Android:id="@+id/button1"  
        Android:layout_width="wrap_content"  
        Android:layout_height="wrap_content"  
        Android:text="Top Left"  
        Android:layout_alignParentLeft="true"  
        Android:layout_alignParentTop="true" />  
    <Button  
        Android:id="@+id/button2"  
        Android:layout_width="wrap_content"  
        Android:layout_height="wrap_content"  
        Android:text="Top Right"  
        Android:layout_alignParentTop="true"  
        Android:layout_alignParentRight="true" />  
    <Button  
        Android:id="@+id/button3"  
        Android:layout_width="wrap_content"  
        Android:layout_height="wrap_content"  
        Android:text="Bottom Left"  
        Android:layout_alignParentLeft="true"  
        Android:layout_alignParentBottom="true" />  
    <Button  
        Android:id="@+id/button4"  
        Android:layout_width="wrap_content"  
        Android:layout_height="wrap_content"  
        Android:text="Bottom Right"  
        Android:layout_alignParentRight="true"  
        Android:layout_alignParentBottom="true" />  
    <Button  
        Android:id="@+id/button5"  
        Android:layout_width="fill_parent"  
        Android:layout_height="wrap_content"  
        Android:text="Middle"  
        Android:layout_centerVertical="true"  
        Android:layout_centerHorizontal="true" />  
</RelativeLayout>  
注意以下的属性,这些属性被用在了不同的Button上面:
layout_alignParentLeft  —— 把子视图设置在父视图内部的左边
layout_alignParentRight  —— 把子视图设置在父视图内部的右边
layout_alignParentTop  —— 把子视图设置在父视图内部的顶部
layout_alignParentBottom —— 把子视图设置在父视图内部的底部
layout_centerVertical  —— 把子视图设置在父视图内部的垂直中心
layout_centerHorizontal  —— 把子视图设置在父视图内部的水平中心

下图展示了在竖屏portrait模式下,程序是如何显示的:
[附件]
当屏幕方向变成 横屏landscape模式,四个按钮被分配到了屏幕的四周,中间的按钮还是被分配到了屏幕的中间,同时它也被拉伸了。见下图:




摘自 manoel的专栏

喜欢0 评分0
游客

返回顶部