如何制作自定义视图的隐藏和显示动画

Question

Task:

I wanna hide and show my view with animation.

---

Troubles:

First of all I tried to make it with changing view's visible (GONE, VISIBLE) (I use Transition API) but there were bugs with animation.

Then I tried to do it with scale animation but there was a bug with a hint in editText (child view).

---

My custom view which I wanna animate:

class SearchAdditionalView(context: Context, attrs: AttributeSet) : LinearLayout(context, attrs) {

    private val transitionSet: TransitionSet by lazy {
        val transitionSet = TransitionSet()

        with(transitionSet) {
            addTransition(ChangeBounds())
            interpolator = DecelerateInterpolator()
            duration = 200
        }

        transitionSet
    }

    init {
        inflate(context, R.layout.include_search_navbar_addition, this)

    }

    fun toggle() {
        visibility = View.VISIBLE
        TransitionManager.beginDelayedTransition(parent as ViewGroup, transitionSet)
    }
}

---

Question:

Are there good practices for this animation and how can I integrate it?

Answer 1

TransitionManager.beginDelayedTransition() should be called first before making any changes to the ViewGroup . Check out the training docs which should give you an idea.