Android?自定義view中根據(jù)狀態(tài)修改drawable圖片

更新時間：2023年07月10日 08:37:24 作者：Stars-one

這篇文章主要介紹了Android?自定義view中根據(jù)狀態(tài)修改drawable圖片的相關(guān)資料,需要的朋友可以參考下

說明

從menu菜單文件得知:通過icon屬性設(shè)置一個drawble對象即可實現(xiàn)圖標(biāo)

如果你給的drawable對象為一個selector,那么在selector中正確聲明了不同狀態(tài)下的drawable,那么就能夠?qū)崿F(xiàn)圖標(biāo)在選中和未選中的圖標(biāo)變更,具體可以參考我之前的文章,Android BottomNavigation底部導(dǎo)航欄使用 - Stars-One的雜貨小窩

這里xml里的selector,其實最終被Android里解析處理,得到一個StateListDrawable對象

PS selector可以在drawable或color中使用,如果在color中使用,得到的就是ColorStateList對象

仿照實現(xiàn)導(dǎo)航欄切換圖標(biāo)功能

前面的一些自定義view的步驟在此略過,主要講解核心的東西

我們需要自定義view去讀取menu文件里的數(shù)據(jù),得到icon的drawble文件,并根據(jù)不同狀態(tài)去取這個drawable里的圖片,之后去更改我們的imageview即可

獲取菜單文件icon內(nèi)容:

val menuRes = R.menu.test_menu

val popupMenu = PopupMenu(context, View(context))
popupMenu.inflate(menuRes)
val menu = popupMenu.menu

//得到menu后,使用此對象獲取icon或label等屬性
val icon =  menu.children.first().icon

獲取不同狀態(tài)的drawable:

先說下思路,我們view中有一個狀態(tài)位標(biāo)明當(dāng)前是哪個item選擇,當(dāng)item為選擇的時候,我們讓item的圖標(biāo)展示已選中狀態(tài)的drawable,反之則相反

//view中的一個狀態(tài)表示
val viewIsCheck = false

if (icon is StateListDrawable) {
    val drawable = if(viewIsCheck){
        getDrawable(icon, android.R.attr.state_checked)
    }else{
        //加個-號,則表示反過來的狀態(tài)(即xml里的android:state_checked屬性為false)
        val drawable = getDrawable(icon, -android.R.attr.state_checked)
    }	
    myBottomNavItem.ivIcon.load(drawable)
}


fun getDrawable(icon: StateListDrawable, flag: Int): Drawable {
    return if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
        val index = icon.findStateDrawableIndex(intArrayOf(flag))
        icon.getStateDrawable(index)!!
    } else {
        icon.state = IntArray(android.R.attr.state_checked)
        icon.current
    }
}

工具方法封裝

這里稍微把上面的工具方法getDrawable寫成了StateListDrawable的擴展方法,方便之后調(diào)用,已收錄在我的庫中stars-one/XAndroidUtil: 封裝自己常用的一些Android的組件或工具

/**
 * 獲取不同狀態(tài)的drawable
 * @param flag 可選數(shù)值如下
- [android.R.attr.state_pressed]：按鈕被按下時的狀態(tài)。
- [android.R.attr.state_focused]：視圖獲取焦點時的狀態(tài)。
- [android.R.attr.state_selected]：視圖被選中時的狀態(tài)。
- [android.R.attr.state_checked]：用于可選中的視圖，表示視圖處于選中狀態(tài)。
- [android.R.attr.state_enabled]：視圖可用時的狀態(tài)。
- [android.R.attr.state_hovered]：視圖被懸停時的狀態(tài)。
- [android.R.attr.state_activated]：用于用作活動項目的視圖。
 *
 */
fun StateListDrawable.getXStateDrawable(flag: Int): Drawable {
    val icon =this
    return if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
        val index = icon.findStateDrawableIndex(intArrayOf(flag))
        icon.getStateDrawable(index)!!
    } else {
        icon.state = IntArray(android.R.attr.state_checked)
        icon.current
    }
}

其他補充

動態(tài)構(gòu)造StateListDrawable對象

上面說到的都是從xml里讀取,既然是一個類,那么我們也可以通過寫代碼的方式快速構(gòu)造出一個StateListDrawable對象

// 創(chuàng)建 StateListDrawable
val stateListDrawable = StateListDrawable()

// 添加按下狀態(tài)的 Drawable
val pressedDrawable = resources.getDrawable(R.drawable.pressed_bg, null)
stateListDrawable.addState(intArrayOf(android.R.attr.state_pressed), pressedDrawable)

// 添加默認(rèn)狀態(tài)的 Drawable
val defaultDrawable = resources.getDrawable(R.drawable.default_bg, null)
stateListDrawable.addState(intArrayOf(), defaultDrawable)

// 將 StateListDrawable 設(shè)置為 View 的背景
view.background = stateListDrawable

自定義view的reference類型

如果需要自定義view,可以在xml中設(shè)置一個menu菜單,可以聲明一個屬性為reference,如下代碼:

 <declare-styleable name="SettingItem">
        <attr name="mymenu" format="reference"/>
</declare-styleable>

之后在代碼里使用getResourceId方法可以讀取屬性數(shù)據(jù):

val ta = context.obtainStyledAttributes(attrs, R.styleable.CustomView);
val menuResourceId = ta.getResourceId(R.styleable.CustomView_menuAttr, 0);
ta.recycle();

//得到菜單文件    
if (menuResourceId != 0) {
    // 加載菜單資源
    val mMenu = PopupMenu(mContext, null).getMenu();
    val inflater = MenuInflater(mContext);
    inflater.inflate(menuResourceId, mMenu);
  
}

關(guān)于顏色ColorStateList

上文也提到,我們也可以在color的資源文件夾中使用selector,這里也補充下如何讀取吧

在color資源文件夾定義文件custom_color_state_list.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="#FF0000" android:state_pressed="true" />
    <item android:color="#00FF00" android:state_enabled="true" />
    <item android:color="#0000FF" />
</selector>

// 從資源文件中讀取 ColorStateList 對象
val colorStateList = ContextCompat.getColorStateList(context, R.color.custom_color_state_list)

// 使用 ColorStateList 對象
textView.setTextColor(colorStateList)

封裝的擴展方法,獲取某個狀態(tài)的color:

/**
 * 獲取selector某個狀態(tài)的color
 * - selector里定義`androird:state_pressed="true"`,即為`android.R.attr.state_pressed`
 * - selector里定義`androird:state_pressed="false"`,即為`-android.R.attr.state_pressed`
 *
 * @param flag 可選數(shù)值如下: 前面加個`-`,標(biāo)示為狀態(tài)為false
- [android.R.attr.state_pressed]：按鈕被按下時的狀態(tài)。
- [android.R.attr.state_focused]：視圖獲取焦點時的狀態(tài)。
- [android.R.attr.state_selected]：視圖被選中時的狀態(tài)。
- [android.R.attr.state_checked]：用于可選中的視圖，表示視圖處于選中狀態(tài)。
- [android.R.attr.state_enabled]：視圖可用時的狀態(tài)。
- [android.R.attr.state_hovered]：視圖被懸停時的狀態(tài)。
- [android.R.attr.state_activated]：用于用作活動項目的視圖。
 *
 */
fun ColorStateList.getColorForState(@AttrRes flag: Int, @ColorInt defaultColor: Int): Int {
    val array = intArrayOf(flag)
    return getColorForState(array, defaultColor)
}

動態(tài)構(gòu)造ColorStateList對象有兩種方法:

ColorStateList.valueOf()
ColorStateList.createFromInt()

//第一種方法
val colors = intArrayOf(Color.RED, Color.GREEN, Color.BLUE)
val states = arrayOf(
    intArrayOf(android.R.attr.state_enabled),
    intArrayOf(android.R.attr.state_pressed),
    intArrayOf()
)

val colorStateList = ColorStateList(states, colors)

//第二種方法
val colors = intArrayOf(Color.RED, Color.GREEN, Color.BLUE)
val states = arrayOf(
    intArrayOf(android.R.attr.state_enabled),
    intArrayOf(android.R.attr.state_pressed),
    intArrayOf()
)

val defaultColor = Color.BLACK

var colorStateList = ColorStateList.createFromInt(states, colors)
colorStateList = colorStateList.withDefaultColor(defaultColor)

關(guān)于ColorStateListDrawable類型

這個類名和上面的有些類型,但其是一個drawable類型,xml文件位于drawable文件夾中

與StateListDrawable有些區(qū)別的是,drawable屬性是使用的shape

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/shape_pressed" android:state_pressed="true" />
    <item android:drawable="@drawable/shape_enabled" android:state_enabled="true" />
    <item android:drawable="@drawable/shape_default" />
</selector>

shape_pressed內(nèi)容:

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FF0000" />
    <corners android:radius="8dp" />
    <stroke
        android:width="2dp"
        android:color="#000000" />
</shape>

到此這篇關(guān)于Android 自定義view中根據(jù)狀態(tài)修改drawable圖片的文章就介紹到這了,更多相關(guān)Android 自定義view 修改drawable圖片內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: