Button (دکمه) متریال دیزاین در اندروید

سلام دوستان پروگرمچی در این سری از آموزش برنامه نویسی اندروید به آموزش Button (دکمه) متریال دیزاین در اندروید می پردازیم از دکمه متریال دیزاین می توانید به منظور زیبا سازی پروژه از آن استفاده کنید در ادامه می توانید پیش نمایش دکمه متریال دیزاین را مشاهده کنید با ما همراه باشید.
 

از کد زیر در Twitter نیز برای بخش لایک استفاده شده است.
برای اینکه از این کتاب خانه استفاده کنید ابتدا باید در فایل Gradle از نوع Module خط زیر را در بخش dependencies قرار دهید.

dependencies {
  implementation 'com.wajahatkarim3.clapfab:clapfab:1.0.0'
}

پروژه را sync کنید البته قبلش باید قند شکن را روشن کنید چون ایران تحریم است.
وارد بخش layout خود شده و می توانید از کد زیر استفاده کنید.

<com.wajahatkarim3.clapfab.ClapFAB
        android:id="@+id/clapFAB"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:layout_marginTop="8dp"
        app:cf_count_circle_color="@color/colorAccent"
        app:cf_count_text_color="@color/white_color"
        app:cf_default_icon="@drawable/ic_star_border_black_24dp"
        app:cf_default_icon_color="@color/colorAccent"
        app:cf_dots_1_color="@android:color/holo_green_dark"
        app:cf_dots_2_color="@color/colorAccent"
        app:cf_filled_icon="@drawable/ic_star_black_24dp"
        app:cf_filled_icon_color="@color/colorAccent"
        app:cf_max_clap_count="20" />ز

این دکمه ها به صورت گرد بوده و ویژگی های مختلفی را پشتیبانی می کنند.
برای اینکه برای آنها Listener تعریف کنید می توانید از کد زیر استفاده کنید (نحوه find کردن نیز قرار داده شده است.)

ClapFAB clapFAB = (ClapFAB) findViewById(R.id.clapFAB);
clapFAB.setClapListener(new ClapFAB.OnClapListener() {
            @Override
            public void onFabClapped(@NotNull ClapFAB clapFab, int count, boolean isMaxReached) {
                // count is the current count of the clapping
                // isMaxReached is true when button has already reached the maximum count
                // and is not being clapped anymore. Otherwise its false
            }
        });

برخی از Attribute های بالا که مورد استفاده قرار گرفته است در جدول زیر شرح داده شده اند.

نام ویژگی مقدار پیشفرض توضیحات
app:cf_default_icon @drawable/ic_clap_hands_outline عکس پیشفرض دکمه
app:cf_filled_icon @drawable/ic_clap_hands_filled عکسی که بعد از کلیک نمایش داده می شود
app:cf_default_icon_color @color/colorClapIcon رنگ دکمه
app:cf_filled_icon_color @color/colorClapIcon رنگ دکمه زمانی که فشرده می شود.
app:cf_max_clap_count 50 بیشترین میزان کلیک یا همان clap
app:cf_count_circle_color @color/colorClapIcon رنگ دایره پشت دکمه
app:cf_count_text_color @android:color/white رنگ شمارنده بالای دکمه
app:cf_dots_1_color @color/dotsColor1 رنگ نقطه اول
app:cf_dots_2_color @color/dotsColor2 رنگ نقطه دوم

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

مطالعه بیشتر