在通常的開發(fā)中,會(huì)給按鈕設(shè)計(jì)按下效果,不可用狀態(tài),給用戶最直觀的體驗(yàn),但是在按鍵機(jī)或者是TV開發(fā)中,用戶只能通過按鍵或者遙控器(帶觸摸屏的電視除外)來進(jìn)行操作,也就是只能通過焦點(diǎn)的變化來告訴用戶當(dāng)前選中的是什么。
視覺給出的效果如下:

progressBar視覺變化.gif
文字和背景都比較簡(jiǎn)單,通過一個(gè)selector即可實(shí)現(xiàn),就不再說了。
ProgressBar沒有focused的屬性,也沒有selected屬性,因此不能通過一個(gè)selector來解決問題。
解決方案:
1.定義progressBar四種狀態(tài)文件(在color文件夾里)
progress_color_focus.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="#35BAF3"/>
</selector>
progress_color_normal.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="#005178"/>
</selector>
progress_bg_color_focus.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="#FFFFFF"/>
</selector>
progress_bg_color_normal.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="#A9A9A9"/>
</selector>
ProgressBar的部分布局文件如下:
...
<LinearLayout
android:id="@+id/progress_bar_parent"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:focusable="true"
android:focusableInTouchMode="true"
android:background="@drawable/item_background"
android:padding="10dp"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/app_name"
android:textSize="20sp"
android:duplicateParentState="true"/>
<ProgressBar
android:id="@+id/progress_bar"
android:layout_width="match_parent"
android:layout_height="15dp"
android:layout_margin="15dp"
style="@android:style/Widget.ProgressBar.Horizontal"
android:progress="40"
android:progressTint="@color/progress_color_normal"
android:max="100"
android:progressBackgroundTint="@color/progress_bg_color_normal"
/>
</LinearLayout>
...
注意點(diǎn):
- TextView要添加
android:duplicateParentState="true"屬性, - ProgressBar要使用
style="@android:style/Widget.ProgressBar.Horizontal",我試過源碼里的style會(huì)沒有效果 - 父布局要根據(jù)情況來設(shè)置
android:focusable="true"和android:focusableInTouchMode="true"屬性
接下來就是關(guān)鍵時(shí)刻,因?yàn)镻rogressBar無法獲取焦點(diǎn),所以考慮使用父布局來進(jìn)行操作,核心代碼如下:
mLinearLayout.setOnFocusChangeListener(new View.OnFocusChangeListener() {
@Override
public void onFocusChange(View v, boolean hasFocus) {
if (hasFocus) {
mProgressBar.setProgressTintList(getResources().getColorStateList(R.color.progress_color_focus,null));
mProgressBar.setProgressBackgroundTintList(getResources().getColorStateList(R.color.progress_bg_color_focus, null));
}
else {
mProgressBar.setProgressTintList(getResources().getColorStateList(R.color.progress_color_normal,
null));
mProgressBar.setProgressBackgroundTintList(getResources().getColorStateList(R.color.progress_bg_color_normal, null));
}
}
});
通過上面的代碼,就完成了視覺的要求,完活。