在日常的开发中,我们肯定经常使用列表控件。这篇博客分享一个列表加载的效果库,希望能帮小伙伴们提高项目的用户体验。
Broccoli
Broccoli
是一个加载效果库,也就是骨架屏,在内容加载的时候,显示一个占位符。我见过的使用是跟RecyclerView
一起使用。
Broccoli效果图
Broccoli效果图.gifBroccoli的引入
dependencies {
implementation 'me.samlss:broccoli:1.0.0'
}
截止我发布博客,开源库的版本是1.0.0
。想要查看最新版本请查看开源库wiki
Broccoli的使用
初始化:
Broccoli broccoli = new Broccoli();
添加默认的占位符,方式一:
broccoli.addPlaceholders('activity', 'view_id', 'view_id');
添加默认的占位符,方式二:
broccoli.addPlaceholders('view1', 'view2', 'view3');
添加自定义的占位符:
broccoli.addPlaceholder(new PlaceholderParameter.Builder()
.setView('view')
.setAnimation('scaleAnimation');
.setDrawable(DrawableUtils.createRectangleDrawable(placeHolderColor, 0))
.build());
添加带渐变动画的占位符:
broccoli.addPlaceholder(new PlaceholderParameter.Builder()
.setView('view')
.setDrawable(new BroccoliGradientDrawable(Color.parseColor("#DDDDDD"),
Color.parseColor("#CCCCCC"), 0, 1000, new LinearInterpolator())
.build());
显示占位符:
broccoli.show();
网友评论