I F A A A B E A H A A A D C A G A A A B B B B A A A A B A B B B

Presentation on theme: "I F A A A B E A H A A A D C A G A A A B B B B A A A A B A B B B"— Presentation transcript:

1 I F A A A B E A H A A A D C A G A A A B B B B A A A A B A B B B
android:layout_centerInParent android:layout_centerHorizontal android:layout_centerVertical A H A A A D C A G android:layout_alignParentLeft  android:layout_alignParentRight android:layout_alignParentTop  android:layout_alignParentBottom A A A B B B B A android:layout_toLeftOf  android:layout_toRightOf  android:layout_above android:layout_below A A A B A B B B android:layout_alignTop android:layout_alignBottom android:layout_alignLef android:layout_alignRight

2 w w w w W w w w Parent Widget android:layout_centerInParent
android:layout_centerHorizontal Parent w w android:layout_centerVertical android:layout_alignParentLeft W Widget w w w  android:layout_alignParentRight android:layout_alignParentTop  android:layout_alignParentBottom

3 A A A B B B A B A B B A B A A A B B Parent Base Widget Widget
android:layout_toLeftOf  android:layout_toRightOf  android:layout_above Parent A B A B B A B Base Widget android:layout_below android:layout_alignTop android:layout_alignBottom A Widget A A B B android:layout_alignLef android:layout_alignRight

4 A B <RelativeLayout> <B android:id=“@+id/b”/>
<A </ReleativeLayout> B

5 Layout - RelativeLayout
Java.lang.Object Android.view.View Android.view.ViewGroup Android.widget.RelativeLayout

6 XML Attributes android:layout_above ~의 위에 배치한다.
Attributes Name Description android:layout_above ~의 위에 배치한다. android:layout_alignBaseline ~와 베이스 라인을 맞춘다. android:layout_alignBottom ~와 아래쪽 변을 맞춘다. android:layout_alignLef ~와 왼쪽 변을 맞춘다. android:layout_alignParentBottom true이면 부모와 아래쪽 변을 맞춘다. android:layout_alignParentLeft  true이면 부모와 왼쪽 변을 맞춘다. android:layout_alignParentRight true이면 부모와 오른쪽 변을 맞춘다. android:layout_alignParentTop  true이면 부모와 위쪽 변을 맞춘다 android:layout_alignRight ~와 오른쪽 변을 맞춘다 android:layout_alignTop  ~와 위쪽 변을 맞춘다. android:layout_alignWithParentIfMissing layout_toLeftOf 등의 속성에 대해 앵커가 발견되지 않으면 부모를 앵커로 사용한다. android:layout_below ~의 아래에 배치한다. android:layout_centerHorizontal  true이면 부모와 수평 중앙에 배치한다. android:layout_centerInParent  true이면 부모의 수평, 수직 중앙에 배치한다. android:layout_centerVertical true이면 부모와 수직 중앙에 배치한다. android:layout_toLeftOf ~의 왼쪽에 배치한다. android:layout_toRightOf ~의 오른쪽에 배치한다.

7 XML Attributes RelativeLayout 안의 Content 배치 예 w w w w w w W w
Parent android:layout_centerInParent android:layout_centerHorizontal android:layout_centerVertical w w w W Widget w android:layout_alignParentLeft  android:layout_alignParentRight android:layout_alignParentTop  android:layout_alignParentBottom 위의 Attributes의 값은 true, false 둘 중 하나의 값을 사용해야 한다.

8 XML Attributes RelativeLayout 안의 Widget 간의 배치 예 A A A B B B B A A A B
Parent A android:layout_toLeftOf  android:layout_toRightOf  android:layout_above android:layout_below A A B Base Widget A B A B B B A Widget android:layout_alignTop android:layout_alignBottom android:layout_alignLef android:layout_alignRight 위의 Attributes 의 속성 값은 Resource ID의 값을 사용해야 한다.

9 XML Attributes RelativeLayout 기타 Attributes 예 B A B A A A B Parent
 android:layout_alignBaseline 은 글자의 밑줄에 맞춰 정렬한다. A Parent  android:layout_alignBaseline B Base Widget <RelativeLayout> <B <A layout_alignWidthParentIfMissing=“true”/> </ReleativeLayout> A Widget A A B android:layout_alignWithParentIfMissing

10 RelativeLayout A B A B A B
리소스 컴파일러는 빠른 배치를 위해 위젯 간의 관계를 한 번에 읽는다. 따라서 특정 뷰가 다른 뷰의 위치에 종속적일 때 기준이 되는 뷰를 먼저 정의 한다. <RelativeLayout> <B A <A </ReleativeLayout> B A RelativeLayout 을 사용하여 위젯을 정렬 할 경우 위젯의 기준은 항상 Parent 의 (0, 0) 부터 시작을 한다. B A B <A <A />

11 RelativeLayout 예제 I F B E A H D C G

12 <TextView android:layout_width="50px" android:layout_height="50px" android:text="E" android:background="#ffffff00" android:textColor="#ff000000” /> android:text="F" android:layout_alignParentRight="true" android:background="#ff00ff00" android:text="G" android:layout_alignParentBottom="true" android:text="H" android:layout_alignParentLeft="true" android:layout_centerVertical="true" android:text="I" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" </RelativeLayout> <?xml version="1.0" encoding="utf-8"?> <RelativeLayout mlns:android=" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent”> <TextView android:layout_width="100px" android:layout_height="100px" android:text="A" android:layout_centerInParent="true" android:background="#ff00ff00" android:textColor="#ff000000” /> android:layout_width="50px" android:layout_height="50px" android:text="B" android:background="#ffff0000" android:text="C" android:background="#ff0000ff" android:text="D" android:background="#ff00ffff" android:textColor="#ff000000”/>

13 Layout - TableLayout TableLayout 은 표 형식으로 차일드를 배치하는 레이아웃이다.
TableRow 객체로 구성되며 TableRow 객체 하나가 곧 행이다. TableRow안에는 임의 개수의 열이 배치되는데 행 안의 열 하나를 셀이라고 부르며 셀 당 차일드 뷰 하나씩 들어간다. TableRow 객체의 높이는 항상 wrap_content로 강제된다. 셀에 배치되는 자식 뷰의 layout_width 는 fill_parent로 가정된다. TableLayout 의 계층도