To be an Android Expert

앱창작터 To be an Android Expert • 안드로이드여대생 기초 과정 • Potpourri 문양세, 최미정 강원대학교 IT대학 컴퓨터학부

목차 컬러 변경 예제 시스템 리소스 사용하기 Tween Animation ScrollView추가 Color Name Color State List

컬러 변경 예제 (1/4) • 컬러 코드 • #RGB : 12비트 표현 • #ARGB : 16비트 표현 • #RRGGBB : 24비트 표현 • #AARRGGBB : 32비트 표현 (true color) • A: 알파 채널 (0: 투명, 디폴트 = 불투명) • 예제: 버튼을 누를 때마다 색깔이 변하도록 코딩

컬러 변경 예제 (2/4) main.xml

컬러 변경 예제 (3/4) MyUiPractice.java

컬러 변경 예제 (4/4)

시스템 리소스 사용하기 (1/2) 시스템에 포함된 리소스는 애플리케이션에서도 사용이 가능하다. 이들 리소스는 android.R클래스에 정의되어 있다.

시스템 리소스 사용하기 (2/2) 시스템에 정의된 스타일 사용 예제

TweenAnimation 개요(1/2) 주어진 그래픽에 대한 회전(rotating), 페이딩(fading), 움직임(moving), 확대(stretching) 등의 애니메이션을 수행한다. 애니메이션 내용은 XML 파일에 정의/저장된다.

Tween Animation 개요 (2/2) • 기능: 주어진 그래픽에 대한 회전, 페이딩, 움직임, 확대 등의 애니메이션 수행 • 파일 위치: res/anim/filename.xml • 파일 이름(filename)은 코드에서 리소스 ID로 사용됨 • 예제: 파일이 res/anim/moving.xml 라면 Java 코드에서는 “R.anim.moving” 으로 사용 • 컴파일된 리소스 데이터타입: Animation에 대한 포인터 • Animation myAnim= AnimationUtils.loadAnimation(this, R.anim.filename);

주요 엘리먼트(1/2) • <set>다른 애니메이션 엘리먼트를 포함하는 컨테이너 • 하나의 AnimationSet을 표현한다. • <alpha> 페이딩 수행 • 하나의 AlphaAnimation을 표현한다. • android:fromAlpha – 페이딩을 시작하는 투명도 (0: 투명, 1: 불투명) • android:toAlpha – 페이딩을 마치는 투명도 • <scale> 크기 변경을 수행 • 하나의 ScaleAnimation을 표현한다. • android:fromXScale, android:toXscale– 가로의 시작/끝 크기 • android:fromYScale, android:toYScale– 세로의 시작/끝 크기 • android:pivotX, android:pivotY: 핀이 꽂힌 중심 좌표

주요 엘리먼트(2/2) • <translate>수평/수직 움직임 제어 • 하나의 TranslateAnimation을 표현한다. • android:fromXDelta, android:fromYDelta – 시작하는 X/Y 위치 • android:toXDelta, android:toYDelta – 끝나는 X/Y 위치 • <rotate> 회전 수행 • 하나의 RorateAnimation을 표현한다. • android:fromDegree, android:toDegree – 회전의 시작/끝 각도 • android:pivotX, android:pivotY – 회전 중심에 대한 X/Y 좌표 • <Interpolator> 애니메이션 (가)속도, 반복 등 제어 • 주요 속성: duration, startOffset, fillBefore, repeatCount등

Tween Animation 예제 (1/5) 애니메이션이 정의되는 XML 파일을 작성한다. (1/2)

Tween Animation 예제 (2/5) 애니메이션이 정의되는 XML 파일을 작성한다. (2/2)

Tween Animation 예제 (3/5) main.xml 애니메이션을 적용/시작할 버튼을 만든다.

Tween Animation 예제 (4/5) MyUiPractice.java Java 코드에서 해당 애니메이션을 적용한다.

Tween Animation 예제 (5/5) 수행 결과

버튼이 많아 졌네ㅠㅠㅠ ScrollView추가 (main.xml) (1/2)

버튼이 많아 졌네ㅠㅠㅠ ScrollView추가 (main.xml) (2/2)

Color 이름 정의 • 컬러 값: #-AlphaRedGreenBlue • #RGB, #ARGB • #RRGGBB, #AARRGGBB • 파일 위치: res/values/colors.xml (파일 이름 무관) • Syntax: <color name=color_name>#color_value</color> • 정의된 컬러 이름 사용 • In Java: R.color.color_name • In XML: @color/color_name

Color 이름 사용 예제 (1/3) • opaque: 불투명한 • translucent: 투명한 main.xml

Color 이름 사용 예제 (2/3) MyUiPractice.java

Color 이름 사용 예제 (3/3)

ColorStateList • 오브젝트의 상태에 따라, 다른 컬러를 부여하고 싶을 때 사용 • 예를 들어, 버튼을 눌렀을 때, 놓았을 때, 터치했을 때 각기 다른 컬러를 부여함 • 파일 위치: res/color/filename.xml • 파일 이름(filename)은 코드에서 리소스 ID로 사용됨

ColorStateList예제 (1/2) resact.xml

ColorStateList예제 (2/2) default clicked touched

To be an Android Expert