Skip to content

πŸŽ‰ An android library to create customizable buttons with animated interactions

License

Notifications You must be signed in to change notification settings

betulnecanli/Animated-Like-Button

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

14 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Animated Like Button Library

Animated Like Button library is a versatile and user-friendly tool that empowers developers to create customizable buttons with animated interactions. Designed to enhance user engagement, this library allows you to effortlessly integrate animated like buttons into your projects, adding a touch of dynamism to user interactions.

πŸ–Ό Preview

πŸͺ§ About

  • Customization: Tailor your like button to suit your application's aesthetic with the ability to choose from a variety of icons, background styles, and icon colors.
  • Interactive Animations: Capture user attention and create a delightful user experience by incorporating smooth animations during button clicks and releases.
  • Easy Integration: Seamlessly integrate the Animated Like Button into your projects with straightforward implementation, saving you time and effort.
  • Versatility: Whether you're working on a social media platform, a blog, or any other application, this library adapts to various contexts, providing a polished and interactive element.

πŸ“Œ Usage

Step 1. Add the JitPack repository to your build file

Add it in your root build.gradle at the end of repositories:

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

Step 2. Add the dependency

dependencies {
  implementation 'com.github.AppcentMobile:Animated-like-Button:v1.0.0'
}

πŸ“– XML Properties

Properties Description
likeBackgroundColor Set the background color when clicked for liking
likeImageColor Set the icon color when clicked for liking.
unlikeBackgroundColor Set the background color when clicked to unlike
unlikeImageColor Set the icon color when clicked to unlike
iconDrawable set the drawable for the icon
iconWidth the width of the icon
iconHeight the height of the icon

πŸ“Ž Example

<com.appcent.animatedbutton.LikeButton
    android:id="@+id/bttn_celebrate"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_marginHorizontal="6dp"
    app:iconDrawable="@drawable/baseline_celebration_24"
    app:iconHeight="40dp"
    app:iconWidth="40dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:likeImageColor="#FFD700"
    app:likeBackgroundColor="#001F3F" />

License

This project is licensed under the Apache License, Version 2.0. See the LICENSE file for details.

About

πŸŽ‰ An android library to create customizable buttons with animated interactions

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Kotlin 100.0%