Android ऐप में रिपल एनिमेशन कैसे बनाएं?

Android में Ripple Effect (रिपल इफेक्ट) लागू करना

Ripple Animation मटेरियल डिज़ाइन का टच फीडबैक है - टच पॉइंट से तरंग जैसा प्रभाव फैलता है। android:background में रिपल ड्रॉएबल सेट करके किसी भी व्यू (बटन, टेक्स्टव्यू, कार्ड) पर लागू करें।

चरण 1: प्रोजेक्ट बनाएं

Android Studio: File → New Project।

चरण 2: रिपल ड्रॉएबल बनाएं (res/drawable/ripple.xml)

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="https://schemas.android.com/apk/res/android"
    android:color="#80FF4081">
    <!-- मास्क: रिपल किस आकार में दिखे -->
    <item android:id="@android:id/mask">
        <shape android:shape="rectangle">
            <solid android:color="#FF4081" />
            <corners android:radius="4dp" />
        </shape>
    </item>
    
    <!-- डिफॉल्ट बैकग्राउंड (रिपल के पीछे) -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#6200EE" />
            <corners android:radius="4dp" />
        </shape>
    </item>
</ripple>

चरण 3: लेआउट में लागू करें (activity_main.xml)

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:app="https://schemas.android.com/apk/res-auto"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/btnRipple"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="रिपल बटन"
        android:textSize="20sp"
        android:padding="16dp 32dp"
        android:background="@drawable/ripple"
        android:textColor="#FFFFFF"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

चरण 4: MainActivity.java (कोई अतिरिक्त कोड नहीं चाहिए)

package com.example.myapplication;

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // रिपल XML से ऑटोमेटिक काम करता है
    }
}

रिपल XML के मुख्य भाग:

• <ripple> रूट एलिमेंट - android:color रिपल का रंग
• <item android:id="@android:id/mask"> रिपल का आकार/सीमा परिभाषित करता है
• <item> (बिना ID) डिफॉल्ट बैकग्राउंड - रिपल के पीछे दिखता है

वेरिएशन्स:

<!-- बाउंडेड रिपल (व्यू के अंदर रहता है) -->
<ripple android:color="?attr/colorControlHighlight">
    <item android:id="@android:id/mask">
        <shape android:shape="oval">
            <solid android:color="@android:color/white" />
        </shape>
    </item>
</ripple>

<!-- अनबाउंडेड रिपल (व्यू के बाहर तक फैलता है) -->
<ripple android:color="?attr/colorControlHighlight" />

थीम एट्रिब्यूट उपयोग करें (बेहतर):

android:color="?attr/colorControlHighlight"
android:background="?attr/selectableItemBackground"

आउटपुट

नतीजा: बटन दबाने पर गुलाबी रिपल तरंग फैलती है - मटेरियल डिज़ाइन टच फीडबैक।