All Projects → aniketbhoite → MutativeFab

aniketbhoite / MutativeFab

Licence: MIT License
This is animating floating action button with text

Programming Languages

kotlin
9241 projects
java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to MutativeFab

Circularprogressbar
CircularProgressbar project let you create circular progressbar in android
Stars: ✭ 188 (+248.15%)
Mutual labels:  custom-view, ui-components
clarity-react
React Components for VMware Clarity UI and Clarity Design
Stars: ✭ 33 (-38.89%)
Mutual labels:  ui-components
pearl-ui
Pearl UI is a powerful UI toolkit that helps you build beautiful production-ready mobile apps right out of the box ⚡️
Stars: ✭ 19 (-64.81%)
Mutual labels:  ui-components
qi-design-vue
This is a design standard with an implement for web UI components library based on Vue.
Stars: ✭ 26 (-51.85%)
Mutual labels:  ui-components
PuiSegmentedControl
PuiSegmentedControl is a customizable for segmented control.
Stars: ✭ 19 (-64.81%)
Mutual labels:  ui-components
android-tableview-kotlin
Android's missing TableView component.
Stars: ✭ 40 (-25.93%)
Mutual labels:  custom-view
maxLibQt
A collection of C++ classes and QtQuick QML components for use with the Qt framework.
Stars: ✭ 18 (-66.67%)
Mutual labels:  ui-components
ios-swift-chat-ui-kit
Ready-to-use Chat UI Components for Swift (iOS)
Stars: ✭ 42 (-22.22%)
Mutual labels:  ui-components
MaterialDayPicker
An elegant day of the week picker inspired by Google's clock app
Stars: ✭ 59 (+9.26%)
Mutual labels:  ui-components
qtCustomPlugins
A set of custom widgets to use directly in QtDesigner.
Stars: ✭ 48 (-11.11%)
Mutual labels:  ui-components
flant
vant风格的flutter组件库
Stars: ✭ 27 (-50%)
Mutual labels:  ui-components
svelte-flat-ui
Flat UI Independent JS Components + English Docs =
Stars: ✭ 45 (-16.67%)
Mutual labels:  ui-components
ng-sq-ui
Flexible and easily customizable UI-kit for Angular 11+
Stars: ✭ 99 (+83.33%)
Mutual labels:  ui-components
merakiui
Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode 🚀 ☄️.
Stars: ✭ 1,185 (+2094.44%)
Mutual labels:  ui-components
InplaceEditBoxLib
WPF/MVVM control to implement a textbox on top of other elements like TreeViewItem or ListViewItem (use case: perform in place edit on top of a displayed text item)
Stars: ✭ 28 (-48.15%)
Mutual labels:  ui-components
TextButton
⏹️ An easy to use `TextButton` when you need a TextView-like button, with handy touch feedback effects.
Stars: ✭ 19 (-64.81%)
Mutual labels:  custom-view
CustomFormViews
A clean collection of views used for forms.
Stars: ✭ 12 (-77.78%)
Mutual labels:  custom-view
light-ui
A lightly React UI library
Stars: ✭ 38 (-29.63%)
Mutual labels:  ui-components
ui
💁‍♀️ Inclusive Vue Components
Stars: ✭ 27 (-50%)
Mutual labels:  ui-components
CherryLib
Win32/MFC UI Control, Live Update, Utility Library
Stars: ✭ 19 (-64.81%)
Mutual labels:  ui-components

MutativeFab

API GitHub license

Mutative button demo gif New demo

Button design

Dependency

Step 1: Add Jitpack repository in your root build.gradle file (not your module build.gradle file):

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

Step 2: Add dependency to your module's build.gradle file:

dependencies {
    compile 'com.github.aniketbhoite:MutativeFab:1.0.8'
}

Usage

Add floating text button to your layout file like this:

    <com.aniket.mutativefloatingactionbutton.MutativeFab
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:fabIcon="@drawable/ic_location"
        app:fabText="relocate"
        android:layout_alignParentBottom="true"
        app:fabBackgroundColor="@android:color/white"
        app:fabTextColor="@color/colorPrimary"
        android:layout_alignParentEnd="true"/>

In Java or Kotlin

            mFab.setFabText("start chat");
            mFab.setFabTextColor(ContextCompat.getColor(context, R.color.textColor));
            mFab.setFabIcon(R.drawable.ic_chat);
            mFab.setFabBackgroundColor(ContextCompat.getColor(context, android.R.color.holo_blue_dark));
            mFab.setFabTextVisibility(View.VISIBLE);//or View.GONE only
            //to get TextView visibility
            mFab.getFabTextVisibility();//returns Int
            mFab.setFabTypeface(typeface);//to change text font
            
            //in kotlin use can directly access fabText visibility by
            mFab.fabTextVisibility = View.VISIBLE 

If your project do not have kotlin support follow these steps

Step 1: Add Jitpack kotlin gradle plugin in your root build.gradle file (not your module build.gradle file):

    buildscript {
    //this
    ext.kotlin_version = '1.2.41'
    repositories {
        google()
        jcenter()
        maven { url "https://jitpack.io" }
    }
    dependencies {
        ...
        //and this line
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
    }

To more info and latest version refer this

Step 2: Apply plugins to your module's build.gradle file:

apply plugin: 'kotlin-android'

apply plugin: 'kotlin-android-extensions'
...
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].