Description
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.
SSJetPackComposeProgressButton alternatives and similar packages
Based on the "Animations" category.
Alternatively, view SSJetPackComposeProgressButton alternatives based on common mentions on social networks and blogs.
-
Lottie for Android, iOS, and React Native
Render After Effects animations natively on Android and iOS, Web, and React Native -
Material-Animations
Android Transition animations explanation with examples. -
AndroidViewAnimations
Cute view animation collection. -
UltimateAndroidReference
:rocket: Ultimate Android Reference - Your Road to Become a Better Android Developer -
ListViewAnimations
An Android library which allows developers to easily add animations to ListView items -
AndroidImageSlider
An amazing and convenient Android image slider. -
NineOldAndroids
Android library for using the Honeycomb animation API on all versions of the platform back to 1.0! -
Rebound
A Java library that models spring dynamics and adds real world physics to your app. -
shimmer-android
An easy, flexible way to add a shimmering effect to any view in an Android app. -
transitions-everywhere
Set of extra Transitions on top of Jetpack Transitions Library -
CircleIndicator
A lightweight indicator like in nexus 5 launcher -
PhotoEditor
A Photo Editor library with simple, easy support for image editing using paints,text,filters,emoji and Sticker like stories. -
ChatKit for Android
Android library. Flexible components for chat UI implementation with flexible possibilities for styling, customizing and data management. Made by Stfalcon -
android-flip
A component for flip animation on Android, which is similar to the effect in Flipboard iPhone/Android -
ExplosionField
explosive dust effect for views -
Music Player
From UI Proposal to Code :notes::arrow_forward: -
RecyclerViewItemAnimators
An Android library which provides simple Item animations to RecyclerView items -
Spotlight
Android Library that lights items for tutorials or walk-throughs etc... -
animate
An application demoing meaningful motion on Android -
ViewPagerTransforms
Library containing common animations needed for transforming ViewPager scrolling for Android v13+. -
AnimationEasingFunctions
Android Animation Easing Functions. Let's make animation more real! -
Slidr
Easily add slide to dismiss functionality to an Activity -
android-ripple-background
A beautiful ripple animation for your app -
FabulousFilter
Android library to animate Floating Action Button to Bottom Sheet Dialog and vice-versa -
CircularReveal
Lollipop ViewAnimationUtils.createCircularReveal for everyone 4.0+ -
ShimmerLayout
DEPRECATED - Memory efficient shimmering effect for Android applications by Supercharge. -
Rich Path Animator
💪 Rich Android Path. 🤡 Draw as you want. 🎉 Animate much as you can. -
BaseAnimation
BaseAnimation network Android animation set, custom controls, nearly 200 kinds of source code! BaseAnimation, if a new version is updated automatically to remind everyone, I hope everyone will contribute their animated XML files or other source, together to create this open source app! -
Stfalcon ImageViewer
A simple and customizable Android full-screen image viewer with shared image transition support, "pinch to zoom" and "swipe to dismiss" gestures -
EasyAndroidAnimations
Easy Android Animations is an animation library that aims to make android animations easier, with 50+ builtin animations, it allows you to introduce many complex animation effects in your application with one or two lines of code. -
Backboard
A motion-driven animation framework for Android. -
SpeedView
Dynamic Speedometer and Gauge for Android. amazing, powerful, and multi shape :zap: -
PreLollipopTransition
Simple tool which help you to implement activity and fragment transition for pre-Lollipop devices. -
mkloader
Beautiful and smooth custom loading views -
EasyFlipView
💳 A quick and easy flip view through which you can create views with two sides like credit cards, poker cards etc. -
ColorPickerView
🎨 Android colorpicker for getting colors from any images by tapping on the desired color. -
TransitionPlayer
Android library to control Transition animates. A simple way to create a interactive animation. -
ArcAnimator
ArcAnimator helps to create arc transition animation: 2.3.+ -
WhatTodo
A Simple Todo app design in Flutter to keep track of your task on daily basis. Its build on BLoC Pattern. You can add a project, labels, and due-date to your task also you can sort your task on the basis of project, label, and dates -
FragmentAnimations
3D animation examples for support-v4 Fragment transition. -
Interactive-animation
Collect android animation -
Road Runner
Road Runner is a library for android which allow you to make your own loading animation using a SVG image -
EasingInterpolator
Thirty-one different easing animation interpolators for Android. -
TreeView
Android GraphView is used to display data in graph structures. -
Youtube UI/UX Animation
With MVVM Architecture pattern using Android Architecture Components This is a sample app demonstrating Youtube player animation using constraint layout -
AppIntroAnimation
AppIntroAnimation is a set of code snippets to make cool intro screen for your app with special Image Translation and Transformation animation effects. It is very easy to use and customize without adding third party library integrations. -
Dachshund Tab Layout
Extended Android Tab Layout with animated indicators that have continuous feedback. -
TextFieldBoxes
Material Design text field that comes in a box, based on (OLD) Google Material Design guidelines. -
fab-transformation
Support Floating Action Button transformation for Android
Appwrite - The Open Source Firebase alternative introduces iOS support
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of SSJetPackComposeProgressButton or a related project?
README
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
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
Attribute | Description | Default |
---|---|---|
type |
Choose type of animation from:[CIRCLE, WHEEL, ZOOM_IN_OUT_CIRCLE, CLOCK, SPIRAL, CUSTOM] | None |
width |
Width to be applied to the button. | None |
height |
Height to be applied to the button. | None |
onClick |
Will be called when the user clicks the button. | None |
assetColor |
Color to be applied to icon and text inside button. | None |
buttonState |
Represent the state of button from IDLE, LOADING, SUCCESS, FAILIURE from SSButtonState. | None |
buttonBorderStroke |
Border to draw around the button. | None |
blinkingIcon |
Icon will be blink with size and color. | false |
cornerRadius |
Corner radius to be applied to the button. | 20 |
speedMillis |
Speed of the animation while changing the state. | 1000 |
enabled |
Controls the enabled state of the button. | true |
elevation |
It is used to resolve the elevation for this button in different. | ButtonDefaults.elevation() |
colors |
Colors that will be used to resolve the background and content color for this button in different states | ButtonDefaults.buttonColors() |
padding |
The spacing values to apply internally between the container and the content. | PaddingValues(0.dp) |
alphaValue |
The alpha of the drawn area. | 1f |
leftImagePainter |
Painter to draw inside this left Icon. | null |
rightImagePainter |
Painter to draw inside this right Icon. | null |
successIconPainter |
Painter to draw inside this success state Icon. | rememberVectorPainter(image = Icons.Default.Done) |
failureIconPainter |
Painter to draw inside this failiure state Icon. | rememberVectorPainter(image = Icons.Outlined.Info) |
successIconColor |
Color to be applied to success icon. | assetColor |
failureIconColor |
Color to be applied to failure icon. | assetColor |
text |
The text to be displayed. | null |
textModifier |
To apply to this text layout node. | Modifier |
fontSize |
The size of glyphs to use when painting the text. | TextUnit.Unspecified |
fontStyle |
The typeface variant to use when drawing the letters (e.g., italic). | null |
fontFamily |
The font family to be used when rendering the text. | null |
fontWeight |
The typeface thickness to use when painting the text (e.g., [FontWeight.Bold]). | null |
hourHandColor |
Color will be apply to hour hand in clock type animation only. | Color.Black |
customLoadingIconPainter |
painter [Painter] to draw your custom loading icon. | painterResource(id = R.drawable.simform_logo) |
customLoadingEffect |
Custom loading animation type like roation, zoom in out etc. | SSCustomLoadingEffect( rotation = false, zoomInOut = false, colorChanger = false) |
customLoadingPadding |
Spacing between button border and loading icon. | 0 |
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.
*Note that all licence references and agreements mentioned in the SSJetPackComposeProgressButton README section above
are relevant to that project's source code only.