how to make your users aware of something went wrong by vibration and shake effect

In this blog, I will show you how can we aware the users for the wrong input or something went wrong. There are simple two way to alert your users or customer for the wrong input.

1. Vibrate your Device
2. Shake the Views or text

Vibrate Your Device

Step 1: Create the object for the Vibrator class,

Java

private Vibrator vibrateObject;

1	private Vibrator vibrateObject;

Step 2: Below is the block of code for which vibrate the device for the 200 millisecond,

Java

vibrateObject = (Vibrator) getSystemService(Context.VIBRATOR_SERVICE); // Vibrate for 200 milliseconds vibrateObject.vibrate(200);

1 2 3

vibrateObject = (Vibrator) getSystemService(Context.VIBRATOR_SERVICE);         // Vibrate for 200 milliseconds         vibrateObject.vibrate(200);

Step 3: Add permission in Manifest.xml

XHTML

<uses-permission android:name="android.permission.VIBRATE" />

1	<uses-permission android:name="android.permission.VIBRATE" />

 

Shake the View or text

Step 1: Create your shake error file,

XHTML

<?xml version="1.0" encoding="utf-8"?> <translate xmlns:android="http://schemas.android.com/apk/res/android" android:duration="300" android:fromXDelta="0" android:interpolator="@anim/cycle_2" android:toXDelta="20" />

1 2 3 4 5 6

<?xml version="1.0" encoding="utf-8"?> <translate xmlns:android="http://schemas.android.com/apk/res/android"     android:duration="300"     android:fromXDelta="0"     android:interpolator="@anim/cycle_2"     android:toXDelta="20" />

Step 2: Create the Interpolator,

XHTML

<?xml version="1.0" encoding="utf-8"?> <cycleInterpolator xmlns:android="http://schemas.android.com/apk/res/android" android:cycles="2" />

1 2 3

<?xml version="1.0" encoding="utf-8"?>     <cycleInterpolator xmlns:android="http://schemas.android.com/apk/res/android"         android:cycles="2" />

Step 3: Apply on Views or text which you want to Shake or wobble,

Java

findViewById(R.id.textView).startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.shake_error)); findViewById(R.id.simpleView).startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.shake_error));

1 2	findViewById(R.id.textView).startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.shake_error)); findViewById(R.id.simpleView).startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.shake_error));

If you have any doubt on this blog, please ask in comments. And stay updated and stay super.