MainActivity.kt
package com.cfsuman.jetpack
import android.content.Context
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.transition.TransitionManager
import android.widget.Toast
import androidx.core.content.ContextCompat
import kotlinx.android.synthetic.main.activity_main.*
import com.google.android.material.chip.Chip
import kotlin.random.Random
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
// set the button click listener
button.setOnClickListener{
// Initialize a new chip instance
val chip = Chip(this)
chip.text = "Random ${Random.nextInt(100)}"
// Set the chip icon
chip.chipIcon = ContextCompat.getDrawable(this,R.drawable.ic_action_android)
//chip.setChipIconTintResource(R.color.abc_search_url_text)
// Make the chip clickable
chip.isClickable = true
chip.isCheckable = false
// Show the chip icon in chip
chip.isCloseIconVisible = true
// Set the chip click listener
chip.setOnClickListener{
toast("Clicked: ${chip.text}")
}
// Set chip close icon click listener
chip.setOnCloseIconClickListener{
// Smoothly remove chip from chip group
TransitionManager.beginDelayedTransition(chipGroup)
chipGroup.removeView(chip)
}
// Finally, add the chip to chip group
chipGroup.addView(chip)
}
}
}
// Toast extension method
fun Context.toast(message:String)=
Toast.makeText(this,message,Toast.LENGTH_SHORT).show()
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/rootLayout"
tools:context=".MainActivity"
android:background="#fdfdfc">
<com.google.android.material.chip.ChipGroup
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/chipGroup"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:layout_marginTop="32dp"
android:layout_marginStart="32dp"
android:layout_marginEnd="8dp"
app:singleLine="true"
app:singleSelection="true"/>
<Button
android:text="Add New Chip"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/button"
app:layout_constraintTop_toBottomOf="@+id/chipGroup"
app:layout_constraintEnd_toEndOf="parent"
android:layout_marginEnd="8dp"
app:layout_constraintStart_toStartOf="parent"
android:layout_marginStart="8dp"
android:layout_marginTop="32dp"/>
</androidx.constraintlayout.widget.ConstraintLayout>
res/values/styles.xml
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.MaterialComponents.Light">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
</resources>
gradle dependencies
// Material components theme
implementation 'com.google.android.material:material:1.0.0'