سبد خرید

آموزش کتابخونه FadeOutParticle در اندروید

آموزش کتابخونه FadeOutParticle در اندروید

کتابخونه FadeOutParticle بهت کمک میکنه المان ها و ویوهای مختلف رو با نقطه های ریز از بین ببری.

درواقع این کتابخونه با یک انیمیشن جذاب View که میخوای رو برات حذف میکنه.

کاربردهای مختلفی داره، مثلا میتونی ازش توی صفحه Splash استفاده کنی. واقعا صفحه اسپلش رو جذاب میکنه.

قبل از آموزش، اول ویدیو زیر رو ببین تا با نحوه کارکرد کتابخونه آشنا بشی.

دمو کتابخونه

آموزش استفاده از FadeOutParticle

برای اینکه بتونی از این کتابخونه استفاده کنی اول از همه باید کدهای زیر رو به پروژه خودت اضافه کنی.

کد زیر رو توی settings/build.gradle اضافه کن :

allprojects {
    repositories {
        maven { url 'https://jitpack.io' }
    }
}

و بعد از اون کد زیر رو هم باید توی module/build.gradle اضافه کنی :

implementation 'com.github.hoomanmmd:fadeoutparticle:1.0.0'

بعد از اینکه کدها رو اضافه کردی حالا باید پروژه رو sync کنی.

کدهای بخش XML

برای استفاده از این بخش باید Viewهایی که میخوای رو داخل FadeOutParticleFrameLayout قرار بدی.

مثل کد زیر :

<com.appgozar.fadeoutparticle.FadeOutParticleFrameLayout
    android:id="@+id/fadeoutWatermark"
    android:layout_width="350dp"
    android:layout_height="wrap_content"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:layout_marginBottom="50dp"
        android:src="@drawable/watermark" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|center"
        android:fontFamily="@font/iran_sans"
        android:gravity="center"
        android:text="تست متن فارسی"
        android:textColor="@color/black"
        android:textSize="20sp" />

</com.appgozar.fadeoutparticle.FadeOutParticleFrameLayout>

همانطور که توی کد بالا هم مشخصه من 2 تا ویو قرار دادم. ImageView و TextView که وظیفه نمایش عکس و متن رو برعهده دارن.

از طرفی متن رو هم فارسی قرار دادم که ببینیم فارسی رو پشتیبانی میکنه یا نه که میبینید به درستی پشتیبانی میکنه.

کدهای بخش کاتلین

این کتابخونه 2 متد برای مدیریت اجرای انیمیشن داره.

اجرای اولیه انیمیشن

با کد زیر میتونی انیمیشن رو برای اولین بار اجرا کنی :

fadeoutWatermark.startAnimation()

اجرای مجددا انیمیشن

برای اجرای مجددا انیمیشن هم میتونی از کد زیر استفاده کنی :

fadeoutWatermark.reset()
نکته
کد startAnimation فقط یکبار انیمیشن رو اجرا میکنه.
اگه بخوای چندین بار اجرا بشه باید از کد reset استفاده کنی.
دیدگاه‌ها ۰