A Custom Floating Action Button (FAB) library like clapping effect on Medium
Changes exist in the releases tab.
Add this in your app's build.gradle file:
dependencies {
implementation 'com.wajahatkarim:clapfab:2.0.0'
}
Or add ClapFab as a new dependency inside your pom.xml
<dependency>
<groupId>com.wajahatkarim3</groupId>
<artifactId>clapfab</artifactId>
<version>2.0.0</version>
<type>pom</type>
</dependency>
<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"
app:cf_clap_count="10"
app:cf_format_clap_count="true"
app:cf_long_press_enabled="false"
app:cf_long_press_clap_interval="300"/>
All customizable attributes for ClapFab
Attribute Name | Default Value | Description |
---|---|---|
app:cf_default_icon | @drawable/ic_clap_hands_outline | The default icon of the ClapFab button |
app:cf_filled_icon | @drawable/ic_clap_hands_filled | The filled icon after clapping of the ClapFab button |
app:cf_default_icon_color | @color/colorClapIcon | The color of default icon of the ClapFab button |
app:cf_filled_icon_color | @color/colorClapIcon | The filled color of icon after clapping of the ClapFab button |
app:cf_max_clap_count | 50 | The maximum count of clapping of the ClapFab button |
app:cf_count_circle_color | @color/colorClapIcon | The color of count's circle background |
app:cf_count_text_color | @android:color/white | The color of count's circle text |
app:cf_dots_1_color | @color/dotsColor1 | The color of particle's dots 1 |
app:cf_dots_2_color | @color/dotsColor2 | The color of particle's dots 2 |
app:cf_clap_count | 0 | The default clap count |
app:cf_format_clap_count | true | True, if the formatter for clap count is enabled. Formatter will convert 1000 to 1.0K etc. |
app:cf_long_press_enabled | true | The flag to turn on/off the long press auto-clap ability. Default is true. |
app:cf_long_press_clap_interval | 300 | The interval to automatically clap on long press in milliseconds. Default is 300ms |
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
}
});
This project needs you! If you would like to support this project's further development, the creator of this project or the continuous maintenance of this project, feel free to donate. Your donation is highly appreciated (and I love food, coffee and beer). Thank you!
PayPal
Of course, you can also choose what you want to donate, all donations are awesome!
Wajahat Karim
Copyright 2022 Wajahat Karim
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.