在Cleveroad我们最近认识到通过使用任何一个应用程序类别的导航,导航面板是很无聊和琐碎。这就是为什么我们的设计师的创意武装,我们向您介绍了基于Android的应用,我们的新组件 - LoopBar。当时的想法是让导航菜单就在指纹,在标签栏。更重要的是认为有一些特定的功能,使其从类似的人群中脱颖而出。因此,尝试在你的应用程序的LoopBar库,你会看到其中的差别。
如果你努力创造不寻常的外观和导航的应用程序,欢迎你使用循环律师库。这真的很容易集成,并可以添加香料的应用程序!
如果您需要关于如何使用该组件的更多细节,有什么好处它提供,请阅读我们的博客文章: Case Study: Loop Bar for Android
通过gradle这个 :
dependencies {
compile "com.cleveroad:loopbar:1.0.0"
}
或只是下载的zip和导入模块“工具栏,窗口小部件”,以能够修改源代码
查看由两部分组成:
组的列表将是无限的,如果所有的项目适配器不适合在屏幕上在其他情况下,这将是一个静态列表。按要求选定的视图可以在屏幕上,它放置覆盖布局。窗口小部件具有水平和垂直布局,并启动或所选视图的结束重力。
你被允许使用任何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 用于叠加功能.
attribute name | description |
---|---|
enls_overlaySize | a size of selected view overlaying |
enls_placeholderId | an id of view on which you should use layout:above or other attributes of RelativeLayouts, because LoopBarView will have increased height in this case. See more in sample |
enls_selectionGravity | a gravity of selection view. Can be vertical or horizontal. Default horizontal |
enls_selectionMargin | a margin of selectionView from bounds of view. Default 5dp |
enls_selectionInAnimation | an animation of appearing an icon inside selection view |
enls_selectionOutAnimation | an animation of hiding an icon inside selection view |
enls_selectionBackground | selection background. Default #ff0099cc |
android:background | View have yellow background by default. Use standart android:background attribute to change it. Default #ffc829 |
要初始化窗口小部件和工作项与它,你应该安装适配器并添加项目点击监听器:
LoopBarView loopBarView = findViewById(..); categoriesAdapter = new SimpleCategoriesAdapter(MockedItemsFactory.getCategoryItemsUniq()); loopBarView.setCategoriesAdapter(categoriesAdapter); loopBarView.addOnItemClickListener(this);
这里SimpleCategoriesAdapter使用这需要ICategoryItem对象(来绘制图标和文本默认视图)的集合。而且你可以自由地与客户项目使用自己的适配器。
控制 wrapped RecyclerView 动画您可以使用 getWrappedRecyclerView().
支持
如果您对使用这个库的任何其他问题,请联系我们在支持 info@cleveroad.com (邮件主题:“环酒吧的支持请求。”)还拉请求的欢迎。
GitHub: https://github.com/Cleveroad/LoopBar