ݺߣ

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

More Related Content

Similar to Java, android 스터티6 (20)

Spring Boot + React + Gradle in VSCode
Spring Boot + React + Gradle in VSCodeSpring Boot + React + Gradle in VSCode
Spring Boot + React + Gradle in VSCode
dpTablo
WordCamp 2012 Seoul - Plugin
WordCamp 2012 Seoul - PluginWordCamp 2012 Seoul - Plugin
WordCamp 2012 Seoul - Plugin
MinHyeong Lim
Android Study Summary 2-1
Android Study Summary 2-1Android Study Summary 2-1
Android Study Summary 2-1
Seonmun Choi
Hands-on Vue Springboot Simple Admin
Hands-on Vue Springboot Simple AdminHands-on Vue Springboot Simple Admin
Hands-on Vue Springboot Simple Admin
월간 IT 슬라이드
100만 달러짜리 빠른앱 만드는 비법
100만 달러짜리 빠른앱 만드는 비법100만 달러짜리 빠른앱 만드는 비법
100만 달러짜리 빠른앱 만드는 비법
SooHwan Ok
200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수
200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수
200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수
NAVER Engineering
[IoT] MAKE with Open H/W + Node.JS - 3rd
[IoT] MAKE with Open H/W + Node.JS - 3rd[IoT] MAKE with Open H/W + Node.JS - 3rd
[IoT] MAKE with Open H/W + Node.JS - 3rd
Park Jonggun
원모먼트 Vue js 적용기
원모먼트 Vue js 적용기원모먼트 Vue js 적용기
원모먼트 Vue js 적용기
우현 김
3.Spring IoC&DI(spring ioc실습, XML기반)
3.Spring IoC&DI(spring ioc실습, XML기반)3.Spring IoC&DI(spring ioc실습, XML기반)
3.Spring IoC&DI(spring ioc실습, XML기반)
탑크리에듀(구로디지털단지역3번출구 2분거리)
자마린 iOS 멀티화면 컨트롤러_네비게이션 컨트롤러, 루트 뷰 컨트롤러
자마린 iOS 멀티화면 컨트롤러_네비게이션 컨트롤러, 루트 뷰 컨트롤러자마린 iOS 멀티화면 컨트롤러_네비게이션 컨트롤러, 루트 뷰 컨트롤러
자마린 iOS 멀티화면 컨트롤러_네비게이션 컨트롤러, 루트 뷰 컨트롤러
탑크리에듀(구로디지털단지역3번출구 2분거리)
[FOSS4G] uDig Desktop GIS
[FOSS4G] uDig Desktop GIS[FOSS4G] uDig Desktop GIS
[FOSS4G] uDig Desktop GIS
MinPa Lee
[TECHCON 2019: MOBILE - Android]3.안드로이드 개발자 로드맵
[TECHCON 2019: MOBILE - Android]3.안드로이드 개발자 로드맵[TECHCON 2019: MOBILE - Android]3.안드로이드 개발자 로드맵
[TECHCON 2019: MOBILE - Android]3.안드로이드 개발자 로드맵
NAVER Engineering
Data-binding AngularJS
Data-binding AngularJSData-binding AngularJS
Data-binding AngularJS
EunYoung Kim
1.Create Project Sunshine - 시온고등학교 안드로이드 스터디
1.Create Project Sunshine - 시온고등학교 안드로이드 스터디1.Create Project Sunshine - 시온고등학교 안드로이드 스터디
1.Create Project Sunshine - 시온고등학교 안드로이드 스터디
Youngbin Han
파크히어 Realm 사용 사례
파크히어 Realm 사용 사례파크히어 Realm 사용 사례
파크히어 Realm 사용 사례
선협 이
캠프앱 개발 사례를 통해 본 하이브리드앱 어디까지 | Devon 2012
캠프앱 개발 사례를 통해 본 하이브리드앱 어디까지 | Devon 2012캠프앱 개발 사례를 통해 본 하이브리드앱 어디까지 | Devon 2012
캠프앱 개발 사례를 통해 본 하이브리드앱 어디까지 | Devon 2012
Daum DNA
스프링프레임워크 & 마이바티스 무.료 강의자료 제공 (Spring IoC & DI)_ 구로자바학원/구로오라클학원/구로IT학원
스프링프레임워크 & 마이바티스 무.료 강의자료 제공 (Spring IoC & DI)_ 구로자바학원/구로오라클학원/구로IT학원스프링프레임워크 & 마이바티스 무.료 강의자료 제공 (Spring IoC & DI)_ 구로자바학원/구로오라클학원/구로IT학원
스프링프레임워크 & 마이바티스 무.료 강의자료 제공 (Spring IoC & DI)_ 구로자바학원/구로오라클학원/구로IT학원
탑크리에듀(구로디지털단지역3번출구 2분거리)
Spring-Boot (springcamp2014)
Spring-Boot (springcamp2014)Spring-Boot (springcamp2014)
Spring-Boot (springcamp2014)
sung yong jung
վɱ貹ᅳᆯᄒƪᆯᅭᆼᄒơᆫᆫƳᆯƵ
վɱ貹ᅳᆯᄒƪᆯᅭᆼᄒơᆫᆫƳᆯƵվɱ貹ᅳᆯᄒƪᆯᅭᆼᄒơᆫᆫƳᆯƵ
վɱ貹ᅳᆯᄒƪᆯᅭᆼᄒơᆫᆫƳᆯƵ
DaeHee Jang
Spring Boot + React + Gradle in VSCode
Spring Boot + React + Gradle in VSCodeSpring Boot + React + Gradle in VSCode
Spring Boot + React + Gradle in VSCode
dpTablo
WordCamp 2012 Seoul - Plugin
WordCamp 2012 Seoul - PluginWordCamp 2012 Seoul - Plugin
WordCamp 2012 Seoul - Plugin
MinHyeong Lim
Android Study Summary 2-1
Android Study Summary 2-1Android Study Summary 2-1
Android Study Summary 2-1
Seonmun Choi
100만 달러짜리 빠른앱 만드는 비법
100만 달러짜리 빠른앱 만드는 비법100만 달러짜리 빠른앱 만드는 비법
100만 달러짜리 빠른앱 만드는 비법
SooHwan Ok
200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수
200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수
200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수
NAVER Engineering
[IoT] MAKE with Open H/W + Node.JS - 3rd
[IoT] MAKE with Open H/W + Node.JS - 3rd[IoT] MAKE with Open H/W + Node.JS - 3rd
[IoT] MAKE with Open H/W + Node.JS - 3rd
Park Jonggun
원모먼트 Vue js 적용기
원모먼트 Vue js 적용기원모먼트 Vue js 적용기
원모먼트 Vue js 적용기
우현 김
[FOSS4G] uDig Desktop GIS
[FOSS4G] uDig Desktop GIS[FOSS4G] uDig Desktop GIS
[FOSS4G] uDig Desktop GIS
MinPa Lee
[TECHCON 2019: MOBILE - Android]3.안드로이드 개발자 로드맵
[TECHCON 2019: MOBILE - Android]3.안드로이드 개발자 로드맵[TECHCON 2019: MOBILE - Android]3.안드로이드 개발자 로드맵
[TECHCON 2019: MOBILE - Android]3.안드로이드 개발자 로드맵
NAVER Engineering
1.Create Project Sunshine - 시온고등학교 안드로이드 스터디
1.Create Project Sunshine - 시온고등학교 안드로이드 스터디1.Create Project Sunshine - 시온고등학교 안드로이드 스터디
1.Create Project Sunshine - 시온고등학교 안드로이드 스터디
Youngbin Han
파크히어 Realm 사용 사례
파크히어 Realm 사용 사례파크히어 Realm 사용 사례
파크히어 Realm 사용 사례
선협 이
캠프앱 개발 사례를 통해 본 하이브리드앱 어디까지 | Devon 2012
캠프앱 개발 사례를 통해 본 하이브리드앱 어디까지 | Devon 2012캠프앱 개발 사례를 통해 본 하이브리드앱 어디까지 | Devon 2012
캠프앱 개발 사례를 통해 본 하이브리드앱 어디까지 | Devon 2012
Daum DNA
스프링프레임워크 & 마이바티스 무.료 강의자료 제공 (Spring IoC & DI)_ 구로자바학원/구로오라클학원/구로IT학원
스프링프레임워크 & 마이바티스 무.료 강의자료 제공 (Spring IoC & DI)_ 구로자바학원/구로오라클학원/구로IT학원스프링프레임워크 & 마이바티스 무.료 강의자료 제공 (Spring IoC & DI)_ 구로자바학원/구로오라클학원/구로IT학원
스프링프레임워크 & 마이바티스 무.료 강의자료 제공 (Spring IoC & DI)_ 구로자바학원/구로오라클학원/구로IT학원
탑크리에듀(구로디지털단지역3번출구 2분거리)
Spring-Boot (springcamp2014)
Spring-Boot (springcamp2014)Spring-Boot (springcamp2014)
Spring-Boot (springcamp2014)
sung yong jung
վɱ貹ᅳᆯᄒƪᆯᅭᆼᄒơᆫᆫƳᆯƵ
վɱ貹ᅳᆯᄒƪᆯᅭᆼᄒơᆫᆫƳᆯƵվɱ貹ᅳᆯᄒƪᆯᅭᆼᄒơᆫᆫƳᆯƵ
վɱ貹ᅳᆯᄒƪᆯᅭᆼᄒơᆫᆫƳᆯƵ
DaeHee Jang

More from Heejun Kim (9)

Java, android 스터티9
Java, android 스터티9Java, android 스터티9
Java, android 스터티9
Heejun Kim
Java, android 스터티8
Java, android 스터티8Java, android 스터티8
Java, android 스터티8
Heejun Kim
Java, android 스터티5
Java, android 스터티5Java, android 스터티5
Java, android 스터티5
Heejun Kim
SSM 참고자료
SSM 참고자료SSM 참고자료
SSM 참고자료
Heejun Kim
Java, android 스터티4
Java, android 스터티4Java, android 스터티4
Java, android 스터티4
Heejun Kim
Java, android 스터티4
Java, android 스터티4Java, android 스터티4
Java, android 스터티4
Heejun Kim
Java, android 스터티3
Java, android 스터티3Java, android 스터티3
Java, android 스터티3
Heejun Kim
Java, android 스터티2
Java, android 스터티2Java, android 스터티2
Java, android 스터티2
Heejun Kim
Java, android 스터티1
Java, android 스터티1Java, android 스터티1
Java, android 스터티1
Heejun Kim
Java, android 스터티9
Java, android 스터티9Java, android 스터티9
Java, android 스터티9
Heejun Kim
Java, android 스터티8
Java, android 스터티8Java, android 스터티8
Java, android 스터티8
Heejun Kim
Java, android 스터티5
Java, android 스터티5Java, android 스터티5
Java, android 스터티5
Heejun Kim
Java, android 스터티4
Java, android 스터티4Java, android 스터티4
Java, android 스터티4
Heejun Kim
Java, android 스터티4
Java, android 스터티4Java, android 스터티4
Java, android 스터티4
Heejun Kim
Java, android 스터티3
Java, android 스터티3Java, android 스터티3
Java, android 스터티3
Heejun Kim
Java, android 스터티2
Java, android 스터티2Java, android 스터티2
Java, android 스터티2
Heejun Kim
Java, android 스터티1
Java, android 스터티1Java, android 스터티1
Java, android 스터티1
Heejun Kim

Java, android 스터티6

  • 5. Palette로 추가 XML로 추가 0. 지난주 복습 5
  • 6. 버튼이 눌렸을 때의 동작하는 메소드를 작성 0. 지난주 복습 6
  • 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. 스크롤뷰