달력

12

« 2019/12 »

  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  
2014. 6. 19. 00:36

FrameLayout Development/Android

FrameLayout

 

FrameLayout

여러 자식 뷰들을 겹쳐서 그리고자 할 때 사용하는 레이아웃입니다.

이 레이아웃은 여러 이미지들을 같은 영역에 표시하고자 할 때 사용할 수 있습니다.

 

   

FrameLayout의 주요 레이아웃 특성들

특성이름

적용대상

설명

android:layout_gravity

부모 뷰

다음 상수들 중 하나 또는 여러 개를 '|' 결합한 것 : top, bottom, left, right, center_vertical, fill_vertical, center_horizontal, fill_horizontal, center, fill

부모 안에서 자식 뷰의 중력(정렬 방식)

 

Posted by codedragon codedragon

댓글을 달아 주세요

부모 뷰를 기준으로 해서 위치 지정 (Layout을 기준으로 배치)

   

   

강의 내용

14RelativeLayoutDemo (자식 뷰 기준 위치지정 연습)

하단 우측 매치 버튼을 추가 후 부모 뷰 기준으로 정렬

   

   

 

   

출력 결과

   

Posted by codedragon codedragon

댓글을 달아 주세요

상대적인 관계에 따라 위치 지정하기

   

   

강의 내용

<TextView 추가

Graphic Layout에서 Button 추가 > 직접 코딩 정렬

OK Button 추가 (미정령 상태로 layout확인) > 정렬 후 확인

   

   

 

   

   

출력 결과

   

   

   

v

Posted by codedragon codedragon

댓글을 달아 주세요

Layout_gravity로 버튼 위치 지정하기

   

   

강의 내용

activity_main.xml

LinearLayout 변경

-android:orientation="vertical"

Graphical Layout > Form Widgets-Button추가

-android:layout_width="match_parent"

-android:layout_height="match_parent"

Graphical Layout > Form Widgets-Button추가

-android:layout_width="wrap_content"

-android:layout_height="wrap_content"

-android:layout_gravity="center_horizontal"

확인

   

   

 

   

출력 결과

   

   

   

   

   

Posted by codedragon codedragon

댓글을 달아 주세요

android:gravity로 버튼의 위치 지정하기

   

android:gravity

  • 자신 내부의 구성요소의 위치 정의
  • 레이아웃에 명시해서 View의 위치 지정
    (일반적, 레이아웃에 명시해서 view(Button, TextView)를 제어)
  • 버튼에 명시해 버튼 내의 text의 위치 지정

 

android:layout_gravity

  • 부모를 기준으로 자신의 위치 지정
  • view(Button, TextView)에 명시해서 레이아웃 기준으로 View가 배치되는 위치 지정

 

중앙정렬 속성값:

center

정중앙

center_vertical

좌측 중앙

center_horizental

상단 중앙

   

   

강의 내용

activity_main.xml

LinearLayout 변경

Graphical Layout > Form Widgets-Button추가

  

   

 

   

출력 결과

<LinearLayout android:gravity="top"

   

<LinearLayout android:gravity="right"

   

<LinearLayout android:gravity="left|center_vertical"

   

<LinearLayout android:gravity="bottom"

   

<LinearLayout android:gravity="bottom|right"

   

<LinearLayout android:gravity="center"

   

   

Posted by codedragon codedragon

댓글을 달아 주세요

LinearLayout - 수직/수직 정렬(orientation)

   

강의 내용

LinearLayout으로 부모 컨테이너 변경 > orientation

버튼1, 버튼2 추가하여 수직 정렬 확인

LinearLayout추가

버튼3, 버튼4 추가하여 수평 정령 (하나만 match_parent)

버튼3, 버튼4 모두 같은 크기 비율로 맞춰보기(모두 wrap_content/layout_weight="1")

버튼1을 layout_height="wrap_content"

 

직접 xml 코딩하면서 테스트

activity_main.xml

LinearLayout변경

-android:orientation="vertical"

-Graphical Layout > Form Widgets-Button추가 1

-Graphical Layout > Form Widgets-Button추가 2

수직 정렬확인

Graphical Layout > Layouts-LinearLayout 추가

-Graphical Layout > Form Widgets-Button추가 3

-Graphical Layout > Form Widgets-Button추가 4

-3, 4수평 정렬 (하나만 match_parent)

-3, 4모두 같은 크기 비율로 맞춰보기(모두 wrap_content/layout_weight="1")

-1 layout_height="wrap_content"

   

   

xml의 위젯 ID생성

@+id/id명

   

   

 

   

출력 결과

수직정렬 확인

   

수평정렬 확인

   

버튼3, 버튼4 모두 같은 크기의 비율로 맞추기

   

버튼1만 layout_height="match_parent"

 

Posted by codedragon codedragon

댓글을 달아 주세요