LoopBar – Tap酒吧与无限滚动
相约 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 |
查看都默认黄色的背景。使用标准 |
要初始化窗口小部件和工作项与它,你应该安装适配器并添加项目点击监听器:
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酒吧与无限滚动的更多相关文章
- iOScollectionView广告无限滚动(Swift实现)
今天公司里的实习生跑过来问我一般App上广告的无限滚动是怎么实现的,刚好很久没写博客了,就决定写下了,尽量帮助那些处于刚学iOS的程序猿. 做一个小demo,大概实现效果如下图所示: 基本实现思路: ...
- Infinite Scroll - jQuery & WP 无限滚动插件
无限滚动(Infinite Scroll)也称为自动分页.滚动分页和无限分页.常用在图片.文章或其它列表形式的网页中,用来在滚动网页的时候自动加载下一页的内容.Infinite Scroll 这款 ...
- [Unity3D插件]2dtoolkit系列二 动画精灵的创建以及背景图的无限滚动
经过昨天2dtoolkit系列教程一的推出,感觉对新手还有有一定的启发作用,引导学习使用unity 2dToolKit插件的使用过程,今天继续系列二——动画精灵的创建,以及背景图的无限循环滚动,在群里 ...
- 基于HTML5+CSS3的图片旋转、无限滚动、文字跳动特效
本文分享几种基于HTML5+CSS3实现的一些动画特效:图片旋转.无限滚动.文字跳动;实现起来均比较容易,动手来试试! 一.图片旋转 效果图如下: 这个效果实现起来其实并不困难.代码清单如下: < ...
- Android 高级UI设计笔记09:Android如何实现无限滚动列表
ListView和GridView已经成为原生的Android应用实现中两个最流行的设计模式.目前,这些模式被大量的开发者使用,主要是因为他们是简单而直接的实现,同时他们提供了一个良好,整洁的用户体验 ...
- 无限滚动 --demo
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content=&q ...
- 10 个 jQuery 的无限滚动的插件:
很多社交网站都使用了一些新技术来提高用户体验,而无限滚动的翻页技术就是其中一项,当你页面滑到列表底部时候无需点击就自动加载更多的内容. 下面为你推荐 10 个 jQuery 的无限滚动的插件: 1. ...
- 10款无限滚动自动翻页jquery插件
2012年3月29日 无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术,它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的 结果,改变了一直以来只能通过点击下一页来翻页 ...
- masonry结合json 制作无限滚动的瀑布流
做前端这行的 能直接贴代码就直接贴代码了,不用多说什么别的 效果需要引入jquery和jquery.masonry.min.js这两个JS JS代码如下: $(document).ready(func ...
随机推荐
- Linux网络编程3——socket
宏定义 首先介绍两个宏定义,看如下代码 代码1 /************************************************************************* & ...
- java for循环的几种写法
J2SE 1.5提供了另一种形式的for循环.借助这种形式的for循环,可以用更简单地方式来遍历数组和Collection等类型的对象.本文介绍使用这种循环的具体方式,说明如何自行定义能被这样遍历的类 ...
- iOS开发多线程--技术方案
pthread 实现多线程操作 代码实现: void * run(void *param) { for (NSInteger i = 0; i < 1000; i++) { ...
- nasm fasm yasm 还是masm、gas
留个爪,稍后学习 选择编译器nasm?fasm?yasm?还是masm.gas或其他? 前面三个是免费开源的汇编编译器,总体上来讲都使用Intel的语法.yasm是在nasm的基础上开发的,与nasm ...
- IME 编程相关
以下内容摘自http://msdn.microsoft.com/zh-cn/goglobal/bb688135.aspx 在 Win32 中处理输入语言的方法 Microsoft Developer ...
- Rotate Matrix by One
记得有道Amazon的OA题目,好像是给定一个矩阵,让把矩阵的每个元素向右shift一个位置.这道题之前没有好好自己想过.今天正好刷到了rotate matrix,所以正好一块想了. 思路是类似Lee ...
- python流程控制语句 ifelse - 3
#! /usr/bin/python x = input ('please inut a integer:') x = int(x) : print ('你输入了一个负数') elif x == : ...
- 【资料分享】 OpenCV精华收藏
OpenCV精华收藏 SkySeraph Dec.29th 2010 HQU Email:zgzhaobo@gmail.com QQ:452728574 Latest Modified Dat ...
- Hibernate 异常 —— No CurrentSessionContext configured
在使用 SessionFactory 的 getCurrentSession 方法时遇到如下异常 “No CurrentSessionContext configured ” 原因是: 在hibern ...
- WCF约束名称的用法
<!--<endpoint address="" binding="basicHttpBinding" bindingConfiguration=& ...