RelativeLayout 相对布局
相对布局也是一种非常常用的布局，它可以通过相对定位的方式让控件出现在任何位置。
属性
- android:layout_alignParentLeft：同父容器左对齐。
- android:layout_alignParentRight：同父容器右对齐。
- android:layout_alignParentTop：同父容器顶对齐。
- android:layout_alignParentBottom：同父容器底对齐。
-
android:layout_centerInParent：在父容器中居中。
以上取值均为 true | false - android:layout_above：在某控件之上。
- android:layout_below：在某控件之下。
- android:layout_toLeftOf：在某控件左侧。
- android:layout_toRightOf：在某控件右侧。
- android:layout_alignLeft：同某控件左边缘对齐。
- android:layout_alignRight：同某控件右边缘对齐。
- android:layout_alignTop：同某控件顶边缘对齐。
-
android:layout_alignBottom：同某控件底边缘对齐。
以上取值均为 @id/xxx
代码示例
activity_relative_layout.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".chapter03.RelativeLayoutActivity"
android:orientation="vertical">
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scrollbars="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#eeeeee"
android:padding="3dp"
android:text="相对于父容器布局"/>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="200dp">
<Button
android:id="@+id/btn_rela_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 1"
android:textAllCaps="false"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"/>
<Button
android:id="@+id/btn_rela_2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 2"
android:textAllCaps="false"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"/>
<Button
android:id="@+id/btn_rela_3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 3"
android:textAllCaps="false"
android:layout_centerInParent="true"/>
<Button
android:id="@+id/btn_rela_4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 4"
android:textAllCaps="false"
android:layout_alignParentLeft="true"
android:layout_alignParentBottom="true"/>
<Button
android:id="@+id/btn_rela_5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 5"
android:textAllCaps="false"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"/>
</RelativeLayout>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#eeeeee"
android:padding="3dp"
android:text="相对于Button 8布局"/>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="200dp">
<Button
android:id="@+id/btn_rela_6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 6"
android:textAllCaps="false"
android:layout_above="@id/btn_rela_8"
android:layout_toLeftOf="@+id/btn_rela_8"/>
<Button
android:id="@+id/btn_rela_7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 7"
android:textAllCaps="false"
android:layout_above="@id/btn_rela_8"
android:layout_toRightOf="@id/btn_rela_8"/>
<Button
android:id="@+id/btn_rela_8"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 8"
android:textAllCaps="false"
android:layout_centerInParent="true"/>
<Button
android:id="@+id/btn_rela_9"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 9"
android:textAllCaps="false"
android:layout_below="@id/btn_rela_8"
android:layout_toLeftOf="@id/btn_rela_8"/>
<Button
android:id="@+id/btn_rela_10"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 10"
android:textAllCaps="false"
android:layout_below="@id/btn_rela_8"
android:layout_toRightOf="@id/btn_rela_8"/>
</RelativeLayout>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#eeeeee"
android:padding="3dp"
android:text="相对于Button15布局"/>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="200dp">
<Button
android:id="@+id/btn_rela_11"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 11"
android:textAllCaps="false"
android:layout_toLeftOf="@id/btn_rela_15"
android:layout_alignTop="@id/btn_rela_15"/>
<Button
android:id="@+id/btn_rela_12"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 12"
android:textAllCaps="false"
android:layout_above="@id/btn_rela_15"
android:layout_alignRight="@id/btn_rela_15"/>
<Button
android:id="@+id/btn_rela_13"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 13"
android:textAllCaps="false"
android:layout_toRightOf="@id/btn_rela_15"
android:layout_alignBottom="@id/btn_rela_15"/>
<Button
android:id="@+id/btn_rela_14"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 14"
android:textAllCaps="false"
android:layout_below="@id/btn_rela_15"
android:layout_alignLeft="@id/btn_rela_15"/>
<Button
android:id="@+id/btn_rela_15"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 15"
android:textAllCaps="false"
android:layout_centerInParent="true"/>
</RelativeLayout>
</LinearLayout>
</ScrollView>
</LinearLayout>
RelativeLayoutActivity.java
public class RelativeLayoutActivity extends MyBaseActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_relative_layout);
}
}
网友评论