Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

안드로이드 UI 개발 세미나 3차

No description
by

wonjai choi

on 26 August 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of 안드로이드 UI 개발 세미나 3차

순서
(0) UI 개발의 모듈화
(1) UI 리소스
(2) View 구성해보기
(3) Style 구성해보기
(4) 다음
(5) 참고
(1) UI 리소스
UI 리소스?

이미지나 문자열 등의 데이터를 코드에서 분리하기 위한 수단

리소스의 ID를 통해서 xml이나 Java 파일에서 접근 가능
(2) View 구성해보기
(3) Style 구성해보기
안드로이드 UI 개발 세미나 3차
컨버전스앱개발팀 최원재
(5) 참고
* 안드로이드 개발자 사이트
http://developer.android.com/guide/topics/ui/declaring-layout.html
http://developer.android.com/guide/topics/resources/available-resources.html

* Mastering Android Drawables
https://speakerdeck.com/cyrilmottier/mastering-android-drawables

* Android MasterClass
http://apcmag.com/working-with-layouts-and-orientation-changes.htm

* 웹 개발 소스
M countdown 소스 참고
(5) 실습
다음 주 수요일까지
그 동안 웹으로 작업 했던 것 중
'아주' 간단한 팝업창 하나를
View로 구성해봅시다.
(4) 다음
UI 구성요소의 이벤트 처리
(1) UI 리소스
타입
String
Bool
Color
Dimension
ID
Integer

Style
Layout

Animation
Color State List
Drawable
(1) UI 리소스
(1) UI 리소스
(1) UI 리소스
(0) UI 개발의 모듈화
(0) UI 개발의 모듈화
한 번 더 추상화!
Seperation of Concern
(0) UI 개발의 모듈화
몇 단계까지?
strings.xml
strings_mcountdown.xml
왜 같은게 2개?
디바이스에 따라 알아서 다른 xml 리소스를 선택!
styles_mcountdown.xml
styles.xml
(1) UI 리소스
(1) UI 리소스
프레임 애니메이션
프로퍼티 애니메이션
뷰 애니메이션
앱 화면으로 바꿔봅니다!
(2) View 구성해보기
(2) View 구성해보기
(2) View 구성해보기
마크업
스타일
???
레이아웃!
스타일!
Seperation of Concern!
구성 완료
(3) Style 구성해보기
레이아웃
스타일
날코딩
스타일로 정의
Full transcript