在通常的开发中，会给按钮设计按下效果，不可用状态，给用户最直观的体验，但是在按键机或者是TV开发中，用户只能通过按键或者遥控器（带触摸屏的电视除外）来进行操作，也就是只能通过焦点的变化来告诉用户当前选中的是什么。
视觉给出的效果如下：
progressBar视觉变化.gif
文字和背景都比较简单，通过一个selector即可实现，就不再说了。
ProgressBar没有focused的属性，也没有selected属性，因此不能通过一个selector来解决问题。
解决方案：
1.定义progressBar四种状态文件(在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>
...
注意点：
- TextView要添加
android:duplicateParentState="true"属性， - ProgressBar要使用
style="@android:style/Widget.ProgressBar.Horizontal"，我试过源码里的style会没有效果 - 父布局要根据情况来设置
android:focusable="true"和android:focusableInTouchMode="true"属性
接下来就是关键时刻，因为ProgressBar无法获取焦点，所以考虑使用父布局来进行操作，核心代码如下：
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));
}
}
});
通过上面的代码，就完成了视觉的要求，完活。
