文章目录
简介
下载
使用
1.设置元素可获取焦点
2.设置焦点的样式
3.指定焦点移到到某一个元素上
4.自定义焦点移动
其它
1.提一下初始化
2.监听焦点状态
简介
tv-focusable 是适用于在 TV 端进行网页开发时管理焦点移动的框架,以最简洁的 Api 让前端网页开发就像 android 开发一样自动管理焦点。
下载
npm i tv-focusable
使用
1.设置元素可获取焦点
可获取焦点的元素
不可获取焦点的元素
跟 android 的很相似了吧~
给非 android 开发的同学普及一下,在进行 android 的 TV 端开发时,系统是会自动给 focusable=true 的元素分发焦点的,例如:
android:id="@+id/text1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:focusable="true" />
android:id="@+id/text2"
android:layout_width="wrap_content"
android:layout_height="wrap_content