java, android 스터티6

1

JAVA, Android 스터디

2015.06.02김희준

2

0. 지난주 복습

3

0. 지난주 복습

4

0. 지난주 복습

5

Palette 로 추가 XML 로 추가

0. 지난주 복습

6

버튼이 눌렸을 때의 동작하는 메소드를 작성

0. 지난주 복습

7

②

①

0. 지난주 복습

8

0.5 뷰와 레이아웃

1. 뷰 (View)

- 컨트롤이나 위젯으로 불리는 UI 구성요소 - 여러 개의 뷰를 포함하고 있는 것은 뷰그룹 - 뷰가 뷰그룹을 상속가능 -> 뷰안에 뷰그룹이 존재 , UI 의 자연스러움

2. 레이아웃 (Layout)

- 뷰 그룹에서 자주사용하는 뷰의 배치방식 - 채우기 , 방향 , 정렬방향등 다양한 속성 - 리니어 , 상대 , 프레임 , 테이블 레이아웃 존재 - 훨씬 적은 XML 코드로 화면 구성 가능

참조 교재 : Do it! 안드로이드 프로그래밍

9

1. 뷰의 속성과 설정 참조 프로젝트 : SampleLay-out다운로드 : easyspub.com

1. Match(fill)_parent

- 뷰의 높이 / 너비를 화면의 높이 / 너비에 맞춤 - android:layout_width="match_parent" - android:layout_height="match_parent "

2. wrap_content

- 뷰의 높이 / 너비를 텍스트 크기에 맞춤 - android:layout_width=“wrap_content" - android:layout_height=" wrap_content “

* 레이아웃 XML 파일에서 작성 가능

10

참조 프로젝트 : SampleLay-out다운로드 : easyspub.com

linear_layout.xml 파일

버튼의 속성 설정

1. 뷰의 속성과 설정

11


예제 실행 화면


12


android:layout_width=“wrap_contents"android:layout_height=" wrap_contents "

android:layout_width="match_parent"android:layout_height="match_parent "

android:layout_width="match_parent"android:layout_height="wrap_contents"

android:layout_width="wrap_contents"android:layout_height="match_parent "


13


ㅇ 아이디로 뷰 찾기

findViewByID(r.id.( 뷰이름 ))

해당뷰를 찾아서 메소드에 추가


토스트 메시지 출력

14



15

2. 레이아웃의 속성

1. 채우기 : fill model

- 뷰를 부모 뷰의 여유공간에 어떻게 채울지 설정

2. 방향 : orientation

- 뷰를 추가하는 방향을 설정

3. 정렬 방향 : gravity

- 뷰의 정렬 방향을 설정

4. 여유 공간 : padding

- 뷰의 여유공간을 설정

5. 공간 가중치 : weight - 뷰가 차지하는 가중치 값을 설정


16

2. 레이아웃의 속성

1. 채우기 : fill model

- 뷰를 부모 뷰의 여유공간에 어떻게 채울지 설정

2. 방향 : orientation

- 뷰를 추가하는 방향을 설정

3. 정렬 방향 : gravity

- 뷰의 정렬 방향을 설정

4. 여유 공간 : padding

- 뷰의 여유공간을 설정

5. 공간 가중치 : weight - 뷰가 차지하는 가중치 값을 설정


17

3. 리니어 (Linear) 레이아웃참조 프로젝트 : SampleLinearLayout다운로드 : easyspub.com

ㅇ 방향 설정

Orientation 으로 방향설정 vertical 은 아래로

18

3. 리니어 (Linear) 레이아웃

Orientation 으로 방향설정 horizontal 은 옆으로

ㅇ 방향 설정 1

참조 프로젝트 : SampleLinearLayout다운로드 : easyspub.com

19

3. 리니어 (Linear) 레이아웃참조 프로젝트 : SampleLinearLayout다운로드 : easyspub.com

ㅇ 방향 설정 2

20

3. 리니어 (Linear) 레이아웃ㅇ 여유공간 설정


24dp 만큼의 간격

* dp 란 ? - density independent pixel, 밀도 독립적 픽셀이라고 불리며 160dip 화면을 기준으로 한 픽셀 (1 인치에 160 개의 점이 있을시 1dp = 1px) 기기마다 화면의 크기가 다르므로 dp 를 이용해 위치를 정하면 유연성이 생김

21

3. 리니어 (Linear) 레이아웃ㅇ 가중치 설정


왼쪽 아래가 가중치 2 인 뷰 .

* 가중치 : 레이아웃의 화면을가로 / 세로 기준으로 가중치를 두며 뷰들의 크기와 위치는 ( 뷰의 가중치 / 가중치의 총합 ) 과설정된 방향으로 정해진다 .

22

4. 과제 / 다음시간

1. 뷰와 레이아웃의 속성 리뷰

2. 샘플프로젝트 2 개 Run/App 실행 - SampleLayout

- SampleLinearLayout

3. 상대 / 프레임 / 테이블 프리뷰 ( 간략히 )

1. 상대 / 프레임 / 테이블 레이아웃

2. 레이아웃에서의 화면전환

3. 스크롤뷰

23

Q & A

24

Thank you!!

java, android 스터티6

Education