It turns out you can write Android animations like this

This is a quick and elegant tool for writing Android animations using DSL in Kotlin. The project is a DSL tool wrapped in Kotlin’s lambda expressions and extension functions. If you have some Kotlin background and like the elegance of DSLS, this project is a good learning experience.

What can it do?

When we write projects, it is essential that we often animate the components with transition animations so that they can interact with the user more vividly without being boring and disjointed. So what DSLAnimator can do is make it easier and clearer for you to write animations without having a lot of animation code confusing the rest of your business reading experience. Basically, we moved the XML configuration animation into the Kotlin code and made the process much more integrated. The only feature of DSLAnimator is that it makes Android animation development easier and clearer.

Use the compare

The traditional writing

The animation above increases the width and height of a button and has a gradient animation of color.

val width = ValueAnimator.ofInt(mButton.width, 500)
val widthParams = mButton.layoutParams
width.addUpdateListener {
      widthParams.width = it.animatedValue as Int
      mButton.layoutParams = widthParams
}

val height = ValueAnimator.ofInt(mButton.height, 500)
val heightParams = mButton.layoutParams
      height.addUpdateListener {
      heightParams.height = it.animatedValue as Int
      mButton.layoutParams = heightParams
}

val color = ValueAnimator.ofFloat(0f, 1f)
color.addUpdateListener {
      val value = it.animatedValue as Float
      val color = ArgbEvaluator().evaluate(value,
                  Color.parseColor("#636978"),
                  Color.parseColor("#1AD372")) as Int
      mButton.setBackgroundColor(color)
}

val set = AnimatorSet()
set.playTogether(width, height, color)
set.duration = 500
set.interpolator = OvershootInterpolator()
set.start()Copy the code

Use the DSL

animSet {
   widthAnim {
        target = mButton
        values = intArrayOf(mButton.width, 500)
   }
   heightAnim {
        target = mButton
        values = intArrayOf(mButton.height, 500)
   }
   colorAnim {
        target = mButton
        startColor = "#636978"
        endColor = "#1AD372"
   }

   duration = 500
   interpolator = OvershootInterpolator()
}.start()Copy the code

Two, how to use?

Add dependencies to build. Gradle

The compile 'com. LZP. Dslanimator: dslanimator: 1.0.2'Copy the code

2. Easy to use

1) Single animation

{target = mButton values = floatArrayOf(0f, 100f) duration = 500 interpolator = OvershootInterpolator() }.start()Copy the code

2) Assemble animation

animSet { widthAnim { target = mButton values = intArrayOf(mButton.width, 500) } heightAnim { target = mButton values = intArrayOf(mButton.height, 500) } colorAnim { target = mButton startColor = "#636978" endColor = "#1AD372" } duration = 500 interpolator = OvershootInterpolator() onEnd {toast.maketext (this@MainActivity, "animation ends ", toast.length_long).show()}}.start()Copy the code

A single animation returns a Set object, similar to NormalAnimator.

3. Supported animation types

4. Supported configuration items

1) Single animation

2) Assemble animation

5. Contrast.

class MainActivity : AppCompatActivity() { private val anim by lazy { animSet { widthAnim { target = mButton values = intArrayOf(mButton.width, 500) } heightAnim { target = mButton values = intArrayOf(mButton.height, 500) } colorAnim { target = mButton startColor = "#636978" endColor = "#1AD372" } duration = 500 interpolator = OvershootInterpolator() } } override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) mButton.setOnClickListener { anim.start() } }}Copy the code

Email:[email protected]