2019独角兽企业重金招聘Python工程师标准>>>

相约 LoopBar – 标签栏与无限滚动为Android由Cleveroad

在Cleveroad我们最近认识到通过使用任何一个应用程序类别的导航,导航面板是很无聊和琐碎。这就是为什么我们的设计师的创意武装,我们向您介绍了基于Android的应用,我们的新组件 – LoopBar。当时的想法是让导航菜单就在指纹,在标签栏。更重要的是认为有一些特定的功能,使其从类似的人群中脱颖而出。因此,尝试在你的应用程序的LoopBar库,你会看到其中的差别。

如果你努力创造不寻常的外观和导航的应用程序,欢迎你使用LoopBar库。这真的很容易集成,并可以添加香料的应用程序!

如果您需要关于如何使用该组件的更多细节,有什么好处它提供,请阅读我们的博客文章:案例分析:环酒吧为Android

安装和使用

安装

通过gradle这个:

dependencies
{
compile
"com.cleveroad:loopbar:1.0.0"
}

或只是下载的zip和导入模块 "LoopBar-widget" 能够修改源

特征

查看由两部分组成:

- 您可选择组的无限名单

- 选定的视图

组的列表将是无限的,如果所有的项目适配器不适合在屏幕上在其他情况下,这将是一个静态列表。按要求选定的视图可以在屏幕上,它放置覆盖布局。窗口小部件具有水平和垂直布局,并启动或所选视图的结束重力。

你被允许使用任何RecyclerView适配器,你想要的。混凝土无限滚动的逻辑是完全incapsulated

Android的工作室布局预览支持。

用法

<com.cleveroad.loopbar.widget.LoopBarView
android:id="@+id/endlessView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:enls_placeholderId="@id/placeHolder"
app:enls_orientation="horizontal"
app:enls_selectionGravity="start"
app:enls_selectionMargin="10dp"
app:enls_overlaySize="5dp"
app:enls_selectionInAnimation="@animator/enls_scale_restore"
app:enls_selectionOutAnimation="@animator/enls_scale_small"
app:enls_selectionBackground="@android:color/holo_blue_dark"
/>

enls_overlaySize & enls_placeholderId 用于叠加功能。

属性名称

描述

enls_overlaySize

大小选择视图重叠

enls_placeholderId

来看一个id上,你应该使用的布局:以上或RelativeLayout的其他属性,因为 LoopBarView 在这种情况下,将增加的高度。查看更多样品

enls_selectionGravity

选择视图的严重性。可以是垂直的或水平的。默认水平

enls_selectionMargin

的保证金 selectionView但从边界。默认5DP

enls_selectionInAnimation

出现选择视图中的图标动画

enls_selectionOutAnimation

选择隐藏视图中的图标动画

enls_selectionBackground

选择背景。 默认 #ff0099cc

android:background

查看都默认黄色的背景。使用标准 android:background 属性来改变它。 默认 #ffc829

要初始化窗口小部件和工作项与它,你应该安装适配器并添加项目点击监听器:

LoopBarView
loopBarView = findViewById(..);
categoriesAdapter
= new
SimpleCategoriesAdapter(MockedItemsFactory.getCategoryItemsUniq());
loopBarView.setCategoriesAdapter(categoriesAdapter);
loopBarView.addOnItemClickListener(this);

这里 SimpleCategoriesAdapter 使用需要的汇编 ICategoryItem 对象(来绘制图标和文本默认视图)。而且你可以自由地与客户项目使用自己的适配器。

为了控制包装RecyclerView动画您可以使用 getWrappedRecyclerView().

GitHub 链接 - https://github.com/Cleveroad/LoopBar

转载于:https://my.oschina.net/david46/blog/715216

LoopBar – Tap酒吧与无限滚动相关推荐

  1. 使用RecycleView实现无限滚动的日历

    最终效果 项目地址 一.无限滚动实现 在RecyclerView.Adapter的getItemCount()方法中返回Integer.MAX_VALUE,使用RecycleView的scrollTo ...

  2. vue2.0无限滚动加载数据插件

      做vue项目用到下拉滚动加载数据功能,由于选的UI库(element)没有这个组件,就用Vue-infinite-loading 这个插件代替,使用中遇到的一些问题及使用方法,总结作记录! 安装: ...

  3. 15个非常棒的jQuery无限滚动插件【瀑布流效果】

    现在,最热门的网站分页趋势之一是jQuery的无限滚动(也即瀑布流).如果你碰巧观察Pinterest的网站,如Facebook,Twitter和deviantART的,你会发现无限滚动的动作,当旧的 ...

  4. 响应式的无限滚动全屏dribbble作品集布局展示效果

    来源:GBin1.com 在线演示/下载 大家还记得前面分享过的两个魔术布局效果吧: 响应式的dribbble作品集魔术布局展示效果 宽度自适应缩进的响应式dribbble作品集魔术布局展示效果 今天 ...

  5. Swift 4 无限滚动轮播图(UICollectionView实现)

    作为一个资深(自认为)iOS程序猿,会经常用到轮播图,但是总是感觉自己实现要比直接用别人的要方便一点,并且有一些需求需要深度定制,于是想着自己封装一个可以定制化的轮播图库JCyclePictureVi ...

  6. UICollectionView的无限滚动---妥协做法

    项目中总有写比较变态的需求,我们的UI设计师有喜欢很酷的交互,其中有个需求类似这种的 右侧部分是可以滚动的当然是无限滚动,这中效果只有UICollectionView的自定义布局才能实现,重写Layo ...

  7. 051_InfiniteScroll无限滚动

    1. InfiniteScroll无限滚动 1.1. InfiniteScroll无限滚动滚动至底部时, 加载更多数据. 1.2. Attributes 参数 说明 类型 默认值 infinite-s ...

  8. php jsonp实例 mip无限滚动组件接口注意事项

    在改造mip的过程中,很多同学遇到这样一个问题.mip无限滚动问题 异步请求数据接口(仅支持 JSONP 请求) 异步请求接口需要规范 callback 为 'callback' 那么什么是JSONP ...

  9. 当前元素_90行代码,15个元素实现无限滚动

    前言 在本篇文章你将会学到: IntersectionObserver API 的用法,以及如何兼容. 如何在React Hook中实现无限滚动. 如何正确渲染多达10000个元素的列表. 无限下拉加 ...

最新文章

  1. SpringBoot+MDC实现全链路调用日志跟踪,这才叫优雅!
  2. Ubuntu 常见报错处理
  3. C语言模拟质点运动轨迹坐标,C语言定时器的使用 计算质点运动的移位
  4. 两台服务器实现会话共享
  5. shell如何自动输入密码
  6. python-字典方法(dict)知识整理
  7. python数据分析实例_python数据分析实例3-商铺数据加载及存储
  8. 【1】Matlab深度学习环境配置-入门
  9. protobuf android 编译,Android 中protobuf 的安装,编译和使用
  10. 基于启英泰伦语音芯片的语音AIoT应用方案,可实现家居联控
  11. 线性代数-向量空间-基向量定义
  12. 上海域格CLM920_NC3模块连接oneNET平台
  13. potplayer录制视频包含字幕
  14. centos修改系统可用内存_centos7开启交换内存
  15. 2021.2.6课程摘要(逻辑教育-王劲胜)
  16. 天对地,雨对风,向量对加班?这个脑洞清奇的对联AI,大家都玩疯了
  17. PMP备考指南之第八章:项目质量管理
  18. 基于Vue3的排班日历方案
  19. 大型网站技术架构:核心原理与案例分析pdf
  20. Github开源社区的验证码

热门文章

  1. 看完《互联网公司时尚穿搭指南》,百度程序员笑出了猪声!太逗了!
  2. [实践篇]13.14 如何在QNX侧,打印日志到slog2info缓冲区
  3. 「补课」进行时:设计模式(11)——游戏中的策略模式
  4. python制作画板
  5. 关于手机微信的聊天记录在手机中的存放位置及关系
  6. 笑容清新甜美 嗓音轻快动人 冉冉成新一代校园初恋
  7. QT嵌入式软键盘(基于谷歌拼音源码、多平台)
  8. 计算机配置太低怎么办,计算机虚拟内存太低怎么解决?
  9. html简易留言,JS实现简易留言板特效
  10. 将安防IPC摄像机进行类似于萤石/乐橙/360水滴模式的互联网直播的几种方案