焦点选中状态(二)

来源:互联网 发布:知其所以然论坛 编辑:程序博客网 时间:2024/05/29 12:30

用户使用遥控器控制电视界面,我们需要提示(或突出)当前焦点的位置,用户通过变焦点的位置来控制界面。Android系统提供了许多view,有些view获得焦点会有状态的改变,如:button;也有一些view在获得焦点的时候,默认状态是不会改变的,如:textView、imageView,这会导致用户找不到焦点进而无法有效的操作。通常我们使view的颜色、大小等状态发生改变来显示当前焦点。

selector

编写几个xml文件放到drawable目录下:

选中状态的drawable:view_focus.xml

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">    <!--设置圆角-->    <corners        android:radius="10dp"/>    <!--设置填充颜色-->    <solid        android:color="@color/trans" />    <!-- 设置表框-->    <stroke        android:width="3dp"        android:color="@color/blue"/></shape>

默认状态的drawable:view_normal.xml

  <?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android">    <!--设置填充颜色-->    <solid        android:color="@color/trans" /></shape>

selector: view_selector.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_focused="true" android:drawable="@drawable/view_focus"/>    <!--<item android:state_focused="false" android:drawable="@drawable/view_normal"/>-->    <item android:drawable="@drawable/view_normal"/></selector>

在xml中使用:

     <TextView        android:layout_width="100dp"        android:layout_height="100dp"        android:background="@drawable/view_selector"        android:focusable="true"        android:padding="3dp"          android:text="示例"        android:textColor="#fff"        android:textSize="16sp" />

当焦点选中该TextView时,TextView会显示一个蓝色的边框(如果未显示边框,你可以尝试设置padding ,因为边框很可能被视图自己遮住)。根据自己的需求写合适的drawable,当然也可以是图片。


使用动画

常常是过一个动画来突出焦点,比如:放大。示例如下:

 TextView textView=(TextView )findviewById(R.id.text_view); textView.setOnFocusChangeListener(new View.OnFocusChangeListener() {        @Override        public void onFocusChange(View v, boolean hasFocus) {            if (hasFocus){                textView.animate().scaleX(1.2f).scaleY(1.2f).setDuration(300).start();            }else {                textView.animate().scaleX(1.0f).scaleY(1.0f).setDuration(300).start();            }        }    });

获取焦点时放大,失去后还原。
在RecyclerView中可以自定义item的焦点监听接口,在接口中完成上述动画。通常我们会将selector、动画、设置view颜色、设置背景等方式组合在一起使用。

运动焦点框

后续内容。

原创粉丝点击