前段时间突然接到任务要开发一个TV应用,整个过程还算顺利,中间也有很多小插曲,其中最主要的一点关于TV开发方面的资料实在太少,找了不少资料但坑也不少,最近趁着有空,就将其中的一些坑整理一下
框架选择
其实,TV框架要做的事情并不是很多,主要是解决如下几个问题:
1,第一首要解决列表光标记忆问题,导致这个问题的主要原因是TV一般主要靠Focus 或者select 事件标识选中的位置,而在快速滑动时,当下一个view还没生成时,将会导致滑不动。
2,刷新列表时,view重绘,光标如何重新回到记忆位置
3, 在遥控器状态下,点击列表刷新某列数据,崩溃,这个在最后给出了解决方案
4,viewPager+Fragment 往边缘位置移动,控制不划向下一页
5,飞框动画
6,选中发光背景**
尽量在开发前想好怎么解决这些问题,免得事后来回重写。
RecyclerView光标记忆,网上的解决方案很多,普通的列表,网格布局都没问题,当用到复杂布局,快速移动时,大部分解决方案都是然并卵,TV开发优先是推荐使用官方的 LeanBack, 能解决大部分这些问题,但是因为Leanback 很多功能没有完全开放
推荐使用 V14LeanBack
基本能解决以上列表光标问题,包括下拉刷新,这个库本身是从LeanBack 改过来的,虽然其他很多解决方案中也提供了怎么下拉刷新,但是我使用过程当中,遇到了各种坑。
复杂布局解决方案
例如一行row栏若干cloums,像上面说的大部分解决方案都失效了,我的布局结构是 ViewPager +Fragment+Recyclerview,类似这种我使用的是 TvRecyclerView
其实在V14LeanBack也能解决,采用oneRow +more ListRow 不过感觉性能上会打些折扣
飞框动画
试下这个吧 BorderViewDemo
其实我用的是TV_Weight 但奈何也有点坑 ,而且有很多其他不需要的东西,预计后期会在项目中替换。个人觉得,如果有坑,能不用尽量不用
选中展示发光背景
例如我们UI设计是这样的
image.png
了解 clipToPadding clipChildren
TV上大部分会采用放大某一项的方式标识选中位置,在使用的时候中需要加入这两个属性。
加了上面属性后,比较复杂一点的问题如下,导致列表会滚动到上面,这里只要在外面布局去掉clipChildren 列表使用 padding,另外控制好列表宽度就好
clipToPadding和clipChildren 参考资料
当时我们使用的是tv_weight但是奈何这个库在我使用的使用偶尔位置不是那么准,并且只有外阴影,后面我们直接采用改背景的笨方法。当然也可以selector和和外阴影结合使用
调试工具
前期用的是官方的模拟器,看不出飞焦等问题,用了雷电模拟器 ,当然其他的也可以试试。能在盒子或者真机上开发最好
屏幕尺寸适配
屏幕尺寸适配方面使用的是dimens 文件适配,当时查阅的是两年以前的资料,适配性上就我在几个模拟器和小米TV测试下来比纯粹的dip兼容性好很多,当时还查到一篇文章解释了原理
但是dimens也有一些问题 如果适配的机型没有包含在dimens 中也会导致布局变形
事后,看一些资料也有推荐 鸿洋大神的 autoLayout的,结果大神又推荐了 presentLayout ,这个类库已经废弃推荐了官方的 ContrainLayout .
总结来说,autoLayout 的 issue还是不少的,好多还没关闭,我自己采取的是ContrainLayout 和 dimens 配合使用 ,其实主要用到的是 ContrainLayout 百分比定位和百分比大小,一些不需要那么精确的地方就使用了 dimens ,懒得算,其实按道理都用ContranLayout是最好的
约束布局的百分比定位和大小,以前还不知道,项目做到后期,才使用上
文字适配
文字大小使用的是px,用sp的话 屏幕物理尺寸差别太大,到实际展示的效果还有是有段距离,总之用dimens 适配的 px ,起码我测试的几个机型下来没啥大问题
以上用在普通手机适配按理也是可行的
关于ViewPager 配合Tab
默认情况下,往上移动时最靠近哪个tab就会移到哪个tab,建议在recyclerview的 dispatchKeyEvent 做个钩子监听keyup事件,如果移动到顶部,记忆tab requestFocus就好
recyclerview.setOnKeyInterceptListener(new BaseGridView.OnKeyInterceptListener() {
@Override
public boolean onInterceptKeyEvent(KeyEvent event) {
if (event.getAction() == KeyEvent.ACTION_DOWN) {
switch (event.getKeyCode()) {
case KeyEvent.KEYCODE_DPAD_LEFT:
if (recyclerview.isFocusOnLeftmostColumn()) {
if (oldView == null) {
tbLayout.getChildAt(0).requestFocus();
} else {
oldView.requestFocus();
}
return true;
}
return false;
case KeyEvent.KEYCODE_DPAD_UP:
return false;
case KeyEvent.KEYCODE_DPAD_RIGHT:
return false;
case KeyEvent.KEYCODE_DPAD_DOWN:
return false;
default:
return false;
}
}
return false;
}
});
监听KeyListener
监听KeyListener时,有个问题,会调用两次,后面发现是因为 ACTION_UP 和ACTION_UP都走事件,过滤掉其中一种就好
recyclerview.setOnKeyInterceptListener(new BaseGridView.OnKeyInterceptListener() {
@Override
public boolean onInterceptKeyEvent(KeyEvent event) {
if (event.getAction() == KeyEvent.ACTION_DOWN) {
}
return false;
}
});
关于RecyclerView 刷新某一项更新崩溃
在TV上通过遥控器或者键盘点击刷新某一项,必现崩溃,不知道别人遇到没有,调用这个方法就好了
recyclerview 局部刷新的坑
mRecycleViewAdapter.notifyItemChanged(position, "ivluowei");
以上基本涵盖了TV开发的所有问题,如果有更好的解决方案欢迎讨论交流
网友评论