写在前面
提到viewpager想必各位同学一点都不陌生,它是android中最常用的组件之一,一般配合fragment一起使用。网上关于它的基本使用和常规优化方式也有很多,在这里我就不一一赘述,而是直接进入这篇文章的主题--viewpager一些新的优化方式。
我获得这项技能的背景
最近组里做新的web容器的,一次承载多个h5页面,以实现左右切换,默认展示主会场页,并要达到提升打开率的目标。要达到这个目标,那势必要从加载优化入手,缩短页面的打开时间。 优化的点包括但不限于,activity初始化、viewpager和fragment的初始化、webview的初始化等等。我做的第一个优化点便是viewpager相关。
解决viewpager默认加载多个fragment的问题
viewpager会默认给我们缓存多个fragment,这样设计的目的是为了提升左右滑动的流畅度,代价就是会降低首次打开的启动时间。这让一个以打开率为kpi的我来说是不能容忍的!首先想到的解决方案便是,当fragment页面可见时,才从网络加载数据并显示出来。这样做还是不能解决其它fragment被缓存,以导致占用启动时间的问题,那怎么办?既然viewpager不给我们只加载一个fragment的机会,那我们强行创造行不行。我首次只往adapter塞一个fragment,等加载完成后再调用notifydatasetchanged方法更新其它页面行不行!
解决重复刷新的问题
fragmentpageradapter不会销毁已经初始化完毕的fragment
那为什么会有重复刷新的问题?且听我慢慢道来
我们的主会场在viewpager中的位置是由后端下发的。首次加载单个fragment,主会场在viewpager中的位置只能是0,后续更新时根据后端下发的position动态调整其所在的位置。
//调整主会场位置伪代码
marketinginfolist.add(new marketinginfo("www.juejin.com", "主会场"))
for (int i = 0; i <= 3; i++) {
//将放在前两个主会场前面
if (i < 2) {
marketinginfolist.add(i, new marketinginfo("www.baidu.com", "模拟" + i));
} else {
//后两个往主会场后面添加
marketinginfolist.add(new marketinginfo("www.baidu.com", "模拟" + i));
}
}
mpageradapter.notifydatasetchanged();
//重新设置选中主会场
mviewpager.setcurrentitem(2);
可在实际开发的过程中却发现,主会场重复加载了两次,viewpager生成了一个新的fragment去承载主会场。我们的用户元气满满的点开我们的营销页,正准备下单呢,页面突然又重新白屏了一下。留下一句****,愤然离去。作为一名要给公司带来增长价值的开发这是不能接受的!那怎么办呢?分析源码!
viewpager源码解析
instantiateitem方法作用
viewpager会通过这个方法将构造fragment,fragmentmanager和transaction都在这个方法里出现
public object instantiateitem(viewgroup container, int position) {
if (mcurtransaction == null) {
mcurtransaction = mfragmentmanager.begintransaction();
}
final long itemid = getitemid(position);
//跟据itemid生成fragment名字,通过名字去查找fragment是否加载过
string name = makefragmentname(container.getid(), itemid);
fragment fragment = mfragmentmanager.findfragmentbytag(name);
//fragment加载过则直接attach,否则的话新生成一个fragment
if (fragment != null) {
if (debug) log.v(tag, "attaching item #" + itemid + ": f=" + fragment);
mcurtransaction.attach(fragment);
} else {
fragment = getitem(position);
if (debug) log.v(tag, "adding item #" + itemid + ": f=" + fragment);
mcurtransaction.add(container.getid(), fragment,
makefragmentname(container.getid(), itemid));
}
if (fragment != mcurrentprimaryitem) {
fragment.setmenuvisibility(false);
fragment.setuservisiblehint(false);
}
return fragment;
}
instantiateitem会通过getitemid获取到itemid,再生成与fragment对应的唯一tag,通过tag查找fragment是否加载过。也就是说只要tag相同,无论你点击的是哪个tab都会加载到同一个fragment。我们再接着查看生成tag的方法makefragmentname。
private static string makefragmentname(int viewid, long id) {
return "android:switcher:" + viewid + ":" + id;
}
原来tag就是由instantiateitem传入的viewid和itemid两个值组成,那么我们再看看itemid的生成方式
public long getitemid(int position) {
return position;
}
我惊了!更加的简单!也就是说fragment的唯一tag是又position决定的。这下刚刚的问题有答案了吧。
重复刷新的真相与解决
viewpager在初始化fragment时,会根据tag寻找fragment,有则直接加载,无则重新生成。主会场首次加载的position是0,后续调整位置后变成了2,导致两次的tag不一至,所以就出现了重复加载的问题。知道了问题产生的原因,再来想解决办法就好办了。我们可以重写getitem方法,重新定义itemid的生成方式。
public long getitemid(int position) {
//可以直接使用后端给页面id
return pageid;
//后端不给也没事,我们自己生成一个
return data.get(position).gettitle().hashcode();
}
延伸: #getitemposition方法
如果不重写getitemid这方法,将页面位置调整后再跳切回旧的位置,还会面临就位置的页面不刷新的问题。举个栗子:
掘金的position是0,我将它的position改为2,第0个position这个时候设置为百度,会发现首个页面依然是掘金。
网上给出的答案是重写getitemposition方法,虽然可以解决问题,但是没有一个能讲明白这个方法的作用,在这里我来补充一下
public int getitemposition(object object) {
return position_unchanged;
}
getitemposition默认返回position_unchanged,表示页面无变化。还有另外一个默认值position_none,表示页面不存在。
???
页面指的是哪个页面?调用时机又是什么?还能再返回其它值吗? 各位看官先别急且看我慢慢写来,写帖一段源码:
void datasetchanged() {
// this method only gets called if our observer is attached, so madapter is non-null.
final int adaptercount = madapter.getcount();
mexpectedadaptercount = adaptercount;
boolean needpopulate = mitems.size() < moffscreenpagelimit * 2 + 1
&& mitems.size() < adaptercount;
int newcurritem = mcuritem;
boolean isupdating = false;
//mitems为旧数据的容器
for (int i = 0; i < mitems.size(); i++) {
final iteminfo ii = mitems.get(i);
//返回刷新之前tab项所处的位置
final int newpos = madapter.getitemposition(ii.object);
//返回的位置等于position_unchanged(-1)表示当前页未有变更,不做任何操作
if (newpos == pageradapter.position_unchanged) {
continue;
}
//如果返回的位置等于position_none(-2)表示当前页tab项刷新后不存在,需要销毁并重新加载新的页面
if (newpos == pageradapter.position_none) {
mitems.remove(i);
i--;
if (!isupdating) {
madapter.startupdate(this);
isupdating = true;
}
madapter.destroyitem(this, ii.position, ii.object);
needpopulate = true;
if (mcuritem == ii.position) {
// keep the current item in the valid range
newcurritem = math.max(0, math.min(mcuritem, adaptercount - 1));
needpopulate = true;
}
continue;
}
//如果当前页的新的位置和和旧位置不等,则说明调整了顺序
if (ii.position != newpos) {
//这段代码是将页面定位到刷新之前的打开页,据数据的position和mcuritem相等的话,则表示这个item是之前打开的,赋予它新位置的值
if (ii.position == mcuritem) {
// our current item changed position. follow it.
newcurritem = newpos;
}
ii.position = newpos;
needpopulate = true;
}
}
if (isupdating) {
madapter.finishupdate(this);
}
collections.sort(mitems, comparator);
if (needpopulate) {
// reset our known page widths; populate will recompute them.
final int childcount = getchildcount();
for (int i = 0; i < childcount; i++) {
final view child = getchildat(i);
final layoutparams lp = (layoutparams) child.getlayoutparams();
if (!lp.isdecor) {
lp.widthfactor = 0.f;
}
}
setcurrentiteminternal(newcurritem, false, true);
requestlayout();
}
}
notifydatasetchanged方法之后会调用datasetchanged方法,getitemposition又是在datasetchanged方法被调用的。
调用notifydatasetchanged的后,会遍历旧的页面,通过getitemposition方法返回的位置去决定当前遍历到的页面是否需要更新。position_unchanged:表示页面无变化;position_none:表示页面不存在,需要销毁,重新加载新的页面。如果返回值返回的是页面具体的位置,则更新当前页在刷新数据后的位置,将tab栏选中的对应的tab项选中。
以上就是android中viewpager你所不知道的优化技巧分享的详细内容,更多关于android viewpager优化的资料请关注代码网其它相关文章!
发表评论