handle is checked

Author: classiczires

ZiresSwitchSegmentedControl.png

@@ -1,11 +1,21 @@
 package com.zires.androidswitchsegmentedcontrol
 
 import android.os.Bundle
+import android.widget.Toast
 import androidx.appcompat.app.AppCompatActivity
+import com.zires.switchsegmentedcontrol.ZiresSwitchSegmentedControl
 
 class MainActivity : AppCompatActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContentView(R.layout.activity_main)
+        val switchSegmentedControl: ZiresSwitchSegmentedControl = findViewById(R.id.zires_switch)
+        switchSegmentedControl.setOnToggleSwitchChangeListener(object :
+            ZiresSwitchSegmentedControl.OnSwitchChangeListener {
+            override fun onToggleSwitchChangeListener(isChecked: Boolean) {
+                Toast.makeText(this@MainActivity, "Is checked: $isChecked", Toast.LENGTH_SHORT)
+                    .show()
+            }
+        })
     }
 }

app/src/main/java/com/zires/androidswitchsegmentedcontrol/MainActivity.kt

@@ -4,24 +4,25 @@
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:background="@color/gray"
     tools:context=".MainActivity">
 
 
     <com.zires.switchsegmentedcontrol.ZiresSwitchSegmentedControl
+        android:id="@+id/zires_switch"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         app:activeBgColor="@color/green"
         app:activeTextColor="@android:color/white"
         app:backgroundColor="@android:color/white"
         app:borderColor="@color/green"
-        app:cornerRadius="15dp"
         app:inactiveTextColor="@android:color/darker_gray"
-        app:strokeWidth="12dp"
         app:switchFontFamily="serif-monospace"
-        app:textSize="24sp"
-        app:textToggleLeft="TURN OFF"
-        app:textToggleRight="TURN ON"
+        app:checked="true"
+        app:cornerRadius="50dp"
+        app:strokeWidth="2dp"
+        app:textSize="48sp"
+        app:textToggleLeft="OFF"
+        app:textToggleRight="ON"
 
 
         app:layout_constraintBottom_toBottomOf="parent"

app/src/main/res/layout/activity_main.xml

@@ -106,11 +106,14 @@ open class ZiresSwitchSegmentedControl : LinearLayout {
                     R.styleable.ZiresSwitchSegmentedControl_strokeWidth,
                     Default.STROKE_WIDTH
                 ).toInt()
-
                 switchBackgroundColor = attributes.getColor(
                     R.styleable.ZiresSwitchSegmentedControl_backgroundColor,
                     ContextCompat.getColor(context, Default.BACKGROUND_COLOR)
                 )
+                val isChecked = attributes.getBoolean(
+                    R.styleable.ZiresSwitchSegmentedControl_checked,
+                    Default.CHECKED
+                )
                 val typeface = Typeface.create(switchFontFamily, Typeface.BOLD)
                 switchFirstItem.text = rightToggleText
                 switchSecondItem.text = leftToggleText
@@ -121,7 +124,7 @@ open class ZiresSwitchSegmentedControl : LinearLayout {
 
                 val selectedGd = GradientDrawable()
                 selectedGd.setColor(activeBgColor)
-                selectedGd.cornerRadius = cornerRadius
+                selectedGd.cornerRadius = cornerRadius - (strokeWidth)
                 selected.background = selectedGd
 
                 val motionLayoutGd = GradientDrawable()
@@ -150,40 +153,45 @@ open class ZiresSwitchSegmentedControl : LinearLayout {
                     }
                 }
 
+                setChecked(isChecked)
             } finally {
                 attributes.recycle()
             }
         }
     }
 
+    fun setChecked(checked: Boolean) {
+        if (checked) {
+            transitionStart = false
+            motionLayout.transitionToStart()
+        } else {
+            transitionStart = true
+            motionLayout.transitionToEnd()
+        }
+    }
+
+    fun getIsChecked(): Boolean {
+        return transitionStart
+    }
+
     private fun initOnClick() {
         transitionStart = true
         motionLayoutContainer.setOnClickListener {
             mSwitchChangeListener?.onToggleSwitchChangeListener(transitionStart)
-
-            if (transitionStart) {
-                transitionStart = false
-                motionLayout.transitionToEnd()
-            } else {
-                transitionStart = true
-                motionLayout.transitionToStart()
-            }
+            setChecked(transitionStart)
         }
     }
 
     fun setOnToggleSwitchChangeListener(listener: OnSwitchChangeListener) {
         mSwitchChangeListener = listener
     }
 
-    private fun dp2px(context: Context, dp: Float): Float {
-        return dp * (context.resources.displayMetrics.densityDpi / 160f)
-    }
-
     interface OnSwitchChangeListener {
         fun onToggleSwitchChangeListener(isChecked: Boolean)
     }
 
     protected object Default {
+        const val CHECKED: Boolean = false
         val ACTIVE_BG_COLOR = R.color.green
         const val ACTIVE_TEXT_COLOR = android.R.color.white
         val INACTIVE_TEXT_COLOR = R.color.gray

switchsegmentedcontrol/src/main/java/com/zires/switchsegmentedcontrol/ZiresSwitchSegmentedControl.kt

@@ -12,5 +12,6 @@
         <attr name="strokeWidth" format="dimension" />
         <attr name="textSize" format="dimension" />
         <attr name="switchFontFamily" format="string" />
+        <attr name="checked" format="boolean" />
     </declare-styleable>
 </resources>