آموزش ساخت افکت Ripple در اندروید

دسته‌بندی:
بدون دیدگاه

سلام روزتون بخیر، به احتمال زیاد هنگام کار کردن با اپلیکیشن های جدید که از متریال دیزاین استفاده کرده اند با افکت جالبی برخورده اید که هنگام لمس کردن اجزای مختلف برنامه اجرا می شود این افکت RippleEffect نام داره  و قرار تو این پست یاد بگیریم چجوری پیاده سازی کنیم البته بدون کتابخونه هم خیلی راحت میشه این کار و انجام داد ولی خب قرار با کتابخونه ای که برای این کار طراحی شده کار کنیم.

 

خب برای وارد کردن کتابخون داخل پروژه در گریدل خط زیر را اضافه کنید:

 

dependencies {
    compile 'com.github.traex.rippleeffect:library:1.3'
}

خب حالا وارد یکی از فایل های xml طراحی خود می شویم برای هر شی ای که بخواهیم این افکت و اعمال کنیم باید اون و داخل لایه زیر قرار بدیم:

<com.andexert.library.RippleView

برای مثال می خوایم الان به یک عکس این افکت و اعمال کنیم پس کد ما شکل زیر و میگیره:

<com.andexert.library.RippleView android:id="@+id/more" android:layout_width="?android:actionBarSize" android:layout_height="?android:actionBarSize" android:layout_toLeftOf="@+id/more2" android:layout_margin="5dp" rv_centered="true">

  <ImageView android:layout_width="?android:actionBarSize" android:layout_height="?android:actionBarSize" android:src="@android:drawable/ic_menu_edit" android:layout_centerInParent="true" android:padding="10dp" android:background="@android:color/holo_blue_dark"/>

</com.andexert.library.RippleView>

می تونیم برای اطلاع از پایان افکت یک گوش دهنده کلیک قرار دهیم :

 final RippleView rippleView = (RippleView) findViewById(R.id.rippleView);
    rippleView.setOnRippleCompleteListener(new RippleView.OnRippleCompleteListener() {

        @Override
        public void onComplete(RippleView rippleView) {
            Log.d("Sample", "Ripple completed");
        }

    });

به همین راحتی
اموزش برنامه نویسی اندروید

 

برای اطلاعات بیشتر به گیت هاب مراجعه کنید.

آموزش زبان کاتلین
  • نویسنده
    hesam
  • تعداد بازدید
    204 views
0دیدگاه فرستاده شده است.
شما هم دیدگاه خود را بنویسید

نوشته‌های ویژه
اخبار ویژه