How to "vibrate/shake" animation of the dialog box in Android?

Question

Is there a way to animate an existing open dialog/alert dialog ? I would like to mimic how Apple deals with their dialog such that when a user enters and invalid credentials, the dialog would vibrate without it having to be dismiss and show again.

The closest I got was animating the editText box with the shake animation found here: Link

 val dialog = Dialog(this)
        dialog.setContentView(R.layout.authentication_dialog)
        val authenticator = dialog.findViewById<Button>(R.id.submit_auth_phone)
        var phoneNumber = dialog.findViewById<EditText>(R.id.auth_phone)
        val alertText = dialog.findViewById<TextView>(R.id.alertText)

        dialog.setCancelable(false)
        dialog.setCanceledOnTouchOutside(false)
        dialog.show()


        authenticator.setOnClickListener {

            AuthAsyncTask(feTable).execute()
            if (phoneNumber.text.toString().length < 8){
                val shake = AnimationUtils.loadAnimation(this, R.anim.shake)

                phoneNumber.startAnimation(shake)
                alertText.visibility = TextView.VISIBLE


            }
}

video

As you can see from the video, the dialog will "shake" when I click a button whereas the tutorials from everywhere is animate upon opening or dismissing their dialog

can you link a video where I can see exactly what kind of animation are you talking about? — Bacho Kurtanidze, Mar 25 '20 at 08:04
What if you animate authentication_dialog's root layout? I think it should do the trick — Bacho Kurtanidze, Mar 25 '20 at 08:53
@ConfusedPup my dialog has a buton. To keep things simple and easy to explain lets just say that I would like to see m box "shake" when i click the button without dismissing or creating the dialog again — Shreamy, Mar 25 '20 at 08:57
did you try it animating window decorView? Im pretty invested in that now :D — Bacho Kurtanidze, Mar 25 '20 at 09:47

score 0 · Answer 1 · answered Mar 25 '20 at 09:11

0

Dialog(requireContext()).window.decorView try to animate this view. if even it doesnt work I would suggest to use DialogFragment as workaround

answered Mar 25 '20 at 09:11

Bacho Kurtanidze

605
5
8

score 0 · Answer 2 · answered Dec 16 '20 at 14:01

Here a solution in Kotlin creating an extension function for Window:

fun Window.shake() {
    val v1 = 1.dp
    val s2 = 3.dp
    val v3 = 8.dp
    val animator = ObjectAnimator
            .ofInt(attributes, object : Property<WindowManager.LayoutParams, Int>(Int::class.java, "x") {
                override fun get(o: WindowManager.LayoutParams): Int {
                    return o.x
                }

                override fun set(o: WindowManager.LayoutParams, value: Int) {
                    o.x = value
                }
            }, 0, v3, -v3, v3, -v3, s2, -s2, v1, -v1, 0)
            .setDuration(500)
    animator.addUpdateListener {
        attributes = attributes
    }
    animator.start()
}

You can then use it like this:

dialog.window?.shake()

How to "vibrate/shake" animation of the dialog box in Android?

2 Answers2