相约 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

 

LoopBar – Tap酒吧与无限滚动的更多相关文章

  1. iOScollectionView广告无限滚动(Swift实现)

    今天公司里的实习生跑过来问我一般App上广告的无限滚动是怎么实现的,刚好很久没写博客了,就决定写下了,尽量帮助那些处于刚学iOS的程序猿. 做一个小demo,大概实现效果如下图所示: 基本实现思路: ...

  2. Infinite Scroll - jQuery & WP 无限滚动插件

    无限滚动(Infinite Scroll)也称为自动分页.滚动分页和无限分页.常用在图片.文章或其它列表形式的网页中,用来在滚动网页的时候自动加载下一页的内容.Infinite Scroll  这款  ...

  3. [Unity3D插件]2dtoolkit系列二 动画精灵的创建以及背景图的无限滚动

    经过昨天2dtoolkit系列教程一的推出,感觉对新手还有有一定的启发作用,引导学习使用unity 2dToolKit插件的使用过程,今天继续系列二——动画精灵的创建,以及背景图的无限循环滚动,在群里 ...

  4. 基于HTML5+CSS3的图片旋转、无限滚动、文字跳动特效

    本文分享几种基于HTML5+CSS3实现的一些动画特效:图片旋转.无限滚动.文字跳动;实现起来均比较容易,动手来试试! 一.图片旋转 效果图如下: 这个效果实现起来其实并不困难.代码清单如下: < ...

  5. Android 高级UI设计笔记09:Android如何实现无限滚动列表

    ListView和GridView已经成为原生的Android应用实现中两个最流行的设计模式.目前,这些模式被大量的开发者使用,主要是因为他们是简单而直接的实现,同时他们提供了一个良好,整洁的用户体验 ...

  6. 无限滚动 --demo

    <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content=&q ...

  7. 10 个 jQuery 的无限滚动的插件:

    很多社交网站都使用了一些新技术来提高用户体验,而无限滚动的翻页技术就是其中一项,当你页面滑到列表底部时候无需点击就自动加载更多的内容. 下面为你推荐 10 个 jQuery 的无限滚动的插件: 1.  ...

  8. 10款无限滚动自动翻页jquery插件

    2012年3月29日 无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术,它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的 结果,改变了一直以来只能通过点击下一页来翻页 ...

  9. masonry结合json 制作无限滚动的瀑布流

    做前端这行的 能直接贴代码就直接贴代码了,不用多说什么别的 效果需要引入jquery和jquery.masonry.min.js这两个JS JS代码如下: $(document).ready(func ...

随机推荐

  1. poj 3522(最小生成树应用)

    题目链接:http://poj.org/problem?id=3522思路:题目要求最小生成树中最大边与最小边的最小差值,由于数据不是很大,我们可以枚举最小生成树的最小边,然后kruskal求最小生成 ...

  2. 使用ADO连接oracle数据库“未找到提供程序。该程序可能未正确安装”解决方案

    问题描述:VS2010开发的C++程序,在一台Win7旗舰版的已安装Oracle客户端的PC上连接不上Oracle,提示“未找到提供程序.该程序可能未正确安装”,其他语言编写的程序比如C#是可以成功连 ...

  3. lintcode:打劫房屋 III

    题目 打劫房屋 III 在上次打劫完一条街道之后和一圈房屋之后,窃贼又发现了一个新的可以打劫的地方,但这次所有的房子组成的区域比较奇怪,聪明的窃贼考察地形之后,发现这次的地形是一颗二叉树.与前两次偷窃 ...

  4. hdu 4223

    暴力: Problem : ( Dynamic Programming? ) Judge Status : Accepted RunId : Language : C++ Author : yudun ...

  5. Android核心分析之二十二Android应用框架之Activity

    3 Activity设计框架 3.1 外特性空间的Activity    我们先来看看,android应用开发人员接触的外特性空间中的Activity,对于AMS来讲,这个Activity就是客服端的 ...

  6. 虚拟机WindowServer2003共享文件夹

    前话 之前我写过虚拟机装SQL Server的博文,也许有同学参考了也通过虚拟机装数据库服务来做实验作业了. 到了第二章节学习时,实验要求数据库导出Excel文件,这样一来就出现了小问题了,Windo ...

  7. intellij idea搭建ssh开发框架之绑定数据源

    原文:intellij idea搭建ssh开发框架之绑定数据源 在intellij idea中绑定数据源并生成hibernate实体对象.在IDE中的右边找到Database标签. 点击弹出窗口中的图 ...

  8. sublime3配置Quick-X+自动错误提示

    sublime3配置 安装Package Control 配置Quick-x API提示 配置Lua自动语法错误提示 sublime3 安装 Package Control View->Show ...

  9. OpenGL基础知识

    基本概念 透视(Perspective)变换(Transformation)投影矩阵(Projection Matrix):用于将3D坐标转换为2D屏幕坐标光栅化(Rasterization): 实际 ...

  10. jsp页面变量作用域问题

    想实现一个注销的功能,在页面上有个注销按钮,我想一点它就注销,用了js给按钮加了onclick代码,如下 <%      session = request.getSession(true); ...