您当前的位置:首页 > 电脑百科 > 程序开发 > 语言 > JAVA

你们说的抖音效果是怎样实现的!程序员:java面前都不是事

时间:2019-07-19 14:26:51  来源:  作者:
你们说的抖音效果是怎样实现的!程序员:java面前都不是事

 

有朋友问,抖音的视频效果怎么实现,今天看到了作者做了一个实现,真让人感叹:

sorry, RecyclerView真的可以为所欲为!文末附小编整理的JAVA的一些干货敬请领取吧

首先看作者实现的抖音的效果:

 

时下最火的莫过抖音了,实现这个效果应该很简单嘛,用ViewPager就可以了。但是等你通过ViewPager来实现的时候,手机内存不够用的情况就会显现出来。

有没有更好的方式呢???

自然是有,每个人都会用RecyclerView吧,我们就用RecyclerView来实现这个效果,关于内存的回收利用就交给RecyclerView就好了。

那么我们怎么通过RecyclerView来实现这个效果呢?如果你使用过SnapHelper的话,就会很好理解。

1.自定义LayoutManager,并且继承LinearLayoutManager,这样就得到一个可以水平排向或者竖向排向的布局策略。

如果你接触过SnapHelper应该了解一个LinearSnapHelper的类,可以实现让列表的Item居中显示的效果。但是这里我们不用这个类,我们要的效果是一次只能滑动一个Item,也就是一页。PagerSnapHelper就可以做到哦。

@Override
 public void onAttachedToWindow(RecyclerView view) {
 super.onAttachedToWindow(view);
 mPagerSnapHelper.attachToRecyclerView(view);
 this.mRecyclerView = view;
 }

2.经过第一步基本可以实现抖音的效果,但是写完之后一会发现,不知道哪里来开始播放视频和在哪里释放视频。

不要着急,要监听滑动到哪页,需要我们重写onScrollStateChanged()函数,这里面有三种状态:

  • SCROLL_STATE_IDLE(空闲)
  • SCROLL_STATE_DRAGGING(拖动)
  • SCROLL_STATE_SETTLING(要移动到最后位置时)

我们需要的就是RecyclerView停止时的状态,我们就可以拿到这个View的Position.注意这里还有一个问题,当你通过这个position去拿Item会报错,这里涉及到RecyclerView的缓存机制,自己去脑补~~。

打印Log,你会发现RecyclerView.getChildCount()一直为1或者会出现为2的情况。好了,我们自己来实现一个接口然后通过接口把状态传递出去。

监听器

public interface OnViewPagerListener {
 /*释放的监听*/
 void onPageRelease(boolean isNext,int position);
 /*选中的监听以及判断是否滑动到底部*/
 void onPageSelected(int position,boolean isBottom);
 /*布局完成的监听*/
 void onLayoutComplete();
}

获取到RecyclerView空闲时选中的Item,重写LinearLayoutManager的onScrollStateChanged方法

@Override
public void onScrollStateChanged(int state) {
 switch (state) {
 case RecyclerView.SCROLL_STATE_IDLE:
 View viewIdle = mPagerSnapHelper.findSnapView(this);
 int positionIdle = getPosition(viewIdle);
 if (mOnViewPagerListener != null && getChildCount() == 1) {
 mOnViewPagerListener.onPageSelected(positionIdle,positionIdle == getItemCount() - 1);
 }
 break;
 case RecyclerView.SCROLL_STATE_DRAGGING:
 View viewDrag = mPagerSnapHelper.findSnapView(this);
 int positionDrag = getPosition(viewDrag);
 break;
 case RecyclerView.SCROLL_STATE_SETTLING:
 View viewSettling = mPagerSnapHelper.findSnapView(this);
 int positionSettling = getPosition(viewSettling);
 break;
 }
}

3.列表的选中监听好了,我们就看看什么时候释放视频的资源,第二步中的三种状态,去打印getChildCount()的日志,你会发现getChildCount()在:

  • SCROLL_STATE_DRAGGING会为1
  • SCROLL_STATE_SETTLING为2
  • SCROLL_STATE_IDLE有时为1,有时为2

还是RecyclerView的缓存机制,这里不会去赘述缓存机制,我们要做的是要知道在什么时候去做释放视频的操作,还要分清是释放上一页还是下一页,因为适配器adapter的position在这里不好使嘛,这里有两个方法scrollHorizontallyBy()和scrollVerticallyBy()可以拿到滑动偏移量,可以判断滑动方向,好~ 齐活了。

看代码:

/**
 * 监听竖直方向的相对偏移量
 * @param dy
 * @param recycler
 * @param state
 * @return
 */
 @Override
 public int scrollVerticallyBy(int dy, RecyclerView.Recycler recycler, RecyclerView.State state) {
 this.mDrift = dy;
 return super.scrollVerticallyBy(dy, recycler, state);
 }
 /**
 * 监听水平方向的相对偏移量
 * @param dx
 * @param recycler
 * @param state
 * @return
 */
 @Override
 public int scrollHorizontallyBy(int dx, RecyclerView.Recycler recycler, RecyclerView.State state) {
 this.mDrift = dx;
 return super.scrollHorizontallyBy(dx, recycler, state);
 }
// 可以释放资源的监听,也就是回收Item的时候
private RecyclerView.OnChildAttachStateChangeListener mChildAttachStateChangeListener = new RecyclerView.OnChildAttachStateChangeListener() {
 @Override
 public void onChildViewAttachedToWindow(View view) {
 }
 @Override
 public void onChildViewDetachedFromWindow(View view) {
 if (mDrift >= 0){
 if (mOnViewPagerListener != null) mOnViewPagerListener.onPageRelease(true,getPosition(view));
 }else {
 if (mOnViewPagerListener != null) mOnViewPagerListener.onPageRelease(false,getPosition(view));
 }
 }
 };

大功告成。

是不是觉得很不可思议就好了,贴一哈具体使用的代码,初始化视频和释放视频的地方:

@Override
protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_view_pager_layout_manager);
 initView();
 initListener();
}
private void initView() {
 mRecyclerView = findViewById(R.id.recycler);
 mLayoutManager = new ViewPagerLayoutManager(this, OrientationHelper.VERTICAL);
 mAdapter = new MyAdapter();
 mRecyclerView.setLayoutManager(mLayoutManager);
 mRecyclerView.setAdapter(mAdapter);
}
private void initListener(){
 mLayoutManager.setOnViewPagerListener(new OnViewPagerListener() {
 @Override
 public void onPageRelease(boolean isNext,int position) {
 Log.e(TAG,"释放位置:"+position +" 下一页:"+isNext);
 int index = 0;
 if (isNext){
 index = 0;
 }else {
 index = 1;
 }
 releaseVideo(index);
 }
 @Override
 public void onPageSelected(int position,boolean isBottom) {
 Log.e(TAG,"选中位置:"+position+" 是否是滑动到底部:"+isBottom);
 playVideo(0);
 }
 @Override
 public void onLayoutComplete() {
 playVideo(0);
 }
 });
}

作者也曾指出,更多效果,等你来补充。最近的姿势还是学会作者自定义LayoutManager的方式,掌握真正的内功心法。



Tags:抖音效果   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
1 说明:=====1.1 吸烟有害健康!!纯属娱乐和学习python的相关知识。1.2 虽然是娱乐,但是opencv、dlib和python在人工智能、人脸识别、自动化等有很大作用,目前已经或者未来会有更...【详细内容】
2020-06-05  Tags: 抖音效果  点击:(181)  评论:(0)  加入收藏
有朋友问,抖音的视频效果怎么实现,今天看到了作者做了一个实现,真让人感叹:sorry, RecyclerView真的可以为所欲为!文末附小编整理的java的一些干货敬请领取吧首先看作者实现的抖...【详细内容】
2019-07-19  Tags: 抖音效果  点击:(374)  评论:(0)  加入收藏
▌简易百科推荐
面向对象的特征之一封装 面向对象的特征之二继承 方法重写(override/overWrite) 方法的重载(overload)和重写(override)的区别: 面向对象特征之三:多态 Instanceof关键字...【详细内容】
2021-12-28  顶顶架构师    Tags:面向对象   点击:(2)  评论:(0)  加入收藏
一、Redis使用过程中一些小的注意点1、不要把Redis当成数据库来使用二、Arrays.asList常见失误需求:把数组转成list集合去处理。方法:Arrays.asList 或者 Java8的stream流式处...【详细内容】
2021-12-27  CF07    Tags:Java   点击:(3)  评论:(0)  加入收藏
文章目录 如何理解面向对象编程? JDK 和 JRE 有什么区别? 如何理解Java中封装,继承、多态特性? 如何理解Java中的字节码对象? 你是如何理解Java中的泛型的? 说说泛型应用...【详细内容】
2021-12-24  Java架构师之路    Tags:JAVA   点击:(5)  评论:(0)  加入收藏
大家好!我是老码农,一个喜欢技术、爱分享的同学,从今天开始和大家持续分享JVM调优方面的经验。JVM调优是个大话题,涉及的知识点很庞大 Java内存模型 垃圾回收机制 各种工具使用 ...【详细内容】
2021-12-23  小码匠和老码农    Tags:JVM调优   点击:(12)  评论:(0)  加入收藏
前言JDBC访问Postgresql的jsonb类型字段当然可以使用Postgresql jdbc驱动中提供的PGobject,但是这样在需要兼容多种数据库的系统开发中显得不那么通用,需要特殊处理。本文介绍...【详细内容】
2021-12-23  dingle    Tags:JDBC   点击:(13)  评论:(0)  加入收藏
Java与Lua相互调用案例比较少,因此项目使用需要做详细的性能测试,本内容只做粗略测试。目前已完成初版Lua-Java调用框架开发,后期有时间准备把框架进行抽象,并开源出来,感兴趣的...【详细内容】
2021-12-23  JAVA小白    Tags:Java   点击:(11)  评论:(0)  加入收藏
Java从版本5开始,在 java.util.concurrent.locks包内给我们提供了除了synchronized关键字以外的几个新的锁功能的实现,ReentrantLock就是其中的一个。但是这并不意味着我们可...【详细内容】
2021-12-17  小西学JAVA    Tags:JAVA并发   点击:(11)  评论:(0)  加入收藏
一、概述final是Java关键字中最常见之一,表示“最终的,不可更改”之意,在Java中也正是这个意思。有final修饰的内容,就会变得与众不同,它们会变成终极存在,其内容成为固定的存在。...【详细内容】
2021-12-15  唯一浩哥    Tags:Java基础   点击:(17)  评论:(0)  加入收藏
1、问题描述关于java中的日志管理logback,去年写过关于logback介绍的文章,这次项目中又优化了下,记录下,希望能帮到需要的朋友。2、解决方案这次其实是碰到了一个问题,一般的情况...【详细内容】
2021-12-15  软件老王    Tags:logback   点击:(19)  评论:(0)  加入收藏
本篇文章我们以AtomicInteger为例子,主要讲解下CAS(Compare And Swap)功能是如何在AtomicInteger中使用的,以及提供CAS功能的Unsafe对象。我们先从一个例子开始吧。假设现在我们...【详细内容】
2021-12-14  小西学JAVA    Tags:JAVA   点击:(22)  评论:(0)  加入收藏
相关文章
    无相关信息
最新更新
栏目热门
栏目头条