SSJetPackComposeProgressButton

SSJetPackComposeProgressButton is an elegant button with a different loading animations which makes your app attractive.

Jetpack Compose

Jetpack Compose is Android’s modern toolkit for building native UI. It simplifies and accelerates UI development on Android. Quickly bring your app to life with less code, powerful tools, and intuitive Kotlin APIs.

How to get started

Please get Android Studio Arctic Fox 2020.3.1 or above from here and use JDK 11 to build this project.

Features

• Android’s modern toolkit - Jetpack Compose support.
• Newly designed loading animation make your app attractive.
• Blinking icon button for your hot-feature.
• Button with text, right and left icon.
• Different types of state makes it easy to manage button. (Idle, Loading, Success, Failure)
• Fully customized button (Corner radius, background, colors, animation speed etc.)
• Customize button loading animation with your logo and special animation effect.

🎬 Preview

On Success	On Failure

🎬 Customized loading animation

On Success	On Failure

Installation

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

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

• Add the dependency in your app's build.gradle file

   dependencies {
           implementation 'com.github.SimformSolutionsPvtLtd:SSJetPackComposeProgressButton:1.0.6'
   }

Usage

• Just use SSJetPackComposeProgressButton where you want button.

   var submitButtonState by remember { mutableStateOf(SSButtonState.IDLE) }
   SSJetPackComposeProgressButton(
       type = SSButtonType.CLOCK,
       width = 300.dp,
       height = 50.dp,
       onClick = {
           //Perform action on click of button and make it's state to LOADING
           submitButtonState = SSButtonState.LOADING
       },
       assetColor = Color.Red,
       buttonState = submitButtonState
   )

   // On Success change submitButtonState to success state
   submitButtonState = SSButtonState.SUCCESS

   // On Failure change submitButtonState to failure state
   submitButtonState = SSButtonState.FAILIURE

Customization

• You can customize loading icon and animation effect according to your requirement.You can apply multiple animation effect from rotation, zoom-in-out and color changer too.

   var submitButtonState by remember { mutableStateOf(SSButtonState.IDLE) }
   SSJetPackComposeProgressButton(
       type = SSButtonType.CUSTOM,
       width = 300.dp,
       height = 50.dp,
       onClick = {
           //Perform action on click of button and make it's state to LOADING
           submitButtonState = SSButtonState.LOADING
       },
       assetColor = Color.Red,
       buttonState = submitButtonState,
       successIconPainter = painterResource(id = R.drawable.custom_success),
       failureIconPainter = painterResource(id = R.drawable.custom_fail),
       colors = ButtonDefaults.buttonColors(backgroundColor = Color.White),
       padding = PaddingValues(six.dp),
       text = stringResource(id = R.string.simform),
       textModifier = Modifier.padding(ten.dp),
       fontWeight = FontWeight.Bold,
       leftImagePainter = painterResource(id = R.drawable.simform_logo),
       buttonBorderStroke = BorderStroke(two.dp, colorResource(id = R.color.pink)),
       customLoadingIconPainter = painterResource(id = R.drawable.simform_logo),
       customLoadingEffect = SSCustomLoadingEffect(
           rotation = false,
           zoomInOut = true,
           colorChanger = false
       )
   )

   // On Success change submitButtonState to success state
   submitButtonState = SSButtonState.SUCCESS

   // On Failure change submitButtonState to failure state
   submitButtonState = SSButtonState.FAILIURE

All Attributes

Our JetPackCompose Sample

SSComposeCookBook : A Collection of major Jetpack compose UI components which are commonly used.

Find this library useful? ❤️

Support it by joining stargazers for this repository. ⭐

How to Contribute 🤝

Whether you're helping us fix bugs, improve the docs, or a feature request, we'd love to have you! 💪 Check out our Contributing Guide for ideas on contributing.

Bugs and Feedback

For bugs, feature requests, and discussion please use GitHub Issues.

Medium Blog

For more info go to Progress Button using JetPack Compose : SSJetPackComposeProgressButton

License

Copyright 2021 Simform Solutions

 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.