자식뷰의 배치를 조정하는 ViewComponent
자식뷰 컴포넌트위치를 상대적으로 정할수있다. 즉 기준을 정해서 배치를 관리할 수 있다.
1. Relativelayout 자체를 기준으로 이용해서 자식뷰를 배치하는 것이다.
-alignParent~ 속성을 이용한다.
-자식클래스에서 설정한다.
Botton을 이용하면 relativelayout의 아랫부분에 배치된다.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:gravity="start"
android:layout_height="match_parent">
<TextView
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_alignParentRight="true"
android:background="@color/colorPrimary"/>
<TextView
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_alignParentBottom="true"
android:background="@color/colorPrimary"/>
<TextView
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_alignParentTop="true"
android:background="@color/colorPrimary"/>
<TextView
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:background="@color/colorPrimary"/>
//오른쪽가고 밑으로 내려갔으므로 오른쪽 밑에있다.
<TextView
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_centerInParent="true"
android:background="@color/colorPrimary"/>
//화면의 정중앙에 오게 된다.
</RelativeLayout>
2. 기준을 지정하여 지정한 기준을 이용해서 자식뷰를 배치하는 것이다.
above | ||
left | 이곳이 기준 | right |
below |
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/gijun"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_centerInParent="true"
android:background="@color/colorPrimary"/>
<TextView
android:layout_toRightOf="@+id/gijun"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@color/colorAccent"/>
<TextView
android:layout_toLeftOf="@+id/gijun"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@color/colorPrimaryDark"/>
<TextView
android:layout_above="@+id/gijun"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@color/colorPrimaryDark"/>
<TextView
android:layout_below="@+id/gijun"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@color/colorPrimaryDark"/>
</RelativeLayout>
'자바 어플 개발 > 기초' 카테고리의 다른 글
ScrollView (0) | 2019.07.11 |
---|---|
FrameLayout (0) | 2019.07.11 |
View의 계층구조 (0) | 2019.07.11 |
LinearLayout (0) | 2019.07.11 |
View 설정법 (0) | 2019.07.11 |