UNIT 05 신문 만들기 로봇 SW 콘텐츠 연구원 조용수.

Slides:



Advertisements
Similar presentations
Android Application. 최신버전 안드로이드 SDK 설치 1. SDK 설치 접속.
Advertisements

Application Create Android Side. Application 설계 시 꼭 지켜야 할 5 가지 UI 쓰레드는 UI 만 처리하게 하자 사용자를 방해하지 말라. 다양한 화면 해상도를 지원하라 –Absolutelayout 을 사용하지 말아라 ( 고정값 )
개인의견 차가있을수있음 훈훈한남자 배우 TOP 5. 5 위는 박보검 웃을때보이는 치명적인 미소 꺄 ~~~ 5위5위.
제 2 강 프로젝트 구성과 View 안드로이드 앱 개발 강좌. 목 차목 차목 차목 차 목 차목 차목 차목 차 안드로이드 프로젝트 구성 2 에뮬레이터 사용법 3 버전과 screen size 4 5 Hello World 앱 작성하기 1 View 와 ViewGroup.
 Activity  View  View Group - Layout  어플리케이션 내의 하나 의 스크린  UI 컴포넌트를 화면에 표 시하고 시스템이나 사용 자의 반응을 처리  어플리케이션이 UI 를 가 진다면 하나 혹은 그 이 상의 Activity 를 가지며.
2014 년 3 학년 1 학기 월요일 분반 (001,005) 인공지능연구실.  Activity  View  View Group - Layout.
Android Android-UI (DMI) Kang GiHoon. DMI--Kang Gihoon Android UI.
Android Activity & View & Layout
(4) 우리 나라의 이상과 목표 2. 국가의 중요성과 국가 발전 중학교 2학년 도덕
기본위젯과 레이아웃 둘째 마당 - Chapter 01 Do It! 안드로이드 앱 프로그래밍 Jun. 2013
CHAP 8. 그래픽.
CHAP 18. 멀티미디어.
CHAP 10. 액티비티와 인텐트.
CHAP 10. 액티비티와 인텐트.
Android Programming 고급위젯
Android Application 애플리케이션 위젯.
○ 본 강의 자료는 이지스퍼블리싱(주)에서 제공하는 강의 교안입니다.
CHAP 7. 메뉴와 대화상자.
Contents 학습목표 Canvas와 Paint 객체를 통해 화면에 원하는 도형을 그리고 속성을 변경하는 기본적인 방법에 대해 소개한다. 토스트로 메시지를 출력하는 방법과 스피커를 통해 소리를 출력하는 방법에 대해서도 알아본다. 학습내용 캔버스 그리기 객체 쉐이더 그외.
Android Activity & Layout & View
안드로이드 앱 개발과정 Step1. 기초과정 강사 : 정 훈 희.
1. 근접경호의 개념 경호대상의 신변을 보호하기 위하여 지근거리에서 실시하는 호위활동을 말하며 경호행위의 마지막 보루이다.
04. 기본 위젯 익히기 제목.
Java Seminar 6.
CHAP 4. 이벤트 처리.
CHAP 6. 이벤트 처리.
○ 본 강의 자료는 이지스퍼블리싱(주)에서 제공하는 강의 교안입니다.
UNIT 07 그림책 만들기 1/2 로봇 SW 콘텐츠 연구원 조용수.
CHAP 11. 액티비티와 인텐트.
CHAP 7. 메뉴와 대화상자.
○ 본 강의 자료는 이지스퍼블리싱(주)에서 제공하는 강의 교안입니다.
○ 본 강의 자료는 이지스퍼블리싱(주)에서 제공하는 강의 교안입니다.
07. 메뉴와 대화상자 제목. 07. 메뉴와 대화상자 제목 메뉴를 작성하고 사용하는 방법을 배운다. 토스트의 다양한 출력 방법을 알아본다. 대화상자의 사용법을 익힌다.
CSS – 개요 Cascading Style Sheets의 약자 “계단형 스타일시트”라고 한다.
Android Activity & View & Layout
HTML5 웹 프로그래밍 입문 (개정판) 5장. 고급 표현을 위한 CSS3 활용.
05. 레이아웃 익히기 제목. 05. 레이아웃 익히기 제목 레이아웃의 개념을 익힌다. 화면을 다양한 레이아웃으로 구성한다. Java 코드만으로 화면을 작성해 본다.
CHAP 8. 그래픽.
CHAP 14. 데이터베이스와 환경 설정.
UNIT 02 JDK & Tools 설치 로봇 SW 컨텐츠 교육원 조용수.
CHAP 12. 리소스와 보안.
Cafe24 쇼핑몰 구축방법 전략연구소 교육팀 권계영 대리.
I F A A A B E A H A A A D C A G A A A B B B B A A A A B A B B B
게임웹사이트운영 [9] div & span.
교육과정과 주요업무.
CSS2(Cascading Style Sheets)
13장. 테두리, 폼 양식 관련 스타일과 레이어 테두리 관련 스타일 폼 양식 관련 스타일 레이어.
Chapter 08. 다양한 실무 함수 익히기.
Web & Internet [06] CSS3 응용과 레이아웃
CHAP 3. 첫번째 애플리케이션.
CHAP 5. 레이아웃.
RIA 기술적인 비교 User User 응용프로그램 응용프로그램 브라우저 운영체제 운영체제 하드웨어 하드웨어 기존 RIA.
Achro-5250, IMX6 안드로이드 어플리케이션.
컴퓨터 소프트웨어 설계 및 실험 년 1학기 실험계획 -.
PADS Logic 회로도.
3강_레이아웃-I 화면구성 요소 뷰에 대한 이해 LinearLayout Lecturer Kim Myoung-Ho
CHAP 5. 레이아웃.
05. 레이아웃 익히기 제목.
안드로이드 앱 개발과정 Step1. 기초과정 강사 : 정 훈 희.
안드로이드 앱 개발과정 Step1. 기초과정 강사 : 정 훈 희.
안드로이드 앱 개발과정 Step1. 기초과정 강사 : 정 훈 희.
위젯과 레이아웃.
웹과 모바일 홈페이지의 이해와 제작 폰트_레이아웃
CHAP 11. 리소스와 보안.
1학년 신입생 학부모교실 안내사항 2019년 3월 6일 1학년부장 김희선.
2장 선과 글자 모양에 따른 분류 제품 제작을 하기 위한 도면에는 제품의 정보인 형상, 치수,
안드로이드 앱 개발과정 Step1. 기초과정 강사 : 정 훈 희.
05. 레이아웃 익히기 제목. 05. 레이아웃 익히기 제목 레이아웃의 개념을 익힌다. 화면을 다양한 레이아웃으로 구성한다. Java 코드만으로 화면을 작성해본다.
CHAP 5. 메뉴와 대화상자.
3: Expression Blend로 UI 구성
Presentation transcript:

UNIT 05 신문 만들기 로봇 SW 콘텐츠 연구원 조용수

학습 목표 Linear Layout 활용 XML Widget 배치

Linear Layout 활용 Android 기본 Layout Orientation Padding Margin Gravity and Layout_gravity Visibility Invisibility gone

리니어 레이아웃 뷰 뷰 뷰 … Object 뷰 View 뷰 ViewGroup 뷰 LinearLayout …

배열하는 방향 orientation horizontal vertical <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" android:background="#ffff0000" /> android:background="#ff00ff00" /> </LinearLayout>

배열하는 방향 orientation horizontal vertical <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" android:background="#ffff0000" /> android:background="#ff00ff00" /> </LinearLayout>

내 몸에 빈 공간을 만든다 paddingLeft paddingRight paddingTop paddingBottom 자기자신 자식

내 몸 밖에 빈 공간을 만든다 layout_marginLeft layout_marginRight layout_marginTop layout_marginBottom layout_margin 부모 자기자신

내 몸 밖에 빈 공간을 만든다 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" android:background="#ffff0000" /> android:layout_marginLeft="30dp" android:background="#ff00ff00" /> </LinearLayout>

내 몸 밖에 빈 공간을 만든다 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" android:background="#ffff0000" /> android:layout_margin="30dp" android:background="#ff00ff00" /> </LinearLayout>

자식을 어디에 둘까? gravity left, right, top, bottom, center center_horizontal, center_vertical 자기자신 자식

나를 어디에 둘까? layout_gravity left, right, top, bottom, center center_horizontal, center_vertical 부모 자기자신

나를 어디에 둘까? layout_gravity left, right, top, bottom, center center_horizontal, center_vertical <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" android:background="#ffff0000" /> android:layout_gravity="right" android:background="#ff00ff00" /> </LinearLayout>

나를 어디에 둘까? layout_gravity left, right, top, bottom, center center_horizontal, center_vertical <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" android:background="#ffff0000" /> android:layout_gravity="bottom" android:background="#ff00ff00" /> </LinearLayout>

나를 어디에 둘까? layout_gravity left, right, top, bottom, center center_horizontal, center_vertical <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" android:background="#ffff0000" /> android:layout_gravity="bottom" android:background="#ff00ff00" /> </LinearLayout>

감추거나 사라지거나 visibility visible invisible gone <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" android:visibility="invisible" android:background="#ffff0000" /> android:layout_gravity="top" android:background="#ff00ff00" /> </LinearLayout>

감추거나 사라지거나 visibility visible invisible gone <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" android:visibility="gone" android:background="#ffff0000" /> android:layout_gravity="top" android:background="#ff00ff00" /> </LinearLayout>

도전

실습 1: Layout 생성

크기를 비율에 따라 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" android:background="#ffff0000" /> android:layout_weight="1" android:background="#ff00ff00" /> android:layout_weight="0" android:background="#ff0000ff" /> </LinearLayout>

크기를 비율에 따라 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" android:background="#ffff0000" /> android:layout_weight="1" android:background="#ff00ff00" /> android:layout_weight="2" android:background="#ff0000ff" /> </LinearLayout>

미션