CODEWITHSUNDEEP
androidandroid-textinputlayoutmaterial-componentsmaterial-components-android
TylerJames
TylerJames

Reputation: 971

TextInputLayout: Set box stroke color programmatically (highlighted and unhighlighted)

I'm trying to use these material text fields with the box outline style. I see that there's a property called boxStrokeColor which lets me set the stroke only when the text field is highlighted when it's not highlighted it seems to pull that color from the global theme's colorPrimary value.

In our app the user can set their own background color for certain views and I'd like to change the stroke color of the text field to a suitable contrasting color.

Is there any clean way to set the unhighlighted box stroke color programmatically?

Upvotes: 10

Views: 3353

Answers (2)

nayan dhabarde
nayan dhabarde

Reputation: 2356

After a lot of experimenting here is what I have found. This is a correct format

val colorState = ColorStateList(
        arrayOf(intArrayOf(android.R.attr.state_active),
            intArrayOf( android.R.attr.state_focused),
            intArrayOf( -android.R.attr.state_focused),
            intArrayOf( android.R.attr.state_hovered),
            intArrayOf( android.R.attr.state_enabled),
            intArrayOf(- android.R.attr.state_enabled)),
        intArrayOf(Color.parseColor(activeColor), 
            Color.parseColor(focusedColor),     
            Color.parseColor(unfocusedcolor), 
            Color.parseColor(hoveredColor),
            Color.parseColor(enabledColor),
            Color.parseColor(disabledColor))
    )

    inputLayout.setBoxStrokeColorStateList(colorState)

Upvotes: 1

Gabriele Mariotti
Gabriele Mariotti

Reputation: 365048

You can use the setBoxStrokeColorStateList method. Something like:

textInputLayout.setBoxStrokeColorStateList(AppCompatResources.getColorStateList(this,R.color.text_input_layout_stroke_color));

It works with a selector as:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:color="?attr/colorPrimary" android:state_focused="true"/>
  <item android:alpha="0.87" android:color="?attr/colorOnSurface" android:state_hovered="true"/>
  <item android:alpha="0.12" android:color="?attr/colorOnSurface" android:state_enabled="false"/>
  <item android:alpha="0.38" android:color="?attr/colorOnSurface"/>
</selector>

Upvotes: 9

Related Questions