Add drawable left icon for the switch button text

Author: ram2062

app/src/main/res/drawable-anydpi/ic_lock_open.xml

@@ -0,0 +1,11 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="#333333"
+    android:alpha="0.6">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M12,17c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM18,8h-1L17,6c0,-2.76 -2.24,-5 -5,-5S7,3.24 7,6h1.9c0,-1.71 1.39,-3.1 3.1,-3.1 1.71,0 3.1,1.39 3.1,3.1v2L6,8c-1.1,0 -2,0.9 -2,2v10c0,1.1 0.9,2 2,2h12c1.1,0 2,-0.9 2,-2L20,10c0,-1.1 -0.9,-2 -2,-2zM18,20L6,20L6,10h12v10z"/>
+</vector>

app/src/main/res/drawable-hdpi/ic_lock.png

@@ -21,10 +21,10 @@
         app:cornerRadius="50dp"
         app:strokeWidth="2dp"
         app:textSize="48sp"
-        app:textToggleLeft="OFF"
-        app:textToggleRight="ON"
-
-
+        app:textToggleLeft="UnLock"
+        app:switchOnIcon="@drawable/ic_lock"
+        app:switchOffIcon="@drawable/ic_lock_open"
+        app:textToggleRight="Lock"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"

app/src/main/res/drawable-hdpi/ic_lock_open.png

@@ -75,6 +75,12 @@ open class ZiresSwitchSegmentedControl : LinearLayout {
                     attributes.getString(R.styleable.ZiresSwitchSegmentedControl_textToggleLeft)
                 val rightToggleText =
                     attributes.getString(R.styleable.ZiresSwitchSegmentedControl_textToggleRight)
+
+                val switchOnIcon =
+                    attributes.getDrawable(R.styleable.ZiresSwitchSegmentedControl_switchOnIcon)
+                val switchOffIcon =
+                    attributes.getDrawable(R.styleable.ZiresSwitchSegmentedControl_switchOffIcon)
+
                 activeBgColor = attributes.getColor(
                     R.styleable.ZiresSwitchSegmentedControl_activeBgColor,
                     ContextCompat.getColor(context, Default.ACTIVE_BG_COLOR)
@@ -115,7 +121,26 @@ open class ZiresSwitchSegmentedControl : LinearLayout {
                     Default.CHECKED
                 )
                 val typeface = Typeface.create(switchFontFamily, Typeface.BOLD)
-                switchFirstItem.text = rightToggleText
+
+                if (switchOnIcon != null) {
+                    switchFirstItem.text = rightToggleText
+                    switchFirstItem.setCompoundDrawablesRelativeWithIntrinsicBounds(
+                        switchOnIcon,
+                        null,
+                        null,
+                        null
+                    )
+                }
+
+                if (switchOffIcon != null) {
+                    switchSecondItem.text = leftToggleText
+                    switchSecondItem.setCompoundDrawablesRelativeWithIntrinsicBounds(
+                        switchOffIcon,
+                        null,
+                        null,
+                        null
+                    )
+                }
                 switchSecondItem.text = leftToggleText
                 switchFirstItem.typeface = typeface
                 switchSecondItem.typeface = typeface

app/src/main/res/drawable-mdpi/ic_lock.png

@@ -13,5 +13,7 @@
         <attr name="textSize" format="dimension" />
         <attr name="switchFontFamily" format="string" />
         <attr name="checked" format="boolean" />
+        <attr name="switchOnIcon" format="reference|color" />
+        <attr name="switchOffIcon" format="reference|color" />
     </declare-styleable>
 </resources>