Add some more behaviour to Chips

caiodev · Nov 13, 2020 · 9873f00 · 9873f00
1 parent 9343082
commit 9873f00
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 5 deletions.
diff --git a/app/build.gradle b/app/build.gradle
@@ -10,7 +10,6 @@ android {
         targetSdkVersion 29
         versionCode 1
         versionName "1.0"
-        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
     }
     buildTypes {
         release {

diff --git a/app/src/main/java/br/com/caiodev/newmaterialdesigntest/MainActivity.kt b/app/src/main/java/br/com/caiodev/newmaterialdesigntest/MainActivity.kt
@@ -1,5 +1,28 @@
 package br.com.caiodev.newmaterialdesigntest
 
+import android.os.Bundle
 import androidx.appcompat.app.AppCompatActivity
+import androidx.core.content.ContextCompat
+import com.google.android.material.chip.Chip
+import kotlinx.android.synthetic.main.activity_main.*
 
-class MainActivity : AppCompatActivity(R.layout.activity_main)
+class MainActivity : AppCompatActivity(R.layout.activity_main) {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setChipListener(firstChip)
+        setChipListener(chip)
+    }
+
+    private fun setChipListener(chip: Chip) {
+        chip.apply {
+            setOnCheckedChangeListener { _, isChecked ->
+                if (isChecked) {
+                    setTextColor(ContextCompat.getColor(applicationContext, android.R.color.white))
+                } else {
+                    setTextColor(ContextCompat.getColor(applicationContext, android.R.color.black))
+                }
+            }
+        }
+    }
+}
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
@@ -104,7 +104,7 @@
             app:switchPadding="@dimen/padding_8dp" />
 
         <com.google.android.material.chip.Chip
-            android:id="@+id/materialChip"
+            android:id="@+id/chip"
             style="@style/ChipTheme"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
@@ -120,46 +120,51 @@
             android:fillViewport="true"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/materialChip">
+            app:layout_constraintTop_toBottomOf="@+id/chip">
 
             <com.google.android.material.chip.ChipGroup
                 android:id="@+id/materialChipGroup"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 app:layout_constraintEnd_toEndOf="parent"
                 app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toBottomOf="@id/materialChip"
+                app:layout_constraintTop_toBottomOf="@id/chip"
                 app:singleSelection="true">
 
                 <com.google.android.material.chip.Chip
+                    android:id="@+id/firstChip"
                     style="@style/ChipTheme"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
                     android:text="@string/first_material_chip_text"
                     app:chipBackgroundColor="@color/chip_selector" />
 
                 <com.google.android.material.chip.Chip
+                    android:id="@+id/secondChip"
                     style="@style/ChipTheme"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
                     android:text="@string/second_material_chip_text"
                     app:chipBackgroundColor="@color/chip_selector" />
 
                 <com.google.android.material.chip.Chip
+                    android:id="@+id/thirdChip"
                     style="@style/ChipTheme"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
                     android:text="@string/third_material_chip_text"
                     app:chipBackgroundColor="@color/chip_selector" />
 
                 <com.google.android.material.chip.Chip
+                    android:id="@+id/fourthChip"
                     style="@style/ChipTheme"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
                     android:text="@string/fourth_material_chip_text"
                     app:chipBackgroundColor="@color/chip_selector" />
 
                 <com.google.android.material.chip.Chip
+                    android:id="@+id/fifthChip"
                     style="@style/ChipTheme"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"