


下載本文檔
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
【移動應用開發(fā)技術(shù)】StateBackgroundUtil中如何使用一張資源圖片為View設置具有按下效果的背景
在下給大家分享一下StateBackgroundUtil中如何使用一張資源圖片為View設置具有按下效果的背景,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!如何使用一張資源圖片為View設置具有按下效果的backgrounddrawable.
緣起前段時間在開發(fā)項目新版本的過程中,設計師出了一套項目的按下效果規(guī)范。規(guī)范大概是這樣的。對于一般的按鈕,按鈕按下的效果只有兩種不同的實現(xiàn)。1、按下后將前置背景圖片變暗,具體就是在正常狀態(tài)的drawable上面增加一層20%的黑色遮罩。2、按下后降低前置背景資源透明度,具體就是在按下時改變正常狀態(tài)的drawable透明度為原來的70%。很明顯,這套規(guī)范會帶來以下好處。設計師在出圖時只需要出一張圖,然后只需要告訴開發(fā)人員對應的按下效果策略,這樣可以減輕設計師的出圖負擔。客戶端這邊也是,不需要因為實現(xiàn)一個按下效果而導入兩張資源圖片,這樣在減小包大小的同時也省去了客戶端開發(fā)人員去寫selector文件的麻煩。實現(xiàn)方案其實在之前的開發(fā)過程中,我也曾有過這樣的思考,想怎么可以根據(jù)一張圖來設置View的背景,并讓他具有按下效果。一開始自然而然的想到了處理View的
touch事件,然后在按下時動態(tài)的根據(jù)正常背景設置按下后的背景資源。但是后來覺得還是麻煩,而且一些時候一些View本身就需要處理touch事件,會造成沖突,所以當時也就一了百了。這次經(jīng)過一些搜索,思考,最終使用StateListDrawable達到了了目標效果。StateListDrawable有一個方法addState用于設置不同狀態(tài)下的drawable,包括按下、聚焦、不可用等等所有的狀態(tài)。所以結(jié)合需求,這里只需要根據(jù)正常狀態(tài)下的drawable計算出按下狀態(tài)的drawable,然后設置給按下按下狀態(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ù)不同的按下要求設置不同的按下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ù)不同按下模式,處理按下的drawableprivate
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,歡迎觀摩支持。一些細節(jié)在設置按下狀態(tài)的drawable時,Drawable
normal
=
context.getResources().getDrawable(res);Drawable
pressed
=
context.getResources().getDrawable(res);這里的normal和pressed使用的資源res資源是同一個id。但是由于drawable在加載過程中,同一個res
資源只要在內(nèi)存中加載過一次,這個drawable對應的state就會保持一致,所以這里要對pressed進行可變設置。pressed.mutate();關(guān)于mutate方法的官方說明Thisisespeciallyusefulwhenyouneedtomodifypropertiesofdrawables
loadedfromresources.Bydefault,alldrawablesinstancesloadedfromthesame
resourceshareacommonstate;注意:由于
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年度智能制造企業(yè)生產(chǎn)管理人才招聘與智能制造協(xié)議
- 二零二五年度立體停車設備研發(fā)與委托運營管理合同
- 二零二五年度航空航天就業(yè)勞動合同
- 二零二五年度叉車安全風險評估與整改合同
- 圍城深度解讀與評析征文
- 新產(chǎn)品市場推廣策略及執(zhí)行方案
- 工業(yè)自動化控制系統(tǒng)設計與維護服務協(xié)議
- 《天文觀測與天體物理學習計劃》
- 行業(yè)市場深度調(diào)研分析
- 互聯(lián)網(wǎng)+三農(nóng)營銷模式創(chuàng)新案例集
- 2024年湖南有色金屬職業(yè)技術(shù)學院單招職業(yè)適應性測試題庫帶答案
- 創(chuàng)傷中心匯報
- 2023年春節(jié)美化亮化工程施工用電預控措施和事故應急預案
- 2024年長沙職業(yè)技術(shù)學院單招職業(yè)技能測試題庫及答案解析
- 與醫(yī)保有關(guān)的信息系統(tǒng)相關(guān)材料-模板
- 聚乙烯(PE)孔網(wǎng)骨架塑鋼復合穩(wěn)態(tài)管
- 范文語文評課稿15篇
- 2024年西安電力高等??茖W校高職單招(英語/數(shù)學/語文)筆試歷年參考題庫含答案解析
- 2016-2023年德州科技職業(yè)學院高職單招(英語/數(shù)學/語文)筆試歷年參考題庫含答案解析
- 外研版三年級下冊英語全冊教案(2024年2月修訂)
- 大學生返回母校宣講
評論
0/150
提交評論