SlideShare a Scribd company logo
1 of 7
Choi SeonMun
뷰와 뷰의 크기 속성 이해하기
• View
• Control이나 Widget으로도 불리는 UI 구성요소
• 즉, 사용자의 눈에 보이는 화면의 구성 요소
• ViewGroup
• View를 여러 개 포함하고 있는 것.
• Widget
• View 중에서 일반적인 컨트롤의 역할을 하는 것
• Layout
• 뷰그룹 중에서 내부에 뷰 들을 포함하고 있으면서 그것들을 배치하는 역할
• 모든 뷰는 크기 속성을 필수 값으로 갖고 있어야 함
• wrap_content : 뷰에 들어 있는 내용물의 크기에 자동으로 맞춤
• match_parent(fill_parent) : 뷰를 담고 있는 뷰그룹의 여유 공간을 꽉 채움
• 숫자로 크기 지정
Choi SeonMun
제약 레이아웃 익히기
Constraint Layout
뷰의 크기와 위치를 결정할 때 Constraint를 사용하는 레이아웃
Constraint
• 뷰가 레이아웃 안의 다른 요소와 어떻게 연결되는지 알려주는 것
• Anchor Point와 Target을 연결
• Target
1. 같은 레이아웃 안에 들어 있는 다른 뷰의 연결점
2. 부모 레아아웃의 연결점
3. 가이드라인
• 연결점
1. Top, Bottom, Left, Right
2. CenterX, CenterY
3. Baseline : 텍스트를 보여주는 뷰인 경우에만 적용 됨
Choi SeonMun
제약 레이아웃 익히기
Constraint
• 제약 조건 표시 그림
• match_parent
• 사각형 안쪽의 선이 구불구불한 선으로 표시
• width와 height는 0dp
• wrap_content
• 사각형 안쪽의 선이 중앙을 향하는 화살표로 표시
• 고정 크기 : 사각형 안쪽의 선이 직선으로 표시 됨
Choi SeonMun
제약 레이아웃 익히기
• android : 안드로이드 기본 SDK에 포함되어 있는 속성 사용
• app : 프로젝트에서 사용하는 외부 라이브러리에 포함되어 있는 속성 사용
• tools : 안스 디자이너 도구 등에서 화면에 보여줄 때 사용. 앱이 실행될 때는 적용 X
Guideline
xmlns: Prefix
여러 개의 뷰를 일정한 기준 선에 정렬할 때 사용
Why to use id
1. XML 레이아웃 파일 안에서 뷰를 구분할 때
2. XML 레이아웃 파일에서 정의한 뷰를 자바 소스 파일에서 찾을 때
Choi SeonMun
제약 레이아웃 익히기
Unit
단위 단위 표현 설명
px 픽셀 화면 픽셀의 수
dp 또는 dip density independent pixel - 160dpi 화면을 기준으로 한
픽셀
- 주로 쓰임
sp 또는 sip scale independent pixel 텍스트 크기를 지정할 때 사용
하는 단위
in 인치 1인치
mm 밀리미터 1밀리미터
em 텍스트 크기 - 글꼴과 상관없이 동일한 텍
스트 크기 표시
- 텍스트 표현 시 권장
Android Study Summary 2-1

More Related Content

Similar to Android Study Summary 2-1 (7)

Jurano강의 lec7 android_annotations_resource_injection_and_rest_api
Jurano강의 lec7 android_annotations_resource_injection_and_rest_apiJurano강의 lec7 android_annotations_resource_injection_and_rest_api
Jurano강의 lec7 android_annotations_resource_injection_and_rest_api
 
Java, android 스터티6
Java, android 스터티6Java, android 스터티6
Java, android 스터티6
 
200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수
200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수
200819 NAVER TECH CONCERT 01_100만 달러짜리 빠른 앱을 만드는 비법 전수
 
100만 달러짜리 빠른앱 만드는 비법
100만 달러짜리 빠른앱 만드는 비법100만 달러짜리 빠른앱 만드는 비법
100만 달러짜리 빠른앱 만드는 비법
 
Android ConstraintLayout
Android ConstraintLayoutAndroid ConstraintLayout
Android ConstraintLayout
 
Android Developer JeongJaeyun
Android Developer JeongJaeyunAndroid Developer JeongJaeyun
Android Developer JeongJaeyun
 
Xamarin android
Xamarin androidXamarin android
Xamarin android
 

More from Seonmun Choi (6)

Item1 c++을 언어들의 연합체로 바라보는 안목은 필수
Item1 c++을 언어들의 연합체로 바라보는 안목은 필수Item1 c++을 언어들의 연합체로 바라보는 안목은 필수
Item1 c++을 언어들의 연합체로 바라보는 안목은 필수
 
Initializer list
Initializer listInitializer list
Initializer list
 
핵심 API로 배우는 윈도우 프로그래밍 Chapter01 요약
핵심 API로 배우는 윈도우 프로그래밍 Chapter01 요약핵심 API로 배우는 윈도우 프로그래밍 Chapter01 요약
핵심 API로 배우는 윈도우 프로그래밍 Chapter01 요약
 
Basic study 4회차
Basic study 4회차Basic study 4회차
Basic study 4회차
 
Basic study 2회차
Basic study 2회차Basic study 2회차
Basic study 2회차
 
Basic study 1회차
Basic study 1회차Basic study 1회차
Basic study 1회차
 

Android Study Summary 2-1

  • 1.
  • 2. Choi SeonMun 뷰와 뷰의 크기 속성 이해하기 • View • Control이나 Widget으로도 불리는 UI 구성요소 • 즉, 사용자의 눈에 보이는 화면의 구성 요소 • ViewGroup • View를 여러 개 포함하고 있는 것. • Widget • View 중에서 일반적인 컨트롤의 역할을 하는 것 • Layout • 뷰그룹 중에서 내부에 뷰 들을 포함하고 있으면서 그것들을 배치하는 역할 • 모든 뷰는 크기 속성을 필수 값으로 갖고 있어야 함 • wrap_content : 뷰에 들어 있는 내용물의 크기에 자동으로 맞춤 • match_parent(fill_parent) : 뷰를 담고 있는 뷰그룹의 여유 공간을 꽉 채움 • 숫자로 크기 지정
  • 3. Choi SeonMun 제약 레이아웃 익히기 Constraint Layout 뷰의 크기와 위치를 결정할 때 Constraint를 사용하는 레이아웃 Constraint • 뷰가 레이아웃 안의 다른 요소와 어떻게 연결되는지 알려주는 것 • Anchor Point와 Target을 연결 • Target 1. 같은 레이아웃 안에 들어 있는 다른 뷰의 연결점 2. 부모 레아아웃의 연결점 3. 가이드라인 • 연결점 1. Top, Bottom, Left, Right 2. CenterX, CenterY 3. Baseline : 텍스트를 보여주는 뷰인 경우에만 적용 됨
  • 4. Choi SeonMun 제약 레이아웃 익히기 Constraint • 제약 조건 표시 그림 • match_parent • 사각형 안쪽의 선이 구불구불한 선으로 표시 • width와 height는 0dp • wrap_content • 사각형 안쪽의 선이 중앙을 향하는 화살표로 표시 • 고정 크기 : 사각형 안쪽의 선이 직선으로 표시 됨
  • 5. Choi SeonMun 제약 레이아웃 익히기 • android : 안드로이드 기본 SDK에 포함되어 있는 속성 사용 • app : 프로젝트에서 사용하는 외부 라이브러리에 포함되어 있는 속성 사용 • tools : 안스 디자이너 도구 등에서 화면에 보여줄 때 사용. 앱이 실행될 때는 적용 X Guideline xmlns: Prefix 여러 개의 뷰를 일정한 기준 선에 정렬할 때 사용 Why to use id 1. XML 레이아웃 파일 안에서 뷰를 구분할 때 2. XML 레이아웃 파일에서 정의한 뷰를 자바 소스 파일에서 찾을 때
  • 6. Choi SeonMun 제약 레이아웃 익히기 Unit 단위 단위 표현 설명 px 픽셀 화면 픽셀의 수 dp 또는 dip density independent pixel - 160dpi 화면을 기준으로 한 픽셀 - 주로 쓰임 sp 또는 sip scale independent pixel 텍스트 크기를 지정할 때 사용 하는 단위 in 인치 1인치 mm 밀리미터 1밀리미터 em 텍스트 크기 - 글꼴과 상관없이 동일한 텍 스트 크기 표시 - 텍스트 표현 시 권장