一种TV（Android系统）通用焦点框的实现

最新推荐文章于 2024-06-14 17:25:24 发布
原创 最新推荐文章于 2024-06-14 17:25:24 发布 · 9.4k 阅读 · 15 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Android #电视 #交互设计 #焦点框 #焦点

本文介绍了在Android电视应用中实现通用焦点框的方法，包括焦点变化监听、添加焦点层以及详细阐述如何绘制焦点框，提升电视端交互体验。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在电视的交互设计中，通常需要一个焦点框来指示当前选中了哪个控件，如果每个控件都通过给background设置selector的方式，实现焦点框效果，需要写很多xml文件。
所以这里偷懒实现一个通用的焦点框，实现自动跟随焦点变化，实现焦点框指示。原理如下图。
原理就是在Activity的setContentView方法导入的View（上图蓝色）上层再添加一层充满屏幕的View（半透明黄色）。这层View用来绘制焦点框。当真实view的焦点发生变化，获取真实获得焦点的view的位置，把焦点框绘制在它的上边。这样就实现了个通用焦点框。
完成上述操作需要解决以下几个问题
1.如何监听真实view的焦点变化
2.如何把蒙版层添加到原始view的上层
3.如何得到获得到焦点真实view的位置
4.把焦点框绘制在真实view的正上方

焦点变化监听

需要知道view树焦点状态的变化
Android中提供了ViewTreeObserver来监听View树中一系列状态变化
看下ViewTreeObserver的解释
这是一个注册监听视图树的观察者(observer)，在视图树种全局事件改变时得到通知。这个全局事件不仅还包括整个树的布局，从绘画过程开始，触摸模式的改变等。ViewTreeO
最低0.47元/天 解锁文章

200万优质内容无限畅学
android自定义View（三）——动画焦点框
Rookie的专栏
07-16 3080
源码已同步到github：https://github.com/ykbjson/FocusView.git闲话 本来最近在做一个IPTV的广告插件包，因为这个项目没多少功能，仅仅涉及悬浮Window的相关操作，所以后面就很闲，看到别的同事在分析阿狸TV市场的一个炫酷效果，所以就索性自己尝试仿效一下。
Android 自定义焦点框,android 设置输入框设置光标
weixin_39894104的博客
05-25 873
一、需求背景：项目开发中经常遇到输入框，有时候需要自定义光标二、预期效果：三、实现方式1、xml格式文件布局android:layout_width="wrap_content"android:layout_height="wrap_content"android:textCursorDrawable="@drawable/cursor_bg"/>drawable资源，用shape控制是一个...
TvFocusBorder:Android Tv 焦点框框架; 支持设置颜色或图片作为焦点框; 支持圆角变化
05-13
欢迎使用Android TV端焦点框框架 TvFocusBorder 支持焦点移动; 支持颜色或图片作为焦点框; 支持焦点框圆角变化; 效果 Gradle 引入 //support版本 implementation 'com.owen:tv-focusborder:1.1.4' //androidx版本 implementation 'com.owen:tv-focusborder:2.0.1' 使用 /** 颜色焦点框 */ FocusBorder mColorFocusBorder = new FocusBorder.Builder().asColor() //阴影宽度(方法shadowWidth(18f)也可以设置阴影宽度) .shadowWidth(TypedValue.COMPLEX_UNIT_DIP, 20f) //阴影颜色
Android TＶ开发　焦点框
陈明日的博客
07-02 3167
Android TＶ开发　焦点框 对于TV或者投影设备来说说，各种事件的处理，主要依赖于遥控器，通过焦点框来显示焦点出现的位置 一般可以通过响应事件来切换控件的背景（例：drawable/selector.xml），但是影响用户体验 通过焦点框的动画效果，使用平移动画绘制焦点框的移动轨迹，并且焦点框随着控件的形状而变化。 动画最终状态是,焦点框从失去焦点的位置移动到获得焦点的位置,控件放大,焦点框
Android TV焦点框动画效果
会飞的猫的博客
12-29 4360
背景意义 对于TV端来说,各种Android事件的处理,依赖于遥控操作,不像移动终端可以通过Touch主观感觉焦点存在位置,TV焦点需要通过图像显示出来.因此焦点框显示效果非常影响用户体验,一般焦点效果常见的是控件背景加高亮框,或通过触发事件切换背景,亦或伸缩控件大小.实际上,我们可以实现具有动画效果的焦点框.实现的动画效果为:使用平移动画绘制焦点框移动轨迹,同时焦点框随着控件形状动态改
Android TV 上使用的RecyclerView和焦点框架，焦点框移动效果，完胜androidTvwidget的MainUpView
05-11
在android tv开发中最方便快捷的开发库，一两行代码搞定获取得焦点效果，列表移动框边缘拦截，事件处理
android 焦点框绘制,android自定义View（三）——动画焦点框
weixin_34726945的博客
06-02 658
闲话本来最近在做一个IPTV的广告插件包，因为这个项目没多少功能，仅仅涉及悬浮Window的相关操作，所以后面就很闲，看到别的同事在分析阿狸TV市场的一个炫酷效果，所以就索性自己尝试仿效一下。模仿效果这个炫酷的效果大致如下：1.当视图容器里的子视图发生焦点切换时，一个悬浮的焦点框(不是系统的)会从失去焦点的子视图上飘移到获得焦点的子视图上，并且焦点框的大小逐渐变化为获得焦点视图的大小；2，飘移完成...
FocusControl，专为Android TV应用提供的焦点控制框架
丨日食丨的博客
08-29 1770
焦点控制框架，用于Android TV应用的焦点控制。FocusControl提供了一系列焦点控制的方法，极大地方便了Android TV应用的焦点控制。
Android焦点窗口
最新发布
qq_41095045的博客
06-14 2206
何为焦点窗口？顾名思义就是有焦点窗口,要注意和view的焦点概念要做区分，两个不是一个层面上的概念。为什么窗口要拥有焦点呢，下面都是我的理解，有不对的地方欢迎讨论:焦点窗口主要使用在InputDispachar分发按键事件——keyevent阶段,在keyevent分发阶段,此时的焦点窗口就是该事件应该分发给的窗口。不像触摸事件，在分发过程中可以通过触摸的坐标推断给事件应该分发给那个窗口，keyeven来自物理按键，没有对应的坐标，只能通过焦点窗口确定发送给那个窗口。
Android 自定义焦点框,Android给自定义按键添加广播和通过广播给当前焦点输入框赋值...
weixin_39715834的博客
05-25 222
一、给自定义按键添加广播修改PhoneWindowManager.java中的interceptKeyBeforeDispatching方法/frameworks/base/policy/src/com/android/internal/policy/impl/PhoneWindowManager.java@Overridepublic long interceptKeyBeforeDispatc...
android TV Recyclerview焦点控制及自动换行
09-23
最近开始接触Android TV端开发，有好多不适应，尤其是对焦点的控制，这也是手机app和电视app最大的不同之处。RecyclerView是个强大的控件，能代替ListView，GridView，能实现瀑布流，还能实现横向ListView，只需要一句代码就能使纵向的ListView变成横向的（主要实现就是布局管理器的选择上）。这里我要实现的是RecyclerView的item的焦点控制和RecyclerView末尾自动换行。
Android TV 焦点框移动的实现方法
08-27
本篇文章主要介绍了Android TV 焦点框移动的实现方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
TV焦点滑动框移动效果demo
04-10
本demo是基于在网上下载的一个demo修改，原有的demo只有焦点移动，现在修改了原有的效果支持焦点框效果，且上下滑动和左右滑动时效果框能够停留在屏幕中间
FocusLayoutManager-有焦点item的水平/垂直滚动RecyclerView-LayoutManager。仿Android豆瓣书影音“推荐“频道列表布局.zip
09-23
有焦点item的水平/垂直滚动RecyclerView-LayoutManager。仿Android豆瓣书影音“推荐“频道列表布局效果截图: GIF:  可自己监听滚动编写效果，如修改成仿MacOS文件浏览: 依赖api 'com.ccy:FocusLayoutManager:1.0.1' // （or implementation）使用focusLayoutManager =                 new FocusLayoutManager.Builder()                         .layerPadding(dp2px(this, 14))                         .normalViewGap(dp2px(this, 14))                         .focusOrientation(FocusLayoutManager.FOCUS_LEFT)                         .isAutoSelect(true)                         .maxLayerCount(3)                         .setOnFocusChangeListener(new FocusLayoutManager.OnFocusChangeListener() {                             @Override                             public void onFocusChanged(int focusdPosition, int lastFocusdPosition) {                                                              }                         })                         .build(); recyclerView.setLayoutManager(focusLayoutManager);各属性意义见图： 注意：因为item在不同区域随着滑动会有不同的缩放，所以实际layerPadding、normalViewGap会被缩放计算。调整动画效果：new FocusLayoutManager.Builder()                         ......                         .setSimpleTrasitionListener(new FocusLayoutManager.SimpleTrasitionListener() {                              @Override                             public float getLayerViewMaxAlpha(int maxLayerCount) {                                 return super.getLayerViewMaxAlpha(maxLayerCount);                             }                             @Override                             public float getLayerViewMinAlpha(int maxLayerCount) {                                 return super.getLayerViewMinAlpha(maxLayerCount);                             }                             @Override                             public float getLayerChangeRangePercent() {                                 return super.getLayerChangeRangePercent();                             }                             //and more                                                          //更多可重写方法和释义见接口声明                         })                         .build();自定义动画/滚动监听：如果你想在滑动时不仅仅改变item的大小、透明度，你有更多的想法，可以监听TrasitionListener,该监听暴露了很多关键布局数据，......             .setSimpleTrasitionListener(null) //如果默认动画不想要，移除之。or use removeTrasitionlistener(XXX)              .addTrasitionListener(new FocusLayoutManager.TrasitionListener() {                             @Override                             public void handleLayerView(FocusLayoutManager focusLayoutManager,                                                         View view, int viewLayer,                                                         int maxLayerCount, int position,                                                         float fraction, float offset) {                                                              }                             @Override                             public void handleFocusingView(FocusLayoutManager focusLayoutManager,                                                            View view, int position,                                                            float fraction, float offset) {                             }                             @Override                             public void handleNormalView(FocusLayoutManager focusLayoutManager, View view, int position, float fraction, float offset) {                             }                         })各参数意义见接口注释。 实际上SimpleTrasitionListener内部就会被转为TrasitionListener。可参考转换类是怎么做的：TrasitionListenerConvert源码解析https://blog.youkuaiyun.com/ccy0122/article/details/90515386
掌握Android TV焦点控制与RecyclerView自动换行技巧
本知识点将详细介绍如何在Android TV端实现RecyclerView的焦点控制以及末尾自动换行的功能。 ### Android TV端开发特点 首先，需要了解Android TV端与手机app的主要区别。Android TV面向的是大屏幕电视，用户交互...
通用接口的联合应用：iPhone+AndroidTV整合示例
本章节主要探讨了通用性接口在IT领域中的组合应用，通过复习和扩展前文的概念，将焦点集中在如何利用已有的通用接口来实现跨平台设备间的整合，如手机（如iPhone）与Android TV的协同工作。以下是主要内容的详细说明...
两步集成TV移动框架，从未如此简单
欢迎关注公众号：【码农突围】，公号后台回复9999，可以获取一份500页的LeetCode刷题笔记。
04-14 611
导读：TV相关的资料网上相对来说少点，我早期写了七篇TV相关的开发总结，有开源了一些Demo,在我的github上，今天是单灿灿同学独家在本公众平台发布他最新开源的TV框架。单灿灿的bl...
android 焦点背景,Android TV 焦点框移动
weixin_30002803的博客
05-26 386
Tv开发，最重要的当然是焦点框的移动，有了焦点框我们才能知道当前选中的是哪一个，我们来看下效果图：焦点框移动那它是怎么实现的呢，我们一起来看下。原理布局上使用一个view，背景是.9图片做焦点框，选中一个控件的时候把这个view移动选中的控件的位置。怎么样，是不是很简单，行动起来。先看下布局codeing布局：xmlns:tools="http://schemas.android.com/tool...
Android发光特效焦点框-遥控器版本
jiang4920的专栏
03-04 7188
适用于android智能电视的全局焦点框控件，可以省去为每个按钮设计focused的按钮图标。 效果描述： 1.完整适配各种尺寸的图标按钮 2.平滑的补件动画切换焦点 3.点击效果闪光+声音 import android.content.Context; import android.graphics.drawable.AnimationDrawable; import androi
评论 15
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值