Android仿qq分组管理的第三方库
本文实例为大家分享了android仿qq分组管理的第三方库,供大家参考,具体内容如下
下面先看效果
我们点击展开与折叠分组的功能在库里面是已经封装好的,只能把它已入到项目中,就可以直接用了,十分的方便。
下面直接上核心代码
首先定义分组的对象,相当于上面红色字体的对象,跟分组下每个item的对象;
创建分组的viewholder继承第三方库的parentviewholder,代码如下(由于父类没有无参构造,所以必须实现父类的一个有参构造,传入的参数相信大家也很清楚):
/** * 分组的viewholder */ public class teamviewholder extends parentviewholder { /** * default constructor. * * @param itemview the {@link view} being hosted in this viewholder */ public teamviewholder(@nonnull view itemview) { super(itemview); } }
既然有每个分组的viewholder,就会有每个分组下面子item的viewholder,下面就来创建该viewholder,实现方式跟上面是一样的,连名字也是十分的明确,一个是parent,一个是child:
public class playerviewholder extends childviewholder { private final textview mingredienttextview; /** * default constructor. * * @param itemview the {@link view} being hosted in this viewholder */ public playerviewholder(@nonnull view itemview) { super(itemview); mingredienttextview = ((textview) itemview.findviewbyid(r.id.ingredient_textview)); } }
创建完viewholder之后,可以说功能已经完成一半了,剩下的类想必大家都不陌生,就是adapter,有列表的view,就得有adapter来绑定数据,下面直接上代码,也是继承第三方库的adapter,所以我们根本不用想要写什么方法,只有把要实现的方法实现了,就完事:
public class teamadapter extends expandablerecycleradapter<team, player, teamviewholder, playerviewholder> { private final layoutinflater minflater; /** * primary constructor. sets up {@link #mparentlist} and {@link #mflatitemlist}. * <p> * any changes to {@link #mparentlist} should be made on the original instance, and notified via * {@link #notifyparentinserted(int)} * {@link #notifyparentremoved(int)} * {@link #notifyparentchanged(int)} * {@link #notifyparentrangeinserted(int, int)} * {@link #notifychildinserted(int, int)} * {@link #notifychildremoved(int, int)} * {@link #notifychildchanged(int, int)} * methods and not the notify methods of recyclerview.adapter. * * @param parentlist list of all parents to be displayed in the recyclerview that this * adapter is linked to */ public teamadapter(context context, @nonnull list<team> parentlist) { super(parentlist); minflater = layoutinflater.from(context); } @nonnull @override public teamviewholder oncreateparentviewholder(@nonnull viewgroup parentviewgroup, int viewtype) { view view = minflater.inflate(r.layout.team_view, parentviewgroup, false); return new teamviewholder(view); } @nonnull @override public playerviewholder oncreatechildviewholder(@nonnull viewgroup childviewgroup, int viewtype) { view view = minflater.inflate(r.layout.player_view, childviewgroup, false); return new playerviewholder(view); } @override public void onbindparentviewholder(@nonnull teamviewholder parentviewholder, int parentposition, @nonnull team parent) { parentviewholder.bind(parent); } @override public void onbindchildviewholder(@nonnull playerviewholder childviewholder, int parentposition, int childposition, @nonnull player child) { childviewholder.bind(child); } }
大家看到继承时要传入4个泛型类,是不是瞬间蒙了,心里肯定想这是什么来的,其实细心的人已经注意到,分别就是每个分组的对象,子item对象,还有就是分组跟子item的viewholder。还有其他4个方法就更好理解了,可以说是见名识意,就不多做解释了。
应用
不知大家有没意识到,上面用的adapter是recyclerview的adapter,那我们用来显示列表的view也就用recyclerview,recyclerview的用法也不难,就是调用几个方法初始化,然后再设置adapter就完成了数据的绑定,而现在说得分组的显示跟平时调用recyclerview基本是一样的,唯一不同的就是要对数据源做一定的处理(数据使用的例子是球队与球员,即team是球队,player是球员,每个球队相当与一个分组,而每个分组下就有自己的球员):
// 首先要给recyclerview设置一个布局管理器 recyclerview.setlayoutmanager(new linearlayoutmanager(this)); // 第一个球队的所有球员 list<player> players1 = new arraylist<>(); // 第二个球队的所有球员 list<player> players2 = new arraylist<>(); // 第三个球队的所有球员 list<player> players3 = new arraylist<>(); // 所有球队的集合 list<team> teams = new arraylist<>(); // 创建每个球队,传入的参数是队名跟队员 team team = new team(teamnames[0], players1); team team2 = new team(teamnames[1], players2); team team3 = new team(teamnames[2], players3); teams.add(team); teams.add(team2); teams.add(team3); // adapter传入的数据源是所有球队的集合 teamadapter adapter = new teamadapter(this, teams); recyclerview.setadapter(adapter);
到这里,数据已经可以显示了,效果就跟上面的图一样,但是每个分组后面的箭头是不会动的,接下来就是给箭头添加旋转动画。实现也是十分简单,只要在teamviewholder中重写父类的一个方法就行了,当然,里面的旋转逻辑是根据实际情况去实现的:
private static final float initial_position = -90f; private static final float rotated_position = 0.0f; @override public void setexpanded(boolean expanded) { super.setexpanded(expanded); rotateanimation ra; if (!expanded) { // 由展开到收起状态 ra = new rotateanimation( rotated_position, // 展开状态角度 initial_position, // 收起状态角度 rotateanimation.relative_to_self, // 相对于自己的中心点 0.5f, animation.relative_to_self, 0.5f); } else { ra = new rotateanimation( initial_position, rotated_position, animation.relative_to_self, 0.5f, animation.relative_to_self, 0.5f); } ra.setduration(200); ra.setfillafter(true); marrowexpandimageview.startanimation(ra); }
我这里实现的就是上图的效果,其实就是旋转动画的实现。需要讲解一下的是,setexpanded()这个方法在内部已经帮我们调用了,传进去的参数为true时,说明该分组是打开的,false则表示该分组没打开,只要根据这个值做相关的处理,就可以得到想要的效果。
总结
这个第三方库的可以说是极其的方便,逻辑也不难,而且主要的用法也介绍完了。只要结合例子,理解下代码,很容易就可以拿来就用,也很感谢写这些优秀代码的第三方库的作者的分享,希望大家有发掘到优秀的源码都拿出来一起分享、探讨!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: 教你做最好吃红薯的方法