1. 개요

- 레이아웃은 레이아웃 자체를 보이기 보다는, 레이아웃 안에 존재하는 위젯을 배치하기 위한 용도가 주 목적이다.

- 레이아웃 중에서 가장 많이 사용되는 것은 LinearLayout(리니어 레이아웃)이다

-레이아웃 계층도

2. 레이아웃 기본 형태

-AbsoluteLayout :  절대 좌표값으로 지정하는 레이아웃

해상도가 다른 안드로이드폰에서는 문제가 발생되어 사용안함

3. Linear Layout

(1) orientation 

-  레이아웃 안에 배치될 위젯의 수직 또는 수평방향을 설정하는 속성(값: vertical / horizontal) 

- 예제  :  <LinearLayout                                                                                                                                                                        android:orientation="vertical">    (위젯을 수직으로 정렬)

(2) gravity 

- 레이아웃 안에 배치될 위젯을 좌측, 우측, 중앙 등 정렬 할 방향을 설정하는 속성                                                            (값: left,right, center, top, bottom)           

        -  예제 :  <LinearLayout                                                                                                                                                            android:gravity="right|bottom">    (위젯의 배치를 오른쪽 아래 기준으로 정렬)

- gravity는 레이아웃 속성 뿐만 아니라 위젯 속성에서도 사용가능하다.

-> 위젯 안의 글자의 위치를 설정한다

 <Button

android:gravity="center">  (위젯 중앙에 위치) 

- layout_gravity : 자신의 위치를 부모(주로 레이아웃)의 어디쯤 위치할 것인지를 결정하는 속성 

위젯의 속성값으로 사용된다.  (값 : left, right, center)

<Button

android:layout_gravity="center">  (자신의 줄 중앙에 위치)    

(3) padding 

- 레이아웃 안에 배치될 위젯의 여백을 설정 (포스팅 - 뷰 참조)

(4) layout_weight 

- 레이아웃이 전체 화면에서 차지하는 공간의 가중 값을 설정하는 속성                                                                         - 여러 개의 레이아웃이 중복될 때 주로 사용된다                                                                                                        - 보통 전체 화면의 몇 %로 지정하는 것이 일반적이다다                                                                                

(5) baselineAligned  

- 레이아웃 안에 배치할 위젯들을 보기 좋게 정렬하는 속성                                                                                         - 값 : true / false (default : true)                                                                                                                            

4. Relative Layout

1) 개념

- 상대 레이아웃이라고 부름

- 이름처럼 레이아웃에 포함된 위젯들을 상대적 위치로 배치

2) 상하좌우 배치

예제)

3)다른 위젯의 상대 위치에 배치

- 각 속성의 값은 다른 위젯의 id를 지정하면되는데 "@+id/기준위젯_id" 형식으로 사용

(그림을 간략하게 표현하기 위해 앞에 "layout_"을 생략)

예제)

1. 뷰(View)의 개요

- 안드로이드 화면에서 실제로 사용되는 것은 모두  View 클래스에서 상속을 받으며, 이러한 클래스를 모두 '위젯'(또는 뷰)라    고 부른다

- 위젯 중에서 다른 위젯을 담을 수 있는 것들은 주로 ViewGroup클래스의 하위에 존재한다.

- 다음과 같이 다른 위젯을 담을 수 있는 클래스를 레이아웃이라고 한다.

- 계층도

2. 뷰(View)의 속성

1) id

- id속성은 모든 위젯의 고유한 아이디를 부여하는 속성으로 주로 Java코드에서 위젯에 접근할 때 사용된다

- id부여 : android:"@+id/btn1" (해당 위젯에 btn1이라는 아이디를 부여한다)                                                                                                              (자동완성에 @id 형식도 존재하지만 이녀석을 쓰면 되지 않는다/원인은 추후 공부해                                                     야될듯..)

-Java코드 : 위젯 변수 = (위젯 형)findViewById(R.id.위젯id);                                                                                                       (ex> Button btn1 = (Button)findViewById(R.id.btn1);)

-id는 반드시 필요하지 않다! , TextView 같이 단순히 문구를 출력하기 위한 위젯 경우 Java코드에서 따로 사용을 요구     하지 않으므로 궂이 아이디를 부여할 필요가 없다

2) layout_width, layout_height

- 위젯을 크기를 설정하는 속성으로 다양한 속성값을 가진다.

- 속성값 : match_parent(fill_parent) => 이름 그대로 자신의 부모에 폭이나 높이를 맞춘다는 의미 즉, 레이아웃의                                                                 폭이나 높이에 맞게 설정한다는 의미이다

wrap_content => 자신의 폭이나 높이를 자신 안의 글자가 꼭 들어갈 정도로 맞춘다는 의미

px : pixel(픽셀)을 나타내는 단위, 하드웨어적 요소를 고려하지 않고 정해져 있는 단위

in : inch(인치)를 나타내는 단위

mm : mm(미리미터)를 나타내는 단위

pt : point(포인트) 나타는 단위 = 1/72 inch

dp : 장치에 독립적인 픽셀의 수를 나타는 단위 = 160dpi 일때 1dp = 1px , dp = dpi/px                                        픽셀과 달리 비율로 계산되는 값으로 하드웨어가 달라지더라도 비율은 바뀌지 않는다는 점으로 주로 사         용된다

sp : 글자 크기에 맞춰서 크기를 조정하는 값

- 예제 : android:layout_width = "match_parent"    /    android:layout_width="50dp"                                                           android:layout_height="wrap_content"    /    android:layout_height="10px"

=> 각 속성값을 직접 넣어서 테스트 해보기!

3) background

- 위젯의 색상을 변경하는 속성

- #RRGGBB 값으로 변경하며 각 색의 값은 16진수 값으로 표현한다

- 예제 : android:background="#ff0000"    /    android:background="#00f109"

- Java코드에서도 변경 가능 : 위젯변수.setBackgroundColor(색깔번호);                                                                                                                 btn1.setBackgroundColor(Color.RED);

4) orientation

- 안드로이드 화면 방향을 설정하는 속성

- 이 속성은 위젯에 부여하지 않고 레이아웃에 부여하는 속성

- 속성값으로는 vertical, horizontal 이 주로 사용된다.

-예제 : android:orientation="vertical"

5) padding

- 위젯의 경계선으로부터 위젯 안의 내용물이 떨어지는 정도를 설정하는 속성, 즉 내용물과 경계선과의 거리를 설정한다

- 예졔 : android:paddingTop="30dp"    /    android:paddingLeft="10dp"

6) layout_margin

- 위젯과 위젯 사이의 거리를 설정하는 속성

- 위젯의 배치를 설정할 때 사용한다

- 예제 : android:layout_marginTop="25dp"       / android:layout_marginBottom="50dp"

7) visibility

- 위젯을 보일 것인지 여부를 결정하는 속성

- visible은 보이는 상태, invisible/gone은 보이지 않은 상태

- 예제 : android:visibility="visible"

- Java 코드 사용 : 위젯변수.setVisibility(android.view.View.속성);                                                                                                       ( ex > btn1.setVisibility(android.view.View.VISIBLE);)

]8) enabled

- 위젯의 작동 여부를 설정하는 속성

- 디폴트 값은 true이다.

- 예제 : android:enabled="false"(해당위젯은 동작하지 않는다)

9) clickable

- 위젯의 클릭이나 터치가 가능여부를 설정 하는 속성

- 디폴트 값은 true이다

- 예제 : android:clicable="false"

10) textColor

- 글자의 색상을 지정하는 속성

- 예제 :  android:textColor="#00ff00"

11) textSize

- 글자의 크기를 지정하는 속성

- 단위 : dp, px, in, mm, sp 단위

- 예제 : android:textSize="10dp"

12) typeface

- 글자의 글꼴을 지정하는 속성

- 디폴트 값은 normal

- 예제 : android:typeface="serif" 

12) typeStyle

- 글자의 스타일을 지정하는 속성

- 디폴트 값은 normal

- 예제 : android:typeStyle="bold|italic"

13) singleLine

- 글이 길어 줄이 넘어갈 경우 강제로 한줄까지만 출력하고 문자열의 맨뒤에 "...." 를 표시

- 디폴트 값은 false

-예제 : android:singleLine="true"

*더 많은 속성들이 존재하지만 나머지는 이클립스의 자동완성으로 그때그떄 필요한 속성값을 사용한다.

*사용법은 위의 내용만으로도 충분히 활용가능할 것이다.

*댓글과 좋아요는 저에게 큰 힘이 됩니다

우리 탐사RC카 스트리밍을 위해 진전이 없는 안드로이드 팀을 돕기 위해 야매로 시작한 안드로이드 공부

이제는 이번학기 수강과목에도 들어있고 처음부터 차근차근 기초부터 탄탄히 공부를 시작하겠다!!

전문가는 아니더라고 기본은 할 수 있을 정도로 아자아자!!