🎨 UNT-T5677 Improved design structure.

Author: purvesh-d

README.md

@@ -1,3 +1,5 @@
+![alt text](https://github.com/SimformSolutionsPvtLtd/SSJetPackComposeProgressButton/blob/main/gif/banner.png)
+
 # SSJetPackComposeProgressButton
 ### _SSJetPackComposeProgressButton is an elegant button with a different loading animations which makes your app attractive._
 
@@ -7,7 +9,7 @@
 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 Canary 4** or above [from here](https://developer.android.com/studio/preview/) and use **JDK 11** to build this project.
+Please get **Android Studio Arctic Fox 2020.3.1** or above [from here](https://developer.android.com/studio) and use **JDK 11** to build this project.
 
 ## Features
 - Android’s modern toolkit - Jetpack Compose support.
@@ -141,6 +143,8 @@ Please get **Android Studio Arctic Fox 2020.3.1 Canary 4** or above [from here](
 | `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` |

app/src/main/java/com/simform/ssjetpackcomposeprogressbutton/MainActivity.kt

@@ -120,7 +120,7 @@ fun SSLoadingButtonExample() {
                 elevation = ButtonDefaults.elevation(),
                 colors = ButtonDefaults.buttonColors(backgroundColor = colorResource(id = R.color.light_blue))
             ) {
-                Text(text = stringResource(id = R.string.on_success), color = Color.White)
+                Text(text = stringResource(id = R.string.on_success), color = Color.White, fontSize = FONT_SIZE.sp)
             }
             Button(
                 onClick = {
@@ -145,7 +145,7 @@ fun SSLoadingButtonExample() {
                 elevation = ButtonDefaults.elevation(),
                 colors = ButtonDefaults.buttonColors(backgroundColor = colorResource(id = R.color.light_blue))
             ) {
-                Text(text = stringResource(id = R.string.on_failure), color = Color.White)
+                Text(text = stringResource(id = R.string.on_failure), color = Color.White, fontSize = FONT_SIZE.sp)
             }
         }
 
@@ -269,6 +269,7 @@ fun SSLoadingButtonExample() {
                     text = stringResource(id = R.string.stylish_text),
                     fontStyle = FontStyle.Italic,
                     fontSize = FONT_SIZE.sp,
+                    fontWeight = FontWeight.Bold,
                     fontFamily = FontFamily.Monospace,
                     cornerRadius = COMMON_CORNER_RADIUS,
                     textModifier = Modifier.padding(TWELVE.dp),
@@ -285,6 +286,7 @@ fun SSLoadingButtonExample() {
                     fontFamily = FontFamily.SansSerif,
                     textModifier = Modifier.padding(TWELVE.dp),
                     fontSize = FONT_SIZE.sp,
+                    fontWeight = FontWeight.Bold,
                     blinkingIcon = true,
                     padding = PaddingValues(TWELVE.dp),
                     cornerRadius = COMMON_CORNER_RADIUS,
@@ -302,6 +304,7 @@ fun SSLoadingButtonExample() {
                     fontFamily = FontFamily.Serif,
                     textModifier = Modifier.padding(TWELVE.dp),
                     fontSize = FONT_SIZE.sp,
+                    fontWeight = FontWeight.Bold,
                     padding = PaddingValues(TWELVE.dp),
                     cornerRadius = COMMON_CORNER_RADIUS,
                     colors = ButtonDefaults.buttonColors(backgroundColor = colorResource(id = R.color.pink))
@@ -376,6 +379,8 @@ fun SSLoadingButtonExample() {
                     textModifier = Modifier.padding(ten.dp),
                     fontWeight = FontWeight.Bold,
                     fontSize = FONT_SIZE.sp,
+                    successIconColor = colorResource(id = R.color.dark_green),
+                    failureIconColor = colorResource(id = R.color.colorPrimaryDark),
                     leftImagePainter = painterResource(id = R.drawable.simform_logo),
                     buttonBorderStroke = BorderStroke(COMMON_BORDER_WIDTH.dp, colorResource(id = R.color.pink))
                 )

app/src/main/java/com/simform/ssjetpackcomposeprogressbutton/utils/Constant.kt

@@ -4,7 +4,7 @@ package com.simform.ssjetpackcomposeprogressbutton.utils
 const val COMMON_WIDTH = 480
 const val COMMON_HEIGHT = 60
 const val TOP_BUTTON_HEIGHT = 50
-const val TOP_BUTTON_RADIUS = 30
+const val TOP_BUTTON_RADIUS = 10
 const val COMMON_BORDER_WIDTH = 3
 const val COMMON_CORNER_RADIUS = 25
 const val FONT_SIZE = 20

gif/banner.png

@@ -74,6 +74,8 @@ import kotlinx.coroutines.delay
  * @rightImagePainter painter [Painter] to draw inside this right Icon.
  * @successIconPainter painter [Painter] to draw inside this success state Icon.
  * @failureIconPainter painter [Painter] to draw inside this failiure state Icon.
+ * @successIconColor Color to be applied to success icon.
+ * @failureIconColor Color to be applied to failure icon.
  * @param text The text to be displayed.
  * @param textModifier [Modifier] to apply to this text layout node.
  * @param fontSize The size of glyphs to use when painting the text. See [TextStyle.fontSize].
@@ -107,6 +109,8 @@ fun SSJetPackComposeProgressButton(
     rightImagePainter: Painter? = null,
     successIconPainter: Painter = rememberVectorPainter(image = Icons.Default.Done),
     failureIconPainter: Painter = rememberVectorPainter(image = Icons.Outlined.Info),
+    successIconColor: Color = assetColor,
+    failureIconColor: Color = assetColor,
     text: String? = null,
     textModifier: Modifier = Modifier,
     fontSize: TextUnit = TextUnit.Unspecified,
@@ -328,7 +332,7 @@ fun SSJetPackComposeProgressButton(
                     )
                 )
                 .size(minHeightWidth - twenty.dp),
-            tint = assetColor
+            tint = successIconColor
         )
         //FAILURE State icon
         Icon(
@@ -342,7 +346,7 @@ fun SSJetPackComposeProgressButton(
                     )
                 )
                 .size(minHeightWidth - twenty.dp),
-            tint = assetColor
+            tint = failureIconColor
         )
         //LOADING State
         var effectiveMinHeight = minHeightWidth