IDEA RelativeLayout

  • Post author:
  • Post category:其他


IDEA RelativeLayout

主要是组件与容器,组件和组件之间的位置关系

与容器关系(xml属性):

左对齐:android:layout_alighParentLeft

右对齐:android:layout_alighParentRight

顶端对齐:android:layout_alighParentTop

底部对齐:android:layout_alighParentBottom

水平居中:android:layout_centerHorizontal

垂直居中:android:layout_centerVertical

中央位置:android:layout_centerInParent

与组件关系(xml属性):

左边:android:layout_toLeftOf

右边:android:layout_toRightOf

上方:android:layout_above

下方:android:layout_below

对齐上边界:android:layout_alignTop

对齐下边界:android:layout_alignBottom

对齐左边界:android:layout_alignLeft

对齐右边界:android:layout_alignRight

详见:


https://blog.csdn.net/nocol123/article/details/53455544


简单代码块:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">

    <TextView
            android:id="@+id/t1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:background="@android:color/holo_green_light"
            android:textSize="36dp"
            android:text="center"/>

    <TextView
            android:id="@+id/t2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_red_light"
            android:layout_toRightOf="@+id/t1"
            android:layout_centerInParent="true"
            android:layout_margin="5dp"
            android:textSize="36dp"
            android:text="center of right"/>

    <TextView
            android:id="@+id/t3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_red_light"
            android:layout_toLeftOf="@+id/t1"
            android:layout_centerInParent="true"
            android:layout_margin="5dp"
            android:textSize="36dp"
            android:text="center of left"/>

    <TextView
            android:id="@+id/t4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_purple"
            android:layout_alignParentTop="true"
            android:layout_centerInParent="true"
            android:textSize="36dp"
            android:text="parent of top"/>

    <TextView
            android:id="@+id/t5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_purple"
            android:layout_alignParentBottom="true"
            android:layout_centerInParent="true"
            android:textSize="36dp"
            android:text="parent of bottom"/>

</RelativeLayout>

如下图:

这里写图片描述