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 ...
随机推荐
- (1)opengl-nehe 4种框架
http://www.yakergong.net/nehe/ 这个网站还是opengl方面比较权威的,作者叫nehe 这东西估计是要先装个ndk,然后才能运行代码 先睡觉! 以下内容参考自http:/ ...
- Learn CSS
韩顺平老师的CSS讲的还是很简单的,仅作入门. div+css的介绍 div+css是什么. div元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素. css是 ...
- hdu 1847 Good Luck in CET-4 Everybody!(简单博弈SG)
#include<stdio.h> #include<string.h> #define N 1010 int hash[N]; int sg[N]; void GetSG() ...
- 内存分析_.Net内存原理介绍
内存原理介绍 1. .Net应用程序中的内存 1.1.Net内存类型 Windows使用一个系统:虚拟寻址系统.这个系统的作用是将程序可用的内存地址映射到硬件内存中的实际地址上.其实际结果 ...
- Spring框架学习之第2节
传统的方法和使用spring的方法 使用spring,没有new对象,我们把创建对象的任务交给了spring的框架,通过配置用时get一下就行. 项目结构 applicationContext.xml ...
- 使用yum安装CDH Hadoop集群
使用yum安装CDH Hadoop集群 2013.04.06 Update: 2014.07.21 添加 lzo 的安装 2014.05.20 修改cdh4为cdh5进行安装. 2014.10.22 ...
- 指定IE浏览器渲染方式
<meta http-equiv="X-UA-Compatible" content="IE=7" />以上代码告诉IE浏览器,无论是否用DTD声明 ...
- eclipse运行mapreduce报错Permission denied
今天用在eclipse-hadoop平台上运行map reduce(word count)出错了,错误信息为 org.apache.hadoop.security.AccessControlExcep ...
- 通过从代码层面分析Linux内核启动来探知操作系统的启动过程
通过从代码层面分析Linux内核启动来探知操作系统的启动过程 前言说明 本篇为网易云课堂Linux内核分析课程的第三周作业,我将围绕Linux 3.18的内核中的start_kernel到init进程 ...
- C# 字符流打印类
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.W ...