RelativeLayout的理解

最新推荐文章于 2025-09-21 10:57:51 发布

最新推荐文章于 2025-09-21 10:57:51 发布 · 148 阅读

文章标签：

#Android #XML

Android 专栏收录该内容

18 篇文章

订阅专栏

本文详细介绍了RelativeLayout在Android开发中的应用，包括其基本属性、布局原理及实际案例。通过具体代码示例展示了如何利用RelativeLayout实现灵活的界面布局。

一、概述

在开发中推荐尽量使用RelativeLayout可以增强其适应不同屏幕的灵活性。该布局根据widgets之间关系和widget与父容器之间的关系来确定布局。例如可以设置A在父容器的底部对齐，B在A的上方。

设置RelativeLayout的两大类主要的属性,如下：

1.widget与所在容器(Container)的关系
android:layout_alignParentTop
android:layout_alignParentBottom
android:layout_alignParentLeft
android:layout_centerHorizontal
......

2.widgets之间关系
android:layout_above
android:layout_below
android:layout_toLeft
android:layout_toRight
android:layout_alignTop
......

注意:widgets的出现先后顺序值得注意。被参照的widget必须保证已经出现了的。
二、实例分析
【效果图】

【代码要点】

main.xml

view plaincopy to clipboardprint?

1. <?xml version="1.0" encoding="utf-8"?>
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:orientation="vertical"
4. android:layout_width="fill_parent"
5. android:layout_height="wrap_content"
6. android:padding="5px"
7. >
8. <TextView
9. android:id="@+id/label"
10. android:layout_width="wrap_content"
11. android:layout_height="wrap_content"
12. android:text="URL:"
13. android:paddingTop="10px"
14. />
15. <EditText
16. android:id="@+id/entry"
17. android:layout_width="fill_parent"
18. android:layout_height="wrap_content"
19. android:layout_toRightOf="@id/label"
20. />
21. <Button
22. android:id="@+id/button1"
23. android:layout_width="wrap_content"
24. android:layout_height="wrap_content"
25. android:text="OK"
26. android:layout_below="@id/entry"
27. android:layout_alignRight="@id/entry"
28. />
29. <Button
30. android:id="@+id/button2"
31. android:layout_width="wrap_content"
32. android:layout_height="wrap_content"
33. android:text="Cancel"
34. android:layout_toLeftOf="@+id/button1"
35. android:layout_alignBottom="@+id/button1"
36. />
37. </RelativeLayout>

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content" android:padding="5px" > <TextView android:id="@+id/label" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="URL:" android:paddingTop="10px" /> <EditText android:id="@+id/entry" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_toRightOf="@id/label" /> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="OK" android:layout_below="@id/entry" android:layout_alignRight="@id/entry" /> <Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Cancel" android:layout_toLeftOf="@+id/button1" android:layout_alignBottom="@+id/button1" /> </RelativeLayout>
三、margin和padding的区别