1 .在相对位置显示RelativeLayout类“相对布局”(RelativeLayout )子视图。 默认值显示在父视图的左上角。
layout_alignParentTop,父视图的上边layout_alignParentBottom,父视图的下边layout_alignParentLeft,父视图的左边layout _ alignparentout
relativelayoutxmlns 3360 Android=' http://schemas.Android.com/apk/RES/Android ' Android 3360 layout _ width=' match -显示在左上角--textview Android 3360 layout _ width=' 100 DP ' Android 3360 layout _ hh textview Android 3360 layout _ width=' 100 DP ' Android 3360 layout _ height=' 40dp ' Android 3360 layout _ align nout ht ' androut -显示在左下角--textview Android 3360 layout _ width=' 100 DP ' Android 3360 layout _ height=' 40dp ' Android 3360 layout _ align out -显示在右下角--textview Android 3360 layout _ width=' 100 DP ' Android 3360 layout _ height=' 40dp ' Android 3360 layout _ align out bottom ' Android 3360 gravity=' center ' Android 3360 background=' # #
2 .居中显示layout_centerXX可以在父视图中居中显示
layout_centerInParent相对于父视图将layout_centerHorizontal完全居中,相对于父视图水平居中的layout_centerVertical相对于父视图垂直
relativelayoutxmlns 3360 Android=' http://schemas.Android.com/apk/RES/安卓'安卓: layout _ width=' match _ parent '安卓: layout _ height=' match _ parent ' textview Android n droid : gravity=' center ' Android 3360 background=' # fa 6a 5aaa ' Android 3360 layout _ centerinparent=' true '/textview Android 3360 layout _ width=' 120 DP ' Android : layout _ height=' 40dp ' Android 3360 text=' center horizontal 60 bb
tView android:layout_width="120dp" android:layout_height="40dp" android:text="alignParentBottom" android:gravity="center" android:background="#ffa6a5aa" android:layout_centerHorizontal="true" android:layout_alignParentBottom="true"/> <TextView android:layout_width="120dp" android:layout_height="40dp" android:text="centerVertical" android:gravity="center" android:background="#ffa6a5aa" android:layout_centerVertical="true"/> <TextView android:layout_width="120dp" android:layout_height="40dp" android:text="alignParentRight" android:gravity="center" android:background="#ffa6a5aa" android:layout_centerVertical="true" android:layout_alignParentRight="true"/></RelativeLayout>效果如下
设置的子视图的相对位置,
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id="@+id/tv_center" android:layout_width="150dp" android:layout_height="60dp" android:layout_centerInParent="true" android:text="center" android:background="#ffffcc00" android:gravity="center" /> <TextView android:layout_width="100dp" android:layout_height="40dp" android:text="above" android:gravity="center" android:background="#ffa6a5aa" android:layout_above="@id/tv_center"/> <TextView android:layout_width="100dp" android:layout_height="40dp" android:text="below" android:gravity="center" android:background="#ffa6a5aa" android:layout_below="@id/tv_center"/> <TextView android:layout_width="100dp" android:layout_height="40dp" android:text="toRightOf" android:gravity="center" android:background="#ffa6a5aa" android:layout_toRightOf="@id/tv_center"/> <TextView android:layout_width="100dp" android:layout_height="40dp" android:text="toLeftOf" android:gravity="center" android:background="#ffa6a5aa" android:layout_toLeftOf="@id/tv_center"/></RelativeLayout>效果如下
设置的子视图某条边的对齐方式,
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id="@+id/tv_center" android:layout_width="150dp" android:layout_height="100dp" android:layout_centerInParent="true" android:text="center" android:textSize="32sp" android:background="#ffffcc00" android:gravity="center" /> <TextView android:layout_width="60dp" android:layout_height="20dp" android:text="alignTop" android:gravity="center" android:background="#ffa6a5aa" android:layout_alignTop="@id/tv_center"/> <TextView android:layout_width="60dp" android:layout_height="20dp" android:text="alignBottom" android:gravity="center" android:background="#ffa6a5aa" android:layout_alignBottom="@id/tv_center"/> <TextView android:layout_width="60dp" android:layout_height="20dp" android:text="alignLeft" android:gravity="center" android:background="#ffa6a5aa" android:layout_alignLeft="@id/tv_center"/> <TextView android:layout_width="60dp" android:layout_height="20dp" android:text="alignRight" android:gravity="center" android:background="#ffa6a5aa" android:layout_alignRight="@id/tv_center"/> <TextView android:layout_width="60dp" android:layout_height="20dp" android:text="alignBaseline" android:gravity="center" android:background="#ffa6a5aa" android:layout_alignBaseline="@id/tv_center"/></RelativeLayout>效果如下
源码下载: https://github.com/nai-chen/AndroidBlog
相关文章
Android LinearLayout布局
Android RelativeLayout布局
Android ConstraintLayout布局
Android 自定义布局