잘 정리해보자

Layout, view 설명 본문

Android

Layout, view 설명

토마토오이 2019. 9. 19. 18:20

Layout

: 뷰들을 담고 있는 그릇으로, 뷰들을 배치하는 역할

 

LinearLayout : 뷰가 가로 또는 세로로 순차적으로 나열되는 레이아웃

RelativeLayout : 따로 위치를 지정하지 않으면 뷰가 0,0 위치에 계속 쌓이는 레이아웃   (상대적으로 배치)

FrameLayout : 같은 자리의 자식 뷰들을 겹치도록 놓고, VISIBLE, INVISIBLE, GONE 등의 옵션으로 교차하면서 보여줄 수 있음

tablelayout : 테이블 형태로 배치

gridlayout : 바둑판 모양으로 배치

tablayout : 탭으로 된 레이아웃

absolutelayout : 절대 위치로 배치

 

 

 

<FrameLayout> : 보려는 항목이 하나만 있을 경우 ( ex : ListView 하나만 넣는 경우)

 

------

| ㅇ |

------

 

<LinearLayout> :  수직, 수평으로 차례로 view 출력할 경우 / view를 나열 할 때 (가로, 세로)

------

| ㅇ |

| ㅎ |

| ㅇ |

------

 

옵션 :

 

   1. LayoutWeight : 비율로 길이 조정

          ex) android:layout_weight="5"    /   android:layout_weight="10"    / android:layout_weight="5" 

               ->    1 : 2 : 1 의 비율로 길이가 주어짐

 

   2. android:orientation="vertical" / "horizontal" 

          -> vertical  시, = 형태  /  horizontal 시, || 형태

 

 

 

<RelativeLayout> : 다른 view에 비한 상대적 위치를 표현하는 반응형 ui에 적합 / 자식 view들이 상대적으로 위치를 자리잡음.

 

  ------

|ㅅ ㅇ |

|    ㅎ |

  ------

 

옵션 : 

 

   1. 부모view로부터 옵션위치

          android:layout_center옵션="true" : 옵션-> InParent ,Horizontal,Vertical

          android:layout_alignParent옵션 : 옵션-> Top,Bottom,Left,Right

 

   2. 특정view로부터 상대적 위치

          android:layout_옵션="@id/특정view아이디" : 옵션 -> above,below,toLeftOf,toRightOf

          android:layout_align옵션="@id/특정view아이디 " : 옵션 -> Top,Bottom,Left,Right

 

 

<TableLayout> : table형식으로 위치함.

옵션 : 

  1. android:stretchColumns="*" : 열 객체들 자동정렬

  2. <TableRow> 로 행 생성됨

 

 

View

: 버튼, 그림, 텍스트 등의 유저 인터페이스 컴포넌트를 통들어 부름.

 


 

* layout xml basic 속성

 

android:id = "@+id/아이디이름 "    -> 뷰의 id를 지정

(@ 기호는 id를 리소스, R.java에 정의하거나 참조한다는 뜻)

(+ 기호는 id를 새로 정의할 때 쓴다.)

 

android:gravit="center_vertical|right"   

->  뷰의 정렬 방향을 설정, 2가지 이상일 떄는 | 으로 여러개 적용 가능

 

android:padding=" "

android:paddingLeft=" "  

android:margin=" "                 ->  뷰의 여유 공간을 설정

 

 

 

* layout xml TextView 속성 

 

android:singleLine= " "     ->   문자열이 한 줄로만 표시 되도록 설정

- true : 한 줄 넘어가면 ... 표시

- false :  여러줄로 표시, default 값

 

android:inputType = " "     -> 텍스트 입력 방식 결정

- number : 숫자 형식으로만 입력,

- textPassword : 비밀번호 형식으로 입력 등등``

 

android:autoText = " "      -> 철자 자동 고침

 

android:capltalize=" "      -> 가장 앞 글자를 대문자로 자동 변경

- characters : 글자 모두 대문자,

- words : 단어의 첫 글자만 대문자,

- sentences : 문장의 첫 글자만 대문자

 

 

android:maxLine= " "       -> edit text 에 나오는 라인 수로, 그 수 넘어가면 자동으로 스크롤 생성

 

android:scrollbars = " "    -> 스크롤 방향 설정 (vertical, horizontal)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

참고 : https://newgenerationkorea.wordpress.com/2015/07/18/layout-%EA%B5%AC%EC%84%B1%ED%95%98%EA%B8%B0-linearlayout%EA%B3%BC-relativelayout/

http://recipes4dev.tistory.com/66

http://azdesigntm.com/329

 

'Android' 카테고리의 다른 글

webView 사용  (0) 2019.09.20
activity 라이프 사이클  (0) 2019.09.19
context 개념  (0) 2019.09.19
Comments