相约 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_overlaySizeenls_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 1062(有限制的最短路)

    题目链接:http://poj.org/problem?id=1062 思路:要求对于最短路上的点,不能出现等级之差大于m,于是我们可以枚举,假设酋长的等级为level,于是这个区间范围[level- ...

  2. JS之DOM编程

    为什么学dom编程? 通过dom编程,我们可以写出各种网页游戏 dom编程也是我们学习ajax技术的基础,所以我们必需掌握好dom编程.  dom编程简介 DOM=Document Object Mo ...

  3. Java IO(三)

    File File类的常见方法: 1.创建. boolean createNewFile():在指定位置创建文件,如果该文件已经存在,则不创建,返回false.和输出流不一样,输出流对象一建立就创建文 ...

  4. 【Apache运维基础(4)】Apache的Rewrite攻略(1)

    简述 Rewirte主要的功能就是实现URL的跳转,它的正则表达式是基于Perl语言.可基于服务器级的(httpd.conf)和目录级的 (.htaccess)两种方式.如果要想用到rewrite模块 ...

  5. jsp中利用checkbox进行批量删除

    一.将前台jsp页面中的所有你要用到checkbox的name值设为相同,如 <input type="checkbox" name="userid"&g ...

  6. css3:target页内跳转

    :target 用于选取当前活动的目标元素 <!DOCTYPE html> <html> <head lang="en"> <meta c ...

  7. Android 设置闹铃步骤和基础代码

    主要分三步: 1. 设置闹铃时间; 2. 接收闹铃事件广播; 3. 重开机后重新计算并设置闹铃时间;   1. 设置闹铃时间(毫秒) private void setAlarmTime(Context ...

  8. css 射线实现方法

    一个斜的四边形 .top_ad_out::before { content: ''; position: absolute; z-index: -1; width: 336px; height: 25 ...

  9. Windows7配置GPU和Theano编程环境

    可参考Windows安装Theano官方教程: http://deeplearning.net/software/theano/install_windows.html#install-windows ...

  10. HDU4675【GCD of scequence】【组合数学、费马小定理、取模】

    看题解一开始还有地方不理解,果然是我的组合数学思维比较差 然后理解了之后自己敲了一个果断TLE.... 我以后果然还得多练啊 好巧妙的思路啊 知识1: 对于除法取模还需要用到费马小定理: a ^ (p ...