Android অ্যাপে রিপল অ্যানিমেশন তৈরি করার পদ্ধতি

পরিচয়

কোডের আগে জানা দরকার Android-এ রিপল অ্যানিমেশন কী। রিপল অ্যানিমেশন তরঙ্গ গতির মতো। Android-এ এটি TextView, Button ইত্যাদি ভিউতে background attribute ব্যবহার করে দেখায়।

এই উদাহরণটি দেখাবে কীভাবে ভিউতে রিপল অ্যানিমেশন ইন্টিগ্রেট করা যায়।

ধাপ ১: নতুন প্রজেক্ট তৈরি করুন

Android Studio-তে যান: File → New Project এবং প্রয়োজনীয় বিবরণ পূরণ করে একটি নতুন প্রজেক্ট তৈরি করুন।

ধাপ ২: লেয়াউট XML কনফিগার করুন

res/layout/activity_main.xml ফাইলে নিচের কোডটি যোগ করুন:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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/result"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Result Data"
        android:background="@drawable/rippple"
        android:textSize="20sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

উপরের কোডে একটি বাটন যোগ করা হয়েছে যার ব্যাকগ্রাউন্ড রিপল।

ধাপ ৩: Drawable ফোল্ডারে ripple.xml ফাইল তৈরি করুন

drawable ফোল্ডারে ripple.xml নামে একটি ফাইল তৈরি করুন এবং নিচের কোডটি যোগ করুন:

<?xml version="1.0" encoding="utf-8"?>
<ripple
    xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:color="#f816a463"
    tools:targetApi="lollipop">

    <item android:id="@android:id/mask">
        <shape android:shape="rectangle">
            <solid android:color="#f816a463" />
        </shape>
    </item>

</ripple>

অ্যাপ্লিকেশন চালান

আপনার Android ডিভাইস কম্পিউটারের সাথে সংযুক্ত করুন। Android Studio-তে প্রজেক্টের একটি Activity ফাইল খুলুন এবং টুলবারের Run আইকনে ক্লিক করুন। আপনার মোবাইল ডিভাইস নির্বাচন করুন। ডিফল্ট স্ক্রিন প্রদর্শিত হবে:

এখন "Result Data" বাটনে ক্লিক করলে রিপল ইফেক্ট দেখাবে: