Downloaded 11 times
Java, android 스터티6
- 1.
- 2.
- 3.
- 4.
- 5. Palette로 추가 XML로추가 0. 지난주 복습 5
- 6. 버튼이 눌렸을 때의동작하는 메소드를 작성 0. 지난주 복습 6
- 7.
- 8. 0.5 뷰와 레이아웃 1.뷰(View) - 컨트롤이나 위젯으로 불리는 UI구성요소 - 여러 개의 뷰를 포함하고 있는 것은 뷰그룹 - 뷰가 뷰그룹을 상속가능 ->뷰안에 뷰그룹이 존재, UI의 자연스러움 2. 레이아웃(Layout) - 뷰 그룹에서 자주사용하는 뷰의 배치방식 - 채우기, 방향, 정렬방향등 다양한 속성 - 리니어, 상대, 프레임, 테이블 레이아웃 존재 - 훨씬 적은 XML 코드로 화면 구성 가능 참조 교재 : Do it! 안드로이드 프로그래밍 8
- 9. 1. 뷰의 속성과설정 참조 프로젝트 : SampleLayout 다운로드 : 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파일에서 작성 가능 9
- 10. 참조 프로젝트 :SampleLayout 다운로드 : easyspub.com linear_layout.xml 파일 버튼의 속성 설정 1. 뷰의 속성과 설정 10
- 11. 참조 프로젝트 :SampleLayout 다운로드 : easyspub.com 예제 실행 화면 1. 뷰의 속성과 설정 11
- 12. 참조 프로젝트 :SampleLayout 다운로드 : easyspub.com 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 " 1. 뷰의 속성과 설정 12
- 13. 참조 프로젝트 :SampleLayout 다운로드 : easyspub.com ㅇ 아이디로 뷰 찾기 findViewByID(r.id.(뷰이름)) 해당뷰를 찾아서 메소드에 추가 1. 뷰의 속성과 설정 토스트 메시지 출력 13
- 14. 참조 프로젝트 :SampleLayout 다운로드 : easyspub.com1. 뷰의 속성과 설정 14
- 15. 2. 레이아웃의 속성 1.채우기 : fill model - 뷰를 부모 뷰의 여유공간에 어떻게 채울지 설정 2. 방향 : orientation - 뷰를 추가하는 방향을 설정 3. 정렬 방향 : gravity - 뷰의 정렬 방향을 설정 4. 여유 공간 : padding - 뷰의 여유공간을 설정 5. 공간 가중치 : weight - 뷰가 차지하는 가중치 값을 설정 참조 교재 : Do it! 안드로이드 프로그래밍 15
- 16. 2. 레이아웃의 속성 1.채우기 : fill model - 뷰를 부모 뷰의 여유공간에 어떻게 채울지 설정 2. 방향 : orientation - 뷰를 추가하는 방향을 설정 3. 정렬 방향 : gravity - 뷰의 정렬 방향을 설정 4. 여유 공간 : padding - 뷰의 여유공간을 설정 5. 공간 가중치 : weight - 뷰가 차지하는 가중치 값을 설정 참조 교재 : Do it! 안드로이드 프로그래밍 16
- 17. 3. 리니어(Linear) 레이아웃 17 참조프로젝트 : SampleLinearLayout 다운로드 : easyspub.com ㅇ 방향 설정 Orientation으로 방향설정 vertical은 아래로
- 18. 3. 리니어(Linear) 레이아웃 18 Orientation으로방향설정 horizontal은 옆으로 ㅇ 방향 설정1 참조 프로젝트 : SampleLinearLayout 다운로드 : easyspub.com
- 19. 19 3. 리니어(Linear) 레이아웃 참조프로젝트 : SampleLinearLayout 다운로드 : easyspub.com ㅇ 방향 설정2
- 20. 20 3. 리니어(Linear) 레이아웃 ㅇ여유공간 설정 참조 프로젝트 : SampleLinearLayout 다운로드 : easyspub.com 24dp만큼의 간격 * dp란? - density independent pixel, 밀도 독립적 픽셀이라고 불리며 160dip 화면을 기준으로 한 픽셀 (1인치에 160개의 점이 있을시 1dp = 1px) 기기마다 화면의 크기가 다르므로 dp를 이용해 위치를 정하면 유연성이 생김
- 21. 21 3. 리니어(Linear) 레이아웃 ㅇ가중치 설정 참조 프로젝트 : SampleLinearLayout 다운로드 : easyspub.com 왼쪽 아래가 가중치 2인 뷰. * 가중치 : 레이아웃의 화면을 가로/세로 기준으로 가중치를 두며 뷰들의 크기와 위치는 (뷰의 가중치 / 가중치의 총합)과 설정된 방향으로 정해진다.
- 22. 22 4. 과제/다음시간 1. 뷰와레이아웃의 속성 리뷰 2. 샘플프로젝트 2개 Run/App실행 - SampleLayout - SampleLinearLayout 3. 상대/프레임/테이블 프리뷰(간략히) 1. 상대/프레임/테이블 레이아웃 2. 레이아웃에서의 화면전환 3. 스크롤뷰
- 23.
- 24.