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
반응형
'모바일 > Android View & Layout' 카테고리의 다른 글
[Android] 컴포넌트를 겹쳐서 배치할 수 있는 FrameLayout, RelativeLayout (0) | 2021.04.19 |
---|---|
[Android] padding & margin (0) | 2021.04.19 |
[Android] RelativeLayout (Component 기준) (0) | 2021.04.18 |
[Android] RelativeLayout (부모 기준) (0) | 2021.04.18 |
[Android] LinearLayout 예제 (0) | 2021.04.16 |
댓글