Skip to main content

Posts

Showing posts with the label Chip

android kotlin - Chip center text

MainActivity.kt package com.cfsuman.kotlintutorials import android.app.Activity import android.os.Bundle import android.view.View import com.google.android.material.chip.Chip class MainActivity : Activity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) // get the widgets reference from XML layout val chipYellow = findViewById<Chip>(R.id.chipYellow) // set chip text alignment center programmatically chipYellow.textAlignment = View.TEXT_ALIGNMENT_CENTER } } activity_main.xml <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match...
Read more

android kotlin - Chip border color

MainActivity.kt package com.cfsuman.kotlintutorials import android.app.Activity import android.content.Context import android.content.res.ColorStateList import android.graphics.Color import android.os.Bundle import android.util.TypedValue import com.google.android.material.chip.Chip class MainActivity : Activity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) // get the widgets reference from XML layout val chipYellow = findViewById<Chip>(R.id.chipYellow) // set chip border color programmatically chipYellow.chipStrokeColor = ColorStateList.valueOf( Color.parseColor("#007aa5") ) // set chip border width in pixels programmatically chipYellow.chipStrokeWidth = 2.dpToPixels(this) } } // extension function to convert dp to equivalent pixels fun Int.dpToPixels(context: Context):Float = T...
Read more

android kotlin - Chip background color

MainActivity.kt package com.cfsuman.kotlintutorials import android.app.Activity import android.content.res.ColorStateList import android.graphics.Color import android.os.Bundle import android.widget.TextView import androidx.core.view.children import com.google.android.material.chip.Chip import com.google.android.material.chip.ChipGroup class MainActivity : Activity() { private lateinit var chipGroup:ChipGroup private lateinit var textView:TextView override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) // get the widgets reference from XML layout chipGroup = findViewById(R.id.chipGroup) textView = findViewById(R.id.textView) val chipYellow = findViewById<Chip>(R.id.chipYellow) // get chip group initially checked chips handleSelection() // set checked change listener for each chip on chip group chipGroup....
Read more

android kotlin - Chip checked color programmatically

MainActivity.kt package com.cfsuman.kotlintutorials import android.app.Activity import android.content.res.ColorStateList import android.graphics.Color import android.os.Bundle import android.widget.TextView import androidx.core.view.children import com.google.android.material.chip.Chip import com.google.android.material.chip.ChipGroup class MainActivity : Activity() { private lateinit var chipGroup:ChipGroup private lateinit var textView:TextView override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) // get the widgets reference from XML layout chipGroup = findViewById(R.id.chipGroup) textView = findViewById(R.id.textView) // get chip group initially checked chips handleSelection() // set checked change listener for each chip on chip group chipGroup.children.forEach { val chip = it as Chip c...
Read more

android kotlin - ChipGroup get selected chips

MainActivity.kt package com.cfsuman.kotlintutorials import android.app.Activity import android.content.res.ColorStateList import android.graphics.Color import android.os.Bundle import android.widget.TextView import androidx.core.view.children import com.google.android.material.chip.Chip import com.google.android.material.chip.ChipGroup class MainActivity : Activity() { private lateinit var chipGroup:ChipGroup private lateinit var textView:TextView override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) // get the widgets reference from XML layout chipGroup = findViewById(R.id.chipGroup) textView = findViewById(R.id.textView) // get chip group initially checked chips handleSelection() // set checked change listener for each chip on chip group chipGroup.children.forEach { (it as Chip).setOnCheckedChangeListe...
Read more

android kotlin - ChipGroup add chip programmatically

MainActivity.kt package com.example.jetpack import android.content.Context import android.os.Bundle import android.view.View import android.widget.Button import androidx.appcompat.app.AppCompatActivity import com.google.android.material.chip.Chip import com.google.android.material.chip.ChipGroup import kotlinx.android.synthetic.main.activity_main.* class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) val context = this // get chip group initial checked chip text val chip: Chip? = findViewById(chipGroup.checkedChipId) textView.text = "Checked Chip : ${chip?.text}" // set chip group checked change listener chipGroup.setOnCheckedChangeListener { group, checkedId -> // get the checked chip instance from chip group (findViewById<Chip>(checkedId))?.let...
Read more

android kotlin - ChipGroup single selection

MainActivity.kt package com.example.jetpack import android.os.Bundle import androidx.appcompat.app.AppCompatActivity import com.google.android.material.chip.Chip import kotlinx.android.synthetic.main.activity_main.* class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) // get chip group initial checked chip text val chip: Chip? = findViewById(chipGroup.checkedChipId) textView.text = "Checked Chip : ${chip?.text}" // set chip group checked change listener chipGroup.setOnCheckedChangeListener { group, checkedId -> // get the checked chip instance from chip group (findViewById<Chip>(checkedId))?.let { // Show the checked chip text on text view textView.text = "Checked Chip : ${it.text}" } } } }...
Read more

android kotlin - ChipGroup multi selection example

MainActivity.kt package com.cfsuman.jetpack import android.content.Context import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import android.widget.Toast import kotlinx.android.synthetic.main.activity_main.* import com.google.android.material.chip.Chip class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) // Create an empty list val list = mutableListOf<String>() // Loop through the chips for (index in 0 until chipGroup.childCount) { val chip:Chip = chipGroup.getChildAt(index) as Chip // Set the chip checked change listener chip.setOnCheckedChangeListener{view, isChecked -> if (isChecked){ list.add(view.text.toString()) }else{ list.remove(view.text.toString()) ...
Read more

android - Change chip text size, color and font

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_toTo...
Read more

android - How to change chip selected color

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_toT...
Read more

android kotlin - Create chip programmatically

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...
Read more

android kotlin - Chip group example

MainActivity.kt package com.cfsuman.jetpack import android.content.Context import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import android.widget.Toast import kotlinx.android.synthetic.main.activity_main.* import com.google.android.material.chip.Chip class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) // Set chip group checked change listener chipGroup.setOnCheckedChangeListener{group,checkedId:Int -> // Get the checked chip instance from chip group val chip:Chip? = findViewById(checkedId) chip?.let { // Show the checked chip text on toast message toast("${it.text} checked") } } } } // Toast extension method fun Context.toast(message:String)= Toast.makeText(this,message,Toast.LENGTH_SHORT).s...
Read more