Leanback(1)-播放控制栏下添加新的行

news2025/1/13 7:31:58

 

我们要在播放控制栏下面加入下面一行。

这个就是标准的row。

leanback的原理

Android Leanback结构源码简析 - 简书

我们知道Row用来提供数据,row可以通过一个ObjectAdapter来管理和提供数据

我们知道presenter是一个负责将数据绑定到视图上的对象,它可以根据不同的数据类型创建不同的视图

如何做上图红框中的UI呢?

RowsSupportFragment用来干什么的呢?

RowsSupportFragment是一个Fragment,它用于显示一个垂直的列表,列表中的每一行都是由ObjectAdapter提供的数据和RowPresenter创建的视图组成。

PlaybackSupportFragment

我们知道VideoSupportFragment继承于PlaybackSupportFragment,我们接下来看下PlaybackSupportFragment的实现

public class PlaybackSupportFragment extends Fragment {
    //用于显示list,覆盖了PlaybackSupportFragment整个页面
    RowsSupportFragment mRowsSupportFragment;
    //设置给mRowsSupportFragment用于显示垂直列表
    ObjectAdapter mAdapter;
    //播放控制presenter
    PlaybackRowPresenter mPresenter;
    //播放控制的row
    Row mRow;
    
    @Override
    public View onCreateView(LayoutInflater inflater, 
                                ViewGroup container,
                             Bundle savedInstanceState)
     {
      /**
      *获取RowsSupportFragment,RowsSupportFragment作为layout中的一部分
      */
      mRowsSupportFragment = (RowsSupportFragment) getChildFragmentManager().findFragmentById(
                R.id.playback_controls_dock);
                      
        if (mRowsSupportFragment == null) {
            mRowsSupportFragment = new RowsSupportFragment();
            getChildFragmentManager().beginTransaction()
                    .replace(R.id.playback_controls_dock, mRowsSupportFragment)
                    .commit();
        }
        
     
        // 这里设置了adapter,如果mAdapter没有设置,mAdapter就是ArrayObjectAdapter,Prsenter是ClassPresenterSelector
                   if (mAdapter == null) {
            setAdapter(new ArrayObjectAdapter(new ClassPresenterSelector()));
        } else {
            mRowsSupportFragment.setAdapter(mAdapter);
        }  
                mRowsSupportFragment.setOnItemViewSelectedListener(mOnItemViewSelectedListener);
        mRowsSupportFragment.setOnItemViewClickedListener(mOnItemViewClickedListener);                                       
      }
      
  /**
  *setAdapter可以知道都设置到了mRowsSupportFragment
  */
     public void setAdapter(ObjectAdapter adapter) {
        mAdapter = adapter;
        setupRow();
        setupPresenter();
        setPlaybackRowPresenterAlignment();

        if (mRowsSupportFragment != null) {
            mRowsSupportFragment.setAdapter(adapter);
        }
    }
    
}

/**
*setupRow可以看到是把row放到了adapter中
*/
 private void setupRow() {
        if (mAdapter instanceof ArrayObjectAdapter && mRow != null) {
            ArrayObjectAdapter adapter = ((ArrayObjectAdapter) mAdapter);
            if (adapter.size() == 0) {
                adapter.add(mRow);
            } else {
                adapter.replace(0, mRow);
            }
        } else if (mAdapter instanceof SparseArrayObjectAdapter && mRow != null) {
            SparseArrayObjectAdapter adapter = ((SparseArrayObjectAdapter) mAdapter);
            adapter.set(0, mRow);
        }
    }
    
    //为adapter设置PresenterSelector
     private void setupPresenter() {
        if (mAdapter != null && mRow != null && mPresenter != null) {
            PresenterSelector selector = mAdapter.getPresenterSelector();
            if (selector == null) {
                selector = new ClassPresenterSelector();
                ((ClassPresenterSelector) selector).addClassPresenter(mRow.getClass(), mPresenter);
                mAdapter.setPresenterSelector(selector);
            } else if (selector instanceof ClassPresenterSelector) {
                ((ClassPresenterSelector) selector).addClassPresenter(mRow.getClass(), mPresenter);
            }
        }
    }   
    
     public void setPlaybackRow(Row row) {
        this.mRow = row;
        setupRow();
        setupPresenter();
    }

       public void setPlaybackRowPresenter(PlaybackRowPresenter presenter) {
        this.mPresenter = presenter;
        setupPresenter();
        setPlaybackRowPresenterAlignment();
    }



总结下,上面的代码就是创建了RowsSupportFragment,创建了ArrayObjectAdapter,并把创建的ArrayObjectAdapter设置给RowsSupportFragment。

播放器的控制UI是如何显示在页面的呢?

我们平常使用leanback定义的播放控制UI,我们通过下面的方式使用

    //mPlayerAdapter封装了player
            mMediaPlayerGlue = new PlaybackTransportControlGlue(getActivity(),
                mPlayerAdapter);
        mHost = new VideoSupportFragmentGlueHost(VideoSupportFragment);
        mMediaPlayerGlue.setHost(mHost);

通过上面的代码,我们知道了mMediaPlayerGlue通过VideoSupportFragmentGlueHost持有了VideoSupportFragment的一个实例。那么播放器的控制UI又是如何添加到VideoSupportFragment中的呢?

我们接下来看下PlaybackTransportControlGlue

我们通过代码发现PlaybackTransportControlGlue继承于PlaybackBaseControlGlue

我们接下来看下PlaybackBaseControlGlue

class  PlaybackBaseControlGlue  extends PlaybackGlue{
    void onCreateDefaultControlsRow() {
        if (mControlsRow == null) {
            PlaybackControlsRow controlsRow = new PlaybackControlsRow(this);
            setControlsRow(controlsRow);
        }
    }
    
    /**
    *由于presenter关系到视图的样式,所以需要在子类中实现
    */
    void onCreateDefaultRowPresenter() {
        if (mControlsRowPresenter == null) {
            setPlaybackRowPresenter(onCreateRowPresenter());
        }
    }
    
    
    /**
    *这里的host就是VideoSupportFragmentGlueHost,通过查看源码发现
    *setPlaybackRowPresenter和setPlaybackRow我们知道最后就设置到了PlaybackSupportFragment中的mAdapter中,mAdapter又设置给了RowsSupportFragment
    */
    @Override
    protected void onAttachedToHost(PlaybackGlueHost host) {
        super.onAttachedToHost(host);                         onCreateDefaultControlsRow();
        onCreateDefaultRowPresenter();
        host.setPlaybackRowPresenter(getPlaybackRowPresenter());
        host.setPlaybackRow(getControlsRow());  
    }
}



public class PlaybackTransportControlGlue<T extends PlayerAdapter>
        extends PlaybackBaseControlGlue<T> {
        
    
    @Override
    protected PlaybackRowPresenter onCreateRowPresenter() {

        PlaybackTransportRowPresenter rowPresenter = new PlaybackTransportRowPresenter() {
            @Override
            protected void onBindRowViewHolder(RowPresenter.ViewHolder vh, Object item) {
                super.onBindRowViewHolder(vh, item);
                vh.setOnKeyListener(PlaybackTransportControlGlue.this);
            }
            @Override
            protected void onUnbindRowViewHolder(RowPresenter.ViewHolder vh) {
                super.onUnbindRowViewHolder(vh);
                vh.setOnKeyListener(null);
            }
        };
        return rowPresenter;
    }
}

通过上面的分析我们就知道了PlaybackControlsRow和PlaybackTransportRowPresenter,添加到了到了VideoSupportFragment中的RowsSupportFragment中mAdapter中。

这个架构有点绕,我们再总结下。

PlaybackSupportFragment中有个成员变量RowsSupportFragment,RowsSupportFragment覆盖于PlaybackSupportFragment。在PlaybackSupportFragment创建了ArrayObjectAdapter,名字为mAdapter,并设置给了RowsSupportFragment。我们就知道了,只要把row和present添加到mAdapter中就可以实现UI的正常显示。

PlaybackTransportControlGlue最为粘合剂,实现了UI和播放器的粘合。我们在PlaybackTransportControlGlue的基类PlaybackBaseControlGlue的onAttachedToHost发现创建了播放控制的row和presenter,并通过VideoSupportFragmentGlueHost实现对PlaybackSupportFragment的操作setPlaybackRow和setPlaybackRowPresenter,并添加到了PlaybackSupportFragment的mAdapter,添加mAdapter的row和presenter。

RowsSupportFragment我们知道就是垂直的列表,列表根据row和presenter。

如何在播放控制UI下面继续添加新的UI呢?

我们通过上面分析知道了,播放控制UI就是加在了PlaybackSupportFragment的mAdapter中,那么我们也可以非常简单的新建ROW和presenter并将其加入到mAdapter中。

ListRow

//A Row composed of a optional HeaderItem, and an ObjectAdapter describing the items in the list.

public class ListRow extends Row {
    private final ObjectAdapter mAdapter;
    private CharSequence mContentDescription;

    /**
     * Returns the {@link ObjectAdapter} that represents a list of objects.
     */
    public final ObjectAdapter getAdapter() {
        return mAdapter;
    }

    public ListRow(HeaderItem header, ObjectAdapter adapter) {
        super(header);
        mAdapter = adapter;
        verify();
    }

    public ListRow(long id, HeaderItem header, ObjectAdapter adapter) {
        super(id, header);
        mAdapter = adapter;
        verify();
    }

    public ListRow(ObjectAdapter adapter) {
        super();
        mAdapter = adapter;
        verify();
    }
    }

通过类的描述我们知道ListRow是用来显示一个标题加一个列表的样式。形如

我们看到有一个构造函数

    public ListRow(HeaderItem header, ObjectAdapter adapter) {
        super(header);
        mAdapter = adapter;
        verify();
    }

HeaderItem只要传入一个String即可创建,那么adapter怎么处理呢?

既然是列表那么adapter肯定是ArrayObjectAdapter,ArrayAdapter又如何创建呢?

    public ArrayObjectAdapter(Presenter presenter) {
        super(presenter);
    }

Presenter使用来显示具体UI,并实现数据绑定的。我们接下来看看presenter的实现

public abstract class Presenter implements FacetProvider {
    /**
    *创建viewHolder,实现view复用与避免每次执行昂贵的findviewById
    **/
    public abstract ViewHolder onCreateViewHolder(ViewGroup parent);
    /**
    **数据绑定
    */
    public abstract void onBindViewHolder(ViewHolder viewHolder, Object item);
    /**
    *数据销毁
    */
    public abstract void onUnbindViewHolder(ViewHolder viewHolder);     

}

presenter创建成功后,我们可以通过ArrayObjectAdapter的

public void setItems(final List itemList, final DiffCallback callback)

设置具体数据的显示。

下面是具体的demo。

leanbcakshowcase: android leanback 例子的二次修改

下面三个文件是具体的实现

CardPresenter.java
VideoConsumptionExampleFragmentV1.java
VideoMediaPlayerGlueV1.java

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/468263.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

基于STM32的智能语音垃圾桶设计

一. 系统设计及框图&#xff1a; 本设计整体功能如下&#xff1a; 1. 超声波感应到有人靠近时语音提示“垃圾放置请分类”。 2. 检测垃圾筒时是否满&#xff0c;当满时语音提示“垃圾桶已满”。 3. 光传感器检测&#xff0c;指示灯指示。 4. 语音识别不同的垃圾类型。 二.…

前端程序员的职业发展规划与路线——ChatGPT的回答

文章目录 一、前端程序员的职业规划是&#xff1f;回答1&#xff1a; 作为一个前端开发程序员&#xff0c;您的职业发展路线可能如下&#xff1a;回答2&#xff1a;作为前端开发程序员&#xff0c;您的职业发展路线可能如下&#xff1a;回答3&#xff1a; 你的职业发展路线可能…

ASEMI代理ADI亚德诺ADM3051CRZ-REEL7车规级芯片

编辑-Z ADM3051CRZ-REEL7芯片参数&#xff1a; 型号&#xff1a;ADM3051CRZ-REEL7 显性状态&#xff1a;78 mA 隐性状态&#xff1a;10 mA 待命状态&#xff1a;275μA CANH输出电压&#xff1a;4.5V CANL输出电压&#xff1a;2V 差动输出电压&#xff1a;3V 输入电压…

【AI生产力工具】Upscale.media:用AI技术提升照片质量,让你的作品更出色

文章目录 简介一、Upscale.media是什么&#xff1f;二、如何使用Upscale.media&#xff1f;三、总结 简介 在如今的数字时代&#xff0c;图片已经成为我们日常生活中不可或缺的一部分&#xff0c;从社交媒体到电子商务网站&#xff0c;从广告宣传到个人生活&#xff0c;都需要…

璀璨盛启·焕美升级 上颜集团杭州医学旗舰中心盛大启幕

2023年4月26日&#xff0c;「璀璨盛启焕美升级」上颜杭州医学旗舰中心启幕盛典在杭州滨江钱龙大厦耀新启幕。上颜用审美、匠心构建城市的活力与色彩&#xff0c;致力于为客户带来全新的美丽方式和一流的品质服务。 &#xff08;上台剪彩嘉宾从左至右依次为&#xff09;上颜集团…

CSS3小可爱亲吻表白特效,给你的五一假期增添点小乐趣

马上五一假期了&#xff0c;小伙伴们是不是都准备出去旅游呢&#xff0c;或者回老家陪陪父母。今天我用CSS3制作一个小可爱亲吻表白的特效&#xff0c;来给你即将到来的五一假期增添点小小的乐趣。 目录 实现思路 左边小可爱的实现 右边小可爱的实现 左右摇摆动效的实现 右…

LeetCode43. 字符串相乘(Java解法)

0 题目描述 给定两个以字符串形式表示的非负整数 num1 和 num2&#xff0c;返回 num1 和 num2 的乘积&#xff0c;它们的乘积也表示为字符串形式。 注意&#xff1a;不能使用任何内置的 BigInteger 库或直接将输入转换为整数。 示例 1: 输入: num1 “2”, num2 “3” 输出…

【三十天精通 Vue 3】 专栏内容介绍

在这个专栏中&#xff0c;我们将带你深入了解 Vue 3 的各个方面。首先&#xff0c;我们将带你了解 Vue 3 的新特性和改进&#xff0c;包括 Composition API、Provide/Use Case、Vuex 3 等。然后&#xff0c;我们将详细介绍 Vue 3 的组件化开发、路由、状态管理等方面的内容。 …

LineSegmentIntersector::Intersections中ratio含义及LineSegmentIntersector相交点说明

osg用osgUtil库中的LineSegmentIntersector、IntersectionVisitor类来求线段和三维模型的交点 如下代码&#xff1a; #include <QtCore/QCoreApplication> #include <osgViewer/Viewer> #include <osgViewer/ViewerEventHandlers> #include <osgViewer…

Duboo介绍与入门

文章目录 1、Dubbo的前世今生2、Dubbo的快速入门2.1、Dubbo的基本架构2.2、Nacos2.3、管理后台2.4、入门案例2.4.1、服务提供者搭建环境代码实现配置文件 2.4.2、服务消费者搭建环境代码实现配置文件 最后说一句 1、Dubbo的前世今生 2011年10月27日&#xff0c;阿里巴巴开源了…

Vue项目解决跨域问题

跨域&#xff08;Cross-Origin&#xff09;是指在浏览器中运行的 JavaScript 代码试图访问不同源的资源时所遇到的一类限制问题。不同源是指协议&#xff08;http、https&#xff09;、域名&#xff08;example.com、google.com&#xff09;、端口号&#xff08;80、8080&#…

双时间维度,你的时间管理大师丨三叠云

双时间维度 路径 表单 >> 表单设计 功能简介 「甘特图视图」新增 双时间维度设置 的配置项。 为了解决日常任务管理中对于“计划时间”维度的时间设置问题&#xff0c;【时间设置】项增加了【双时间维度设置】的配置项&#xff0c;用户开启后可以设置 计划开始时间 …

Matlab 牛顿迭代法(1)牛顿法

一、牛顿迭代公式 1、定义 2、原理推导 泰勒公式&#xff1a; 常用的8个泰勒公式&#xff1a; 推导&#xff1a; 将f(x)f(x)在Xk 处的泰勒公式展开&#xff1a; f(x)f(Xk)f(Xk)(X-Xk) f(Xk)/2 *(x-Xk)^2.......... 我们吧线性的一部分先拿出来&#xff1a;f(x)f(Xk)f(X…

【python知识】容器对象的推导式

一、说明 Python 推导式&#xff0c;是针对容器对象&#xff08;列表,字典&#xff0c;集合&#xff0c;元组&#xff09;的产生方式的语句。它可以从一个数据序列构建另一个新的数据序列的结构体。 Python 支持各种数据结构的推导式&#xff1a; 列表(list)推导式字典(dict)推…

【Java|golang】1048. 最长字符串链

给出一个单词数组 words &#xff0c;其中每个单词都由小写英文字母组成。 如果我们可以 不改变其他字符的顺序 &#xff0c;在 wordA 的任何地方添加 恰好一个 字母使其变成 wordB &#xff0c;那么我们认为 wordA 是 wordB 的 前身 。 例如&#xff0c;“abc” 是 “abac”…

拍卖小程序开发:从需求分析到设计实现

在当今数字时代&#xff0c;拍卖小程序已经成为了一个重要的销售和交易工具。拍卖小程序的开发不仅能够提供高效的销售渠道&#xff0c;还能够为用户提供全新的购物体验。因此&#xff0c;开发一个拍卖小程序成为了许多商家的首要任务。 拍卖小程序的开发可以帮助商家拓展销售…

uniapp打包

niapp 的打包首先要先配置&#xff0c;配置好了才能去进行打包&#xff0c;如图所示。 这只是第一步。 注意&#xff1a; 1.运行基础路径最好用 ./ &#xff0c;如果配置了其他请自行添加路径。 2.由于uniapp 的特性&#xff0c;所以导致了不支持 history 模式&#xff0c;…

第13届蓝桥杯国赛真题剖析-2022年5月29日Scratch编程初中级组

[导读]&#xff1a;超平老师的《Scratch蓝桥杯真题解析100讲》已经全部完成&#xff0c;后续会不定期解读蓝桥杯真题&#xff0c;这是Scratch蓝桥杯真题解析第127讲。 第13届蓝桥杯Scratch国赛真题&#xff0c;这是2022年5月29日举办的全国总决赛&#xff0c;比赛仍然采取线上…

三分钟教你看懂 spring 官方文档

新手如何学会查看官方文档API 首先进入官网&#xff1a;这里以 spring boot 为例 &#xff0c;进入spring 官方地址 我们进入 spring boot 这里我们要看文档当然是要 learn 了&#xff0c;所以点进去。 我需要的东西在 IO 模块里面&#xff0c;点 IO 进入 发送邮件是不是有了…

python+nodejs+php+springboot+vue 高校大学生创业管理系统

本论文主要论述了如何使用java语言开发一个高校创新创业管理系统&#xff0c;本系统将严格按照软件开发流程进行各个阶段的工作&#xff0c;面向对象编程思想进行项目开发。在引言中&#xff0c;将论述高校创新创业管理系统的当前背景以及系统开发的目的&#xff0c;后续章节将…