Android 自定義view中根據狀態修改drawable圖片

来源:https://www.cnblogs.com/stars-one/archive/2023/07/09/17538874.html
-Advertisement-
Play Games

原文地址:[Android 自定義view中根據狀態修改drawable圖片 - Stars-One的雜貨小窩](https://stars-one.site/2023/07/09/android-view-state-drawable) 本文涉及知識點: - Android里的selector圖片 ...


原文地址:Android 自定義view中根據狀態修改drawable圖片 - Stars-One的雜貨小窩

本文涉及知識點:

  • Android里的selector圖片使用
  • 底部導航欄的使用
  • 自定義view的步驟瞭解

建議有以上基礎有助於幫助你理解本篇文章....

起因,由於UI那邊的實現,不是按照的Material Design風格設計的,設計的底部導航欄圖標和文本在同一行,原本想用官方的BottomNavigation組件也沒法使用,只好自己仿造地寫個自定義組件

正常BottomNavigation組件,是讀取menu文件來設置圖標和文本從而實現數據

在自定義View中,如何根據狀態去修改drawble圖片?

說明

從menu菜單文件得知:通過icon屬性設置一個drawble對象即可實現圖標

如果你給的drawable對象為一個selector,那麼在selector中正確聲明瞭不同狀態下的drawable,那麼就能夠實現圖標在選中和未選中的圖標變更,具體可以參考我之前的文章,Android BottomNavigation底部導航欄使用 - Stars-One的雜貨小窩

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

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

仿照實現導航欄切換圖標功能

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

我們需要自定義view去讀取menu文件里的數據,得到icon的drawble文件,並根據不同狀態去取這個drawable里的圖片,之後去更改我們的imageview即可

獲取菜單文件icon內容:

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

獲取不同狀態的drawable:

先說下思路,我們view中有一個狀態位標明當前是哪個item選擇,當item為選擇的時候,我們讓item的圖標展示已選中狀態的drawable,反之則相反


//view中的一個狀態表示
val viewIsCheck = false

if (icon is StateListDrawable) {
    val drawable = if(viewIsCheck){
        getDrawable(icon, android.R.attr.state_checked)
    }else{
        //加個-號,則表示反過來的狀態(即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的擴展方法,方便之後調用,已收錄在我的庫中stars-one/XAndroidUtil: 封裝自己常用的一些Android的組件或工具

/**
 * 獲取不同狀態的drawable
 * @param flag 可選數值如下
- [android.R.attr.state_pressed]：按鈕被按下時的狀態。
- [android.R.attr.state_focused]：視圖獲取焦點時的狀態。
- [android.R.attr.state_selected]：視圖被選中時的狀態。
- [android.R.attr.state_checked]：用於可選中的視圖，表示視圖處於選中狀態。
- [android.R.attr.state_enabled]：視圖可用時的狀態。
- [android.R.attr.state_hovered]：視圖被懸停時的狀態。
- [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
    }
}

其他補充

動態構造StateListDrawable對象

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

// 創建 StateListDrawable
val stateListDrawable = StateListDrawable()

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

// 添加預設狀態的 Drawable
val defaultDrawable = resources.getDrawable(R.drawable.default_bg, null)
stateListDrawable.addState(intArrayOf(), defaultDrawable)

// 將 StateListDrawable 設置為 View 的背景
view.background = stateListDrawable

自定義view的reference類型

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

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

之後在代碼里使用getResourceId方法可以讀取屬性數據:

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);
  
}

關於顏色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)

封裝的擴展方法,獲取某個狀態的color:

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

動態構造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)

關於ColorStateListDrawable類型

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

與StateListDrawable有些區別的是,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內容:

<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>

參考

提問之前，請先看提問須知 點擊右側圖標發起提問 聯繫我 或者加入QQ群一起學習 Stars-One安卓學習交流群 TornadoFx學習交流群:1071184701
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Zephyr入門教程 2 線程
    **1.安裝Wifi配置庫(nanoFramework.System.Device.Wifi)** ![](https://img2023.cnblogs.com/blog/2907004/202307/2907004-20230710193559740-846116472.jpg) > 1.1 n ...
  • 多行文本轉成一行的實現方法
    哈嘍大家好，我是鹹魚 不知道你們有沒有遇到過下麵的情況，以我為例 有時候我會收到批量操作伺服器的需求，且我會拿到一個伺服器 ip 列表，它是一個多行的形式，如下所示 ```bash # ip 列表 192.168.0.1 192.168.0.2 192.168.0.3 192.168.0.4 192 ...
  • 選讀SQL經典實例筆記04_日期運算（上）
    ![](https://img2023.cnblogs.com/blog/3076680/202307/3076680-20230710222226297-1155867049.png) # 1. 年月日加減法 ## 1.1. DB2 ### 1.1.1. sql ```sql select hir ...
  • 大數據面試題集錦-Hadoop面試題(四)-YARN
    > 你準備好面試了嗎?這裡有一些面試中可能會問到的問題以及相對應的答案。如果你需要更多的面試經驗和麵試題，關註一下"**張飛的豬大數據分享**"吧，公眾號會不定時的分享相關的知識和資料。 [TOC] ## 1、為什麼會產生 yarn,它解決了什麼問題，有什麼優勢？ 1）Yarn最主要的功能就是解決運 ...
  • 嵌入式資料庫簡介
    本文主要從TiDB的各類組件為起點，瞭解它的基礎架構，並重點分析它在存儲架構方面的設計，探究其如何組織數據，Table中的每行記錄是如何在記憶體和磁碟中進行存儲的。 ...
  • 一站式運維管家 ChengYing 主機接入原理解析
    之前的文章中，我們已經為大家介紹了 [ChengYing](https://github.com/DTStack/chengying) 的安裝原理、產品包製作、產品線部署等內容，本篇將和大家介紹一個困擾許多開發者的內容——ChengYing 主機接入。幫助所有對 ChengYing 感興趣的開發者更 ...
  • MySQL之InnoDB存儲結構
    InnoDB存儲引擎最早由Innobase Oy公司開發（屬第三方存儲引擎）。從MySQL 5.5版本開始作為表的預設存儲引擎。該存儲引擎是第一個完整支持ACID事務的MySQL存儲引擎，特點是行鎖設計、支持MVCC、支持外鍵、提供一致性非鎖定讀，非常適合OLTP場景的應用使用。目前也是應用最廣泛的... ...
  • 麒麟V10操作系統安裝達夢DM8常見問題分享
    一、麒麟V10關閉防火牆 kylinV10系統或linux系統關閉啟動防火牆開啟防火牆並設置開機自啟啟動： systemctl start firewalld關閉： systemctl stop firewalld查看狀態： systemctl status firewalld開機禁用 ： syst ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類