如何让fragment刷新界面_快速实现android版抖音主界面的心得

原文作者:DK_BurNIng

如何快速确定竞品某个界面的实现方式?


当你收到产品一个需求是模仿某个竞品且时间很短没有过多时间给你调研技术方案的时候,如何尽快确定这个功能的技术方案呢? 这里我给出我自己的一个小窍门,可以避免走弯路,比如先确定的方案到最后发现各种各样的原因方案不行,导致最后临时变更 方案,需求延期发布的悲剧。。。

  • Androidsdkools 首先去这个目录下 找到 monitor这个可执行文件,然后打开你想模仿的竞品页面,然后执行这个文件。
a2af0ec7a810a79bd90c87719d757a70.png

比方说抖音的主界面这种滑动整屏的东西,相信之前很多人都没做过,很多人可能以为recyclerview可以拿来做这种场景,实际上recyclerview确实可以做,但是抖音这里能看出来却是使用了viewpager来做。作为一个模仿者,为了少走弯路, 那么显然 我们也是优先要选择viewpager的。

  • 其次用这个软件,还可以看出来界面上的某个控件所属的id。这个id很重要,后面我们反编译的时候可以通过全局 搜索这个id 找到大概的源码位置,虽然都是混淆过的代码,但是大致还是能分析出一些技术细节的。 这里注意一点:很多阿里系的产品用这个方法你分析界面的时候你会发现根本没有id可以捕捉到,放心这并不是什么 阿里的黑科技反 反编译技术,而是阿里使用了诸如weex react native等类似的方案,当使用这种方案的时候, 我们是找不到id的噢,如果你大致了解weex react-native的实现方案的话你应该明白我在说些什么。
  • 反编译就用jadx就可以,足够使用。在用jadx反编译之后搜索你之前的id,就可以大概找到对应的代码位置,我就是通过 这个手段,确定了抖音使用的垂直的viewpager到底是出自于github上哪个开源控件。。。为了避免法律纠纷我这里就 不明说是用的哪个开源的垂直滑动的viewpager,有兴趣的同学可以自己玩一玩。
  • adb shell dumpsys activity | grep mFocusedActivity 这个命令是神器,可以把你当前正在显示的activity的名字 打出来,方便你更加迅速的定位竞品的代码。。
3ef714ace9456a12869ecfe44ec293a4.png

不要小看这条命令哦,很多功能当你不知道竞品是弹了一个popwindow还是一个dialoagfragment还是启动了一个透明的activity的时候,这个方法就很有用了,可以避免走很多弯路。

总结一下模仿抖音主界面的时候遇到的一些问题和解决方案。

1、抖音整体技术方案是 垂直的viewpager+下拉刷新上拉加载控件+fragment的组合方案。不管是前者还是后者我们都有成熟的开源方案可以选择,我们只是把他合并起来而已。这第一步其实并不难。

2、尽量使用FragmentStatePagerAdapter。FragmentPagerAdapter不推荐使用,可能平时我们用FragmentPagerAdapter更多, 但是要知道FragmentPagerAdapter是不会释放内存的,你不可见的fragment也是常驻内存的,像抖音这种几乎无限滑动的 短视频方案,使用FragmentPagerAdapter肯定是爆内存oom的。而用 FragmentStatePagerAdapter的话,对于不可见的 fragment,系统是自动释放内存的,内存里只会保留你能看到的fragment 和这个看到的fragment前后2个fragmnt。当然 这个值可以动态设置,但是至少都会保留3个fragment。

261966168b98f5635dee5ea3cc75ad7b.png

3、fragmentStatePagerAdapter.notifyDataSetChanged()失效? 有时候,notifyDataSetChanged方法调用了,界面却没有变化?实际上对于fragmentStatePagerAdapter来说,界面刷新不刷新 重绘不重绘 主要取决于getItemPosition方法的返回值,默认是返回 POSITION_UNCHANGED 也就是不重绘。只有 返回POSITION_NONE的时候才会重绘界面,重新绘制一遍fragemnt。 很多人不太理解什么意思,我简单描述一下场景:

比如说,我们刚进抖音的主界面,假设返回了10条视频数据,我们默认播第一条。展示的是第一个fragment,对吧。 然后这个时候我们下拉刷新又来了10条数据,我们应该播放的是新来的这10条数据的第一条。于是你等待接口返回 以后把新来的10条数据插在了我们的数据源这个数组的 头部。 然后调用了notifyDataSetChanged这个方法。 如果你没有重写getItemPosition的方法的话,这个方法默认返回POSITION_UNCHANGED,这是fragmentStatePagerAdapter就认为 我这个界面不需要重绘。所以你还是在不停的播放老的视频。 有人可能会问,我们一直加载更多的话为什么不会出现这种情况?

比方说现在的加载更多其实都是预加载,比如我们一页是返回10条数据,当我们滑到第5条数据的时候 我们可能就会自动请求下一页数据了。所以我们不停的滑动viewpager往后面滑,因为position在不停的变化,所以是不断的有新的fragment进来的。 所以不管getItemPosition 的值如何变化,针对此种情况我们都会刷新界面的。

但是对于下拉刷新这种情况就不行,因为我们默认加载的是第一条数据,我们内存里面已经有了这一条数据了,对于position 位置为0的fragment来说,他已经在内存里了,等我们下拉刷新来了新数据以后,虽然我们调用了notifyDataSetChanged方法, 但是我们发现这个位置为0的fragment 内存里已经有了啊,getItemPosition又返回了POSITION_UNCHANGED,那我就不重绘了, 这就是一个容易出bug的地方。

4、既然如此我们getItemPosition固定返回POSITION_NONE行不行? 答案是不行的,固定返回POSITION_NONE这个值,虽然可以解决下拉刷新 界面不刷新的问题,但是会引发新的问题。 主要有2:

第一,固定返回POSITION_NONE 意味着每次notifyDataSetChanged被调用的时候,我们内存里存在的三个fragment都要重新绘制这样的成本太大,低端手机明显会卡,android大部分视频播放都是软解码方案,这样的性能不行。

第二:还是上面的预加载,比方说我们第一页返回了10条数据,当我们滑到第五条数据的时候,我们预加载预先请求了第二页的时候然后第二页的数据回来以后 我们调用了notifyDataSetChanged,注意这个时候我们可能第五条数据对应的视频我们还没看完呢,比如这条短视频我们才看到第六秒,结果整个界面突然重绘了,直接又重新从第一秒开始播放。。这个体验明显不可接受。

所以我们要做的就是在需要的时候返回POSITION_NONE不需要的时候返回 POSITION_UNCHANGED ,具体的逻辑可以根据你们自己的业务进行相应的调整。

比方说我们可以判断一下,如果源数据也就是mData里面的id和正在播放的fragmetn里面的id相等话,我们就判定不需要刷新界面否则不相等,就刷一下,刚好对应加载更多和下拉刷新的2个场景。

5、如何定位内存泄漏的问题? 对于播放器来说,初次接触的团队如果没有经验,即使有b站开源播放器的帮助也会发生内存泄漏的问题,比方说我们 绘制一个播放界面,总免不了要画进度条,要展示倒计时,textview默认的跑马灯效果那么差,说不定还要自己写个自定义view来完成跑马灯的特效,这些都免不了使用线程,handler,timer等等容易发生内存泄漏的东西。所以当不停的滑动的时候, 如果被滑走的fragment没有及时被释放掉,那上线就肯定会发生oom的问题。对于android studio 3.0或者以上的版本来说:

8b18bb1e74744f47457a644068a1c76b.png
f3305d72a75ce02d6d2d135eede43968.png
45f47775d179f4da11f2eb9936659b96.png

嗯,既然mat都能读了,剩下的就不啰嗦了,网上一搜一大堆。

6、如何根据index 取对应的fragment? 这个也是比较小众的一个知识点,对于fragmentStatePagerAdapter来说,我们知道除了当前在使用的fragment,我们 还有这个fragment前后2个fragment,对于滑动操作来说,我们至少要完成 滑动到下一个fragmetn 要停止前面一个fragment 的视频播放和动画播放等等。 所以根据index 来取fragment对象就变的十分重要。

1a67943faa45d6b583c733a9c376c182.png

这里给出反射的实现:

 public static Fragment getIndexFragment(FragmentStatePagerAdapter fragmentStatePagerAdapter, int index) {        try {            Field privateArrayList = FragmentStatePagerAdapter.class.getDeclaredField("mFragments");            privateArrayList.setAccessible(true);            ArrayList mFragments = (ArrayList) privateArrayList.get(fragmentStatePagerAdapter);            return mFragments.size() > 0 ? mFragments.get(index) : null;        } catch (NoSuchFieldException e) {        } catch (IllegalAccessException e) {        }        return null;    }

同为Android开发的朋友,欢迎各位关注转发哦!

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

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

相关文章

使用JBoss Cool Store的终极云零售指南

我们一直在讨论为什么应用程序开发人员在App Dev Cloud Stack系列中不能再忽略其堆栈了。 带有JBoss Cool Store的App Dev Cloud 我们从头到尾讨论了各个层,但尚未为您提供除Red Hat Container Development Kit(CDK)之外的任何应用程序开发…

02.Python 3.6.4下载与安装

02.Python 3.6.4下载与安装 https://www.python.org/downloads/release/python-364/ Windows x86-64可执行文件安装程序视窗对于AMD64 / EM64T / x64,不是安腾处理器bee5746dc6ece6ab49573a9f54b5d0a131684744SIG我下载的是这个: https://www.python.or…

2018年1月 常用的linux命令

项目中经常用到的Linux命令 (注意:linux命令要小写哦!) (1)、ls 显示当前目录下的文件 (2)、vi vim 进入编辑器,可以选择你要编辑的文档,一般我们将项目打…

javafx2_JavaFX 2 GameTutorial第4部分

javafx2介绍 这是与JavaFX 2游戏教程相关的六个部分系列的第四部分。 如果您错过了第1部分 , 第2部分或第3部分 ,我建议您在开始本教程之前仔细阅读它们。 回顾一下,在第3部分中,我为您提供了许多经典街机风格游戏以及所使用的不同…

vue项目 乐橙云 轻应用直播SDK imouplayer.js

官网案例:https://open.imoulife.com/book/light/sdk.html 文档: https://open.imou.com/developDoc/31 1,下载 对应的资源 https://open.imoulife.com/book/readme/upload.html 2,引入资源 2.1 把下载的资源(static&#xff0c…

jmx 复用 jmx_JMX:一些入门说明

jmx 复用 jmxJMX(Java管理扩展)是一种J2SE技术,可以管理和监视Java应用程序。 基本思想是实现一组管理对象,并将实现注册到平台服务器,在平台服务器上,可以使用一组连接器或适配器从本地或远程调用这些实现…

git 上下载的项目在本地安装依赖时报错 Could not resolve dependency

安装依赖时报错:无法安装依赖 看报错里面的提示:this command with --force, or --legacy-peer-deps –force 会无视冲突,并强制获取远端npm库资源,即使本地有资源也会覆盖掉;–legacy-peer-deps:安装时…

python_fullstack基础(十一)-常用模块

python常用模块 re模块 一、正则表达式 在线测试工具 http://tool.chinaz.com/regex/ 1、字符组 : [字符组] 在同一个位置可能出现的各种字符组成了一个字符组,在正则表达式中用[]表示 字符分为很多类,比如数字、字母、标点等等。 假如你现在…

npm 安装依赖遇到的问题

npm npm的服务器位于国外可能会影响安装 cnpm 淘宝团队做的国内镜像 // 安装 cnpm npm install cnpm -g --registryhttps://registry.npm.taobao.org // 查看版本 cnpm -v // 查 npm 的源 npm config get registry一、cnpm -v 在 cmd 中能识别,但是 VsCode 无法识别…

maven 父maven_Maven的鸟瞰图

maven 父maven我们每天要做的一件事是使用Maven通过发出诸如mvn install之类的构建命令来构建我们的项目。 然后,Maven查看我们项目的配置文件(亲切地称为POM),神奇地找出要执行的操作,并且,嘿,…

mysql断网_断网的情况上如何访问本机的mysql

断网的情况下怎么访问本机的mysql我发现把网络断掉后mysql就不能访问了。使用phpmyadmin(http://localhost/phpmyadmin/index.php?)访问,输入用户名和密码后点击登陆,就会出现“#2002 Cannot log in to the MySQL server”错误。使用命令行登陆&#xf…

Py IO model

事件驱动模型 上节的问题: 协程:遇到IO操作就切换。 但什么时候切回去呢?怎么确定IO操作完了? 很多程序员可能会考虑使用“线程池”或“连接池”。“线程池”旨在减少创建和销毁线程的频率,其维持一定合理数量的线程&a…

Fiddler 扒取微信小程序的图片

安装 Fiddler http://www.downza.cn/soft/234727.html Tools-options配置 如果无法抓取到PC微信小程序 解决办法: 打开小程序,任务管理器找到小程序所在位置,删除文件内容 一般路径为\Tencent\WeChat\XPlugin\Plugins\WMPFRuntime 删除…

JLBH – Java延迟基准线束介绍

在这篇文章中: 什么是JLBH 我们为什么写JLBH JMH和JLBH之间的区别 快速入门指南 什么是JLBH? JLBH是可用于测量Java程序中的延迟的工具。 它具有以下功能: 旨在运行比微型基准测试更大的代码。 适用于使用异步活动(如生产者…

mysql 5.7 mts_mysql5.7 中启用MTS后error log中大量Note日志分析

mysql5.7,启用基于logical_clock的多线程复制,发现error日志增长很快,查看日志发现大量关于多线程复制的Note级别日志。1234567891011121314152018-07-03T03:22:01.63837108:00 8941 [Note] Multi-threaded slave statistics for channel : seconds elapsed 298; e…

Nginx 怎么给一台服务器,配置两个域名?详细的解说+截图教程

一、 环境、条件准备 一台云服务器(我的是腾讯的centos7) 至少两个域名。(我的是simuhunluo.xyz和simuhunluo.top。这两个域名之间没有任何关系,我是在阿里用两个账号分别注册的。) 云服务器上面已经搭建了ngin…

extjs6 mvvm_ZK 6中的MVVM初探

extjs6 mvvmMVVM与MVC 在上一篇文章中,我们已经看到Ajax框架ZK如何采用CSS选择器启发的Controller来在View中连接UI组件并监听它们的事件。 在此ZK MVC模式下, View中的UI组件无需绑定到任何Controller方法或数据对象。 使用选择器模式作为将View状态和事…

多线程 调用 axis 报错_java笔记录(三、多线程)

1、进程和线程:进程:正在进行的程序。每一个进程执行都有一个执行顺序,该顺序是一个执行路径,或者叫一个控制单元。线程:进程内部的一条执行路径或者一个控制单元。两者的区别:一个进程至少有一个线程进程在…

使用PropertyPlaceholderConfigurer读取属性文件

1.简介 通常,当我们考虑将多个应用程序部署到生产环境之前在其中部署服务器时,可以在外部属性文件中配置特定于环境的参数 。 它可能是数据库详细信息,对于测试服务器和生产服务器而言,这是不同的。 因此最好选择将数据库配置文件…

第二天:Swift手势操控弹性按钮

参考链接:https://www.jianshu.com/p/f080ede0f3a8 1 import UIKit2 3 fileprivate let buttonH: CGFloat 2004 5 class ViewController: UIViewController, UIGestureRecognizerDelegate {6 7 IBOutlet weak var segmentControl: UISegmentedControl!8 var randomBtn…