AndroidTV开发中TextView、Button、Recyclerview实现焦点效果很简单,设置一个badkground就可以了,shape里面设置两种状态,获取焦点时的图片或者背景,没有焦点时的图片或背景,代码如下:
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/shape_vip_focus_bg" android:state_selected="true"/> <item android:drawable="@drawable/shape_vip_focus_bg" android:state_focused="true" /> <item android:drawable="@drawable/shape_vip_focus_bg" android:state_pressed="true" /> <item android:drawable="@color/transparent"/> </selector>1.获取焦点时的效果:
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <stroke android:color="@color/colorPrimary" android:width="4dp"/> </shape>2.但是ImageView设置焦点效果时会出现一个问题,由于ImageView有一个src属性,所以在设置background会被遮挡,这时不是focus无效,也不是焦点效果无用,网上的一般的方法是让UI切一张带效果的图,本文这里想了一个折中的办法,用一个父布局设置一个背景,然后把图片放到这个父布局中,图片的大小根据父布局来计算或者固定写死都行,具体看需求,代码如下:
3.完整布局代码如下:
<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <TextView android:id="@+id/textView" android:layout_width="200dp" android:layout_height="40dp" android:background="@drawable/shape_vip_select_bg" android:focusable="true" android:focusableInTouchMode="true" android:gravity="center" android:text="文本" android:textColor="@color/colorPrimary" app:layout_constraintTop_toTopOf="parent" app:layout_constraintLeft_toRightOf="parent" app:layout_constraintRight_toLeftOf="parent"/> <Button android:id="@+id/button" android:layout_width="200dp" android:layout_height="40dp" android:layout_marginTop="20dp" android:background="@drawable/shape_vip_select_bg" android:focusable="true" android:focusableInTouchMode="true" android:gravity="center" android:text="按钮" android:textColor="@color/colorPrimary" app:layout_constraintLeft_toRightOf="parent" app:layout_constraintRight_toLeftOf="parent" app:layout_constraintTop_toBottomOf="@+id/textView" /> <RelativeLayout android:layout_width="100dp" android:layout_height="100dp" android:background="@drawable/shape_vip_select_bg" android:focusable="true" android:focusableInTouchMode="true" android:layout_marginTop="20dp" app:layout_constraintTop_toBottomOf="@+id/button" app:layout_constraintLeft_toRightOf="parent" app:layout_constraintRight_toLeftOf="parent"> <ImageView android:layout_width="90dp" android:layout_height="90dp" android:scaleType="fitXY" android:src="@mipmap/index_play_3" android:layout_centerInParent="true"/> </RelativeLayout> </androidx.constraintlayout.widget.ConstraintLayout>4.实现的效果如下:
5.代码很简单,但是这个过程很痛苦,找了很多资料和第三方库,由于时间问题和局限性,所以没有采取第三方,ui也比较忙,想了这么一个笨办法,暂时先这样吧!下一篇讲解实现ImageView待阴影特性的焦点效果,也是用shape实现的.如果小伙伴们有更好地方法可以给我留言,我会积极采纳.
最后例子完整地址如下:
https://gitee.com/jackning_admin/ImagViewFocus