首页 ›存档› 技术 › 查看内容

Android TV开发总结（七）构建一个TV app中的剧集列表控件

2018-3-30 13:00 |来自: 互联网 337 0

摘要: 前言：剧集类控件，在TV app中非常常见，今天将介绍构建一个TV app中的剧集列表控件,此控件上传到我的Github:https://github.com/hejunlin2013/EpisodeListView，点击【阅读原文】，可看对应的github, 喜欢可以star ...

前言：剧集类控件，在TV app中非常常见，今天将介绍构建一个TV app中的剧集列表控件,此控件上传到我的Github:https://github.com/hejunlin2013/EpisodeListView，点击【阅读原文】，可看对应的github, 喜欢可以star。Agenda如下：

效果图
效果图gif
实现思路
代码分析

效果图

效果图gif：

实现思路：

1、用两个RecycleView作为控件横向布局
2、PopupWindow作为该集剧情简介
3、当焦点到达Parent时，对Child进行禁用词语,并发生变化,同理,如果Child超过10个时,通知Parent

代码分析：

EpisodeListView.java 作用：

负责组配两个RecycleView填充对应的数据
焦点禁用词语及获焦情况


public class EpisodeListView extends RelativeLayout implements View.OnFocusChangeListener {
  public static final String TAG = EpisodeListView.class.get**Name();
  private Context mContext;
  private RelativeLayout mContentPanel;
  private RecyclerView mChildrenView;
  private RecyclerView mParentView;
  private LinearLayoutManager mEpisodesLayoutManager;
  private LinearLayoutManager mGroupLayoutManager;
  private EpisodeListViewAdapter mEpisodeListAdapter;
  private ChildrenAdapter mChildrenAdapter;
  private ParentAdapter mParentAdapter;
  private Handler mHandler = new Handler(Looper.getMainLooper());
  public EpisodeListView(Context context) {
    this(context, null);
  }
  public EpisodeListView(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
  }
  public EpisodeListView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    if (!isInEditMode()) {
      mContext = context;
      init();
    }
  }
  private void init() {
    LayoutInflater inflater = LayoutInflater.from(mContext);
    inflater.inflate(R.layout.episodelist_layout, this, true);
    mChildrenView = (RecyclerView) findViewById(R.id.episodes);
    mParentView = (RecyclerView) findViewById(R.id.groups);
    mEpisodesLayoutManager = new LinearLayoutManager(mContext, LinearLayout.HORIZONTAL, false);
    mGroupLayoutManager = new LinearLayoutManager(mContext, LinearLayout.HORIZONTAL, false);
    mChildrenView.setLayoutManager(mEpisodesLayoutManager);
    mParentView.setLayoutManager(mGroupLayoutManager);
    mChildrenView.setItemAnimator(new DefaultItemAnimator());
    mParentView.setItemAnimator(new DefaultItemAnimator());
    mChildrenView.setOnFocusChangeListener(this);
    mParentView.setOnFocusChangeListener(this);
    this.setOnFocusChangeListener(this);
  }
  public void setAdapter(final EpisodeListViewAdapter adapter) {
    mEpisodeListAdapter = adapter;
    mChildrenAdapter = adapter.getEpisodesAdapter();
    mParentAdapter = adapter.getGroupAdapter();
    mChildrenView.setAdapter(mChildrenAdapter);
    mParentView.setAdapter(mParentAdapter);
    mParentAdapter.setOnItemClickListener(new ParentAdapter.OnItemClickListener() {
      @Override
      public void onGroupItemClick(View view, int position) {
        mEpisodesLayoutManager.scrollToPositionWithOffset(adapter.getChildrenPosition(position), 0);
      }
    });
    mParentAdapter.setOnItemFocusListener(new ParentAdapter.OnItemFocusListener() {
      @Override
      public void onGroupItemFocus(View view, int position, boolean hasFocus) {
        int episodePosition = adapter.getChildrenPosition(position);
        mChildrenAdapter.setCurrentPosition(episodePosition);
        mEpisodesLayoutManager.scrollToPositionWithOffset(adapter.getChildrenPosition(position), 0);
      }
    });
    mChildrenAdapter.setOnItemFocusListener(new ChildrenAdapter.OnItemFocusListener() {
      @Override
      public void onEpisodesItemFocus(View view, int position, boolean hasFocus) {
        if (hasFocus) {
          int groupPosition = adapter.getParentPosition(position);
          mGroupLayoutManager.scrollToPositionWithOffset(groupPosition, 0);
          mParentAdapter.setCurrentPosition(adapter.getParentPosition(groupPosition));
        }
      }
    });
    mChildrenAdapter.setOnItemClickListener(new ChildrenAdapter.OnItemClickListener() {
      @Override
      public void onEpisodesItemClick(View view, int position
                      声明：文章版权归原作者所有 部分文章转自互联网 如有侵权请联系 
                      [邮箱地址] 删除

路过

雷人

握手

鲜花

鸡蛋

收藏分享邀请

上一篇：一个计算机专业毕业生工作5年后的困惑下一篇：Android系统架构与系统源码目录

Android TV开发总结（七）构建一个TV app中的剧集列表控件

效果图

效果图gif：

实现思路：

代码分析：

相关分类