본문 바로가기
모바일/Android View & Layout

[Android] RelativeLayout 실습

by drCode 2021. 4. 18.
728x90
반응형

>>> 9개의 아이디 사용

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

    <TextView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#4CAF50"
        android:id="@+id/one"
        android:layout_toLeftOf="@id/two"
        android:layout_above="@id/five"
        />

    <TextView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#FFEB3B"
        android:id="@+id/two"
        android:layout_toLeftOf="@id/three"
        android:layout_above="@id/five"
        />

    <TextView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#FF9800"
        android:id="@+id/three"
        android:layout_above="@id/six"
        android:layout_toRightOf="@id/five"
        />
    <TextView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#673AB7"
        android:id="@+id/four"
        android:layout_toLeftOf="@id/five"
        android:layout_centerVertical="true"
        />

    <TextView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#E91E63"
        android:layout_centerInParent="true"
        android:id="@+id/five"
        />

    <TextView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#3F51B5"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@id/five"
        android:id="@+id/six"
        />

    <TextView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#00BCD4"
        android:id="@+id/seven"
        android:layout_below="@id/four"
        android:layout_toLeftOf="@id/eight"
        />

    <TextView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#CDDC39"
        android:id="@+id/eight"
        android:layout_below="@id/five"
        android:layout_toLeftOf="@id/nine"
        />
    <TextView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#2196F3"
        android:id="@+id/nine"
        android:layout_toRightOf="@id/five"
        android:layout_below="@id/six"
        />
</RelativeLayout>

 

 

 

>>> 1개의 아이디, 나머지는 다 상대위치

 

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

    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_toStartOf="@id/five"
        android:layout_above="@id/five"
        android:background="#FFEB3B" />

    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_centerInParent="true"
        android:layout_above="@id/five"

        android:background="#3F51B5" />


    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_above="@id/five"
        android:layout_toEndOf="@id/five"
        android:background="#2196F3" />

    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_toLeftOf="@+id/five"
        android:layout_centerInParent="true"
        android:background="#673AB7" />

    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:id="@+id/five"
        android:layout_centerInParent="true"
        android:background="#FF0000" />

    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_centerInParent="true"
        android:layout_toRightOf="@id/five"
        android:background="#009688" />

    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_below="@id/five"
        android:layout_toLeftOf="@id/five"
        android:background="#FFC107" />

    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_below="@id/five"
        android:layout_centerInParent="true"
        android:background="#8BC34A" />

    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_below="@id/five"
        android:layout_toRightOf="@id/five"
        android:background="#00BCD4" />

</RelativeLayout>
728x90
반응형

댓글