【Android 开发教程】锚定视图
2012-05-18 18:26
204 查看
本章节翻译自《Beginning-Android-4-Application-Development》,如有翻译不当的地方,敬请指出。
原书购买地址http://www.amazon.com/Beginning-Android-4-Application-Development/dp/1118199545/
使用RelativeLayout,可以很容易地实现锚定视图。观察以下的main.xml文件,它包含了5个被内嵌在<RelativeLayout>中的Button:
[html] view plaincopy<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模式,四个按钮被分配到了屏幕的四周,中间的按钮还是被分配到了屏幕的中间,同时它也被拉伸了。见下图:
原书购买地址http://www.amazon.com/Beginning-Android-4-Application-Development/dp/1118199545/
使用RelativeLayout,可以很容易地实现锚定视图。观察以下的main.xml文件,它包含了5个被内嵌在<RelativeLayout>中的Button:
[html] view plaincopy<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模式,四个按钮被分配到了屏幕的四周,中间的按钮还是被分配到了屏幕的中间,同时它也被拉伸了。见下图:
相关文章推荐
- 【Android 开发教程】ScrollView滚动视图
- Android应用开发中自定义ViewGroup视图容器的教程
- android开发教程之使用线程实现视图平滑滚动示例 改
- 图片视图(ImageView)——Mars Android开发视频教程之第一季第十一集(重)
- android开发教程之使用线程实现视图平滑滚动示例
- Android开发教程24:UI之网格视图:GridView
- android开发教程之使用线程实现视图平滑滚动示例
- Android开发教程
- [置顶] Android中文开发教程()
- Android培训实战教程之 Studio下JNI开发
- Android 1.5 SDK与SDK开发教程
- Android开发中使用WebView视图显示网页的注意点
- Android开发中的单元测试-初级教程(02)
- 老罗Android开发视频教程 15集
- Android开发教程--第一个JNI程序
- 一步一步图示开发第一个Android项目并运行 看图学Android---Android 开发实例教程二
- Android 开发中eclipse 下 DDMS 视图中 sdcard 中文件导入的处理
- Android 日历开发教程[七] 修正后代码下载
- Android开发教程--自定义接听/挂断电话功能
- Android OpenGL ES 开发教程小结