안드로이드 코틀린 에니메이션 효과 넣기 Ch1-0

안드로이드 코틀린 에니메이션 효과

 

안드로이드 코틀린 에미메이션 효과 넣기 소스 입니다. 버튼에 따라 객체의 색상변환 또는 움직일수 있습니다. 

transition 폴더를 생성하고 에니메이션 객체 구현소스는 폴더 안에 놓고 만들었습니다. 

 

처음 안드로이드 설정하는 방법과 프로젝트 만드는 건 생략하겠습니다. 

 

소스는 아래 깃허브에서 올려 놓았습니다. 

 

 

반응형

 

안드로이드 코틀린 종속성

buildFeatures {
    viewBinding true
}

 빌드기능은 반드시 viewBinding true 를 해주셔야 합니다. 

 

dependencies {

    implementation 'androidx.core:core-ktx:1.10.0'
    implementation "androidx.cardview:cardview:1.0.0"
    implementation 'androidx.appcompat:appcompat:1.6.1'

    implementation 'com.google.android.material:material:1.9.0'

    implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
    implementation "androidx.recyclerview:recyclerview:1.3.0"
    implementation "androidx.annotation:annotation:1.6.0"
    testImplementation 'junit:junit:4.13.2'
    androidTestImplementation 'androidx.test.ext:junit:1.1.5'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.5.1'
}

namespace 'kr.co.toplink.ch1_0'
compileSdk 33

defaultConfig {
    applicationId "kr.co.toplink.ch1_0"
    minSdk 21
    targetSdk 33
    versionCode 1
    versionName "1.0"

    testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
}

 

반응형

 

transition 폴더 에니메이션 설명

AlphaTransition

1. 객체 투명도 구현 소스 

 

BackgroundColorTransition

2. 색상변경 소스

RotationTransition

3. 회전 소스

ScaleTransition

4. 객체 크기조정 에니메이션

 

TextColorTransition

 

반응형

 

반응형

 

안드로이드 코틀린 에니메이션 사용법

import androidx.transition.Transition
import androidx.transition.TransitionManager
import androidx.transition.TransitionSet

라이브러리를 사용하여 안드로이드 코틀린 에니메애션을 쉽게 제작 가능합니다. 

 

/* 트랜지션셋 함수 설정 */
val transitions = TransitionSet()


/* 실수로 크기를 시작될크기 XY, 최종 크기 XY 축 크기 설정
val transition = ScaleTransition(
    0f,
    0f,
    1f,
    1f,
    forceValues = true
).apply {

    duration = 3000
    
    /* 객체설정 */
    addTarget(binding.view1)
}

 

 

안드로이드 스튜디오 버전

 

안드로이드버전

Android Studio Dolphin | 2021.3.1 Patch 1

Build #AI-213.7172.25.2113.9123335, built on September 30, 2022

 

GitHub - makiball/ch1-0