小編給大家分享一下StateBackgroundUtil中如何使用一張資源圖片為View設(shè)置具有按下效果的背景，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

公司主營業(yè)務(wù)：網(wǎng)站設(shè)計、成都網(wǎng)站設(shè)計、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)推出東港免費做網(wǎng)站回饋大家。

如何使用一張資源圖片為 View 設(shè)置具有按下效果的 background drawable. 

緣起

前段時間在開發(fā)項目新版本的過程中，設(shè)計師出了一套項目的按下效果規(guī)范。規(guī)范大概是這樣的。

對于一般的按鈕，按鈕按下的效果只有兩種不同的實現(xiàn)。

1、按下后將前置背景圖片變暗，具體就是在正常狀態(tài)的 drawable 上面增加一層 20% 的黑色遮罩。

2、按下后降低前置背景資源透明度，具體就是在按下時改變正常狀態(tài)的 drawable 透明度為原來的 70% 。

很明顯，這套規(guī)范會帶來以下好處。

• 設(shè)計師在出圖時只需要出一張圖，然后只需要告訴開發(fā)人員對應(yīng)的按下效果策略，這樣可以減輕設(shè)計師的出圖負(fù)擔(dān)。

• 客戶端這邊也是，不需要因為實現(xiàn)一個按下效果而導(dǎo)入兩張資源圖片，這樣在減小包大小的同時也省去了客戶端開發(fā)人員去寫 selector 文件的麻煩。

實現(xiàn)方案

其實在之前的開發(fā)過程中，我也曾有過這樣的思考，想怎么可以根據(jù)一張圖來設(shè)置 View 的背景，并讓他具有按下效果。一開始自然而然的想到了處理 View 的  touch 事件，然后在按下時動態(tài)的根據(jù)正常背景設(shè)置按下后的背景資源。

但是后來覺得還是麻煩，而且一些時候一些 View 本身就需要處理 touch 事件，會造成沖突，所以當(dāng)時也就一了百了。

這次經(jīng)過一些搜索，思考，最終使用 StateListDrawable 達(dá)到了了目標(biāo)效果。

StateListDrawable 有一個方法 addState 用于設(shè)置不同狀態(tài)下的 drawable ，包括按下、聚焦、不可用等等所有的狀態(tài)。

所以結(jié)合需求，這里只需要根據(jù)正常狀態(tài)下的 drawable 計算出按下狀態(tài)的 drawable，然后設(shè)置給按下按下狀態(tài)，就可以***實現(xiàn)一套資源實現(xiàn)  View 的按下狀態(tài)。

具體實現(xiàn)

方案已經(jīng)說清楚了，實現(xiàn)其實很簡單，代碼如下所示。

private static Drawable getBackground(@NonNull Context context, @DrawableRes int res, @StatePressedMode.Mode int mode, @FloatRange(from = 0.0f, to = 1.0f) float alpha) {     Drawable normal = context.getResources().getDrawable(res);     Drawable pressed = context.getResources().getDrawable(res);     pressed.mutate();    //根據(jù)不同的按下要求設(shè)置不同的按下drawable     setPressedStateDrawable(mode, alpha, pressed);    final StateListDrawable stateListDrawable = new StateListDrawable();    //按下狀態(tài)     stateListDrawable.addState(new int[]{android.R.attr.state_pressed}, pressed);    //正常狀態(tài)     stateListDrawable.addState(new int[]{}, normal);    return stateListDrawable; }

根據(jù)不同按下模式，處理按下的 drawable

private static void setPressedStateDrawable(@StatePressedMode.Mode int mode, @FloatRange(from = 0.0f, to = 1.0f) float alpha, @NonNull Drawable pressed) {    switch (mode) {        case StatePressedMode.ALPHA:             pressed.setAlpha(convertAlphaToInt(alpha));            break;        case StatePressedMode.DARK:             pressed.setColorFilter(alphaColor(Color.BLACK, convertAlphaToInt(alpha)), PorterDuff.Mode.SRC_ATOP);            break;        default:             pressed.setAlpha(convertAlphaToInt(alpha));     } }

目前該方案的實現(xiàn)已經(jīng)放在了 GitHub， StateBackgroundUtil ，歡迎觀摩支持。

一些細(xì)節(jié)

在設(shè)置按下狀態(tài)的 drawable 時，

Drawable normal = context.getResources().getDrawable(res);Drawable pressed = context.getResources().getDrawable(res);

這里的 normal 和 pressed 使用的資源 res 資源是同一個 id。但是由于 drawable 在加載過程中，同一個 res  資源只要在內(nèi)存中加載過一次,這個 drawable 對應(yīng)的 state 就會保持一致，所以這里要對 pressed 進(jìn)行可變設(shè)置。

pressed.mutate();

關(guān)于 mutate 方法的官方說明

This is especially useful when you need to modify properties of drawables  loaded from resources. By default, all drawables instances loaded from the same  resource share a common state;

注意：由于 View 的按下效果只有在設(shè)置了 clickable 為 true 時才可以看到效果，所以當(dāng)你使用 StateBackgroundUtil 為  View 設(shè)置背景后卻發(fā)現(xiàn)沒有按下效果，你應(yīng)該知道怎么辦。

不足

• 目前不支持不可點擊狀態(tài)

• 不支持顏色背景(當(dāng)然你可以通過 shape 曲線救國)

以上是“StateBackgroundUtil中如何使用一張資源圖片為View設(shè)置具有按下效果的背景”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前名稱：StateBackgroundUtil中如何使用一張資源圖片為View設(shè)置具有按下效果的背景
文章分享：http://aaarwkj.com/article0/pjcdoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動態(tài)網(wǎng)站、網(wǎng)站維護、搜索引擎優(yōu)化、云服務(wù)器、網(wǎng)頁設(shè)計公司、網(wǎng)站設(shè)計公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)