Shimmer Effect Android Studio (Java)

Author: Monir Hossain

নিজেকে এমন ভাবে বদলে নিতে শিখুন.!🥀 যাতে মানুষ আপনার পুরাতন রুপ দেখার জন্যে আফসোস করে.!🙂💔

Shimmer Effect ব্যাবহারে এপের Ui আরো সুন্দর হয়। Shimmer কিভাবে ব্যাবহার করতে হয় তার একটা ধারনা দিলাম এই ছোট একটি পোষ্ট এর মাধ্যমে।

[1] For Build.Gradle (Module)

 implementation 'com.facebook.shimmer:shimmer:0.5.0'

[2] Layout Item Code

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:paddingTop="10dp"
    android:paddingBottom="10dp"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    >

    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#dddddd"

        />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_weight="1"
        android:layout_gravity="center"
        >
        <TextView
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:background="#dddddd"
            android:layout_marginLeft="10dp"
            />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:background="#dddddd"
            android:layout_marginTop="10dp"
            android:layout_marginLeft="10dp"
            />

    </LinearLayout>

</LinearLayout>

[3] XML Code

   <com.facebook.shimmer.ShimmerFrameLayout
        android:id="@+id/shimmerFrameLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:shimmer_base_color="#6A1B9A"
        app:shimmer_colored="true"
        >
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            >
            <include
                layout="@layout/item"
                />
            <include
                layout="@layout/item"
                />

            <include
                layout="@layout/item"
                />
            <include
                layout="@layout/item"
                />

            <include
                layout="@layout/item"
                />
            <include
                layout="@layout/item"
                />

            <include
                layout="@layout/item"
                />

        </LinearLayout>




    </com.facebook.shimmer.ShimmerFrameLayout>

[4] Java Code

ShimmerFrameLayout shimmerFrameLayout;

 shimmerFrameLayout=findViewById(R.id.shimmerFrameLayout);
 shimmerFrameLayout.startShimmer();

Library Link Click hear