一个强大的TabBar,实现市面上APP基本上所拥有的功能,代码简单构造容易!只需不足5行代码就把基本的界面搭建出来了。
主要功能特色:
多种Tab切换的动画效果
实现底部导航中间按钮凸出的效果
实现WeChat那种滑动导航的底部渐变效果,随着滑动的距离变化而变化
实现TabBar上的红色标记,并且可以拖动
强大的BadgeView功能,智能判断数字隐藏与越界显示,两种显示模式。
提供监听Tab的点击事件,中间点击以及badge被拖拉消失的接口
引用注解方式,免去自己手动构造TabBarItem
第一步: 在自己工程的App下的build.gradle下添加依赖: repositories { jcenter() } dependencies{ implementation'com.jpeng:JPTabBar:1.1.2' } 第二布: 在自己的主页面去布局文件中: <android.support.v4.view.ViewPager android:id="@+i
导入依赖: compile 'com.jpeng:JPTabBar:1.1.4' 添加JPTabBar到你的主界面布局: <com.jpeng.jptabbar.JPTabBar android:id="@+id/jptab" android:layout_width="match_parent" android:layout_height="wrap_content" android:bac
JPTabBar 依赖 //JPTabBar implementation 'com.jpeng:JPTabBar:1.2.3' //BottomNavigationBar implementation 'com.ashokvarma.android:bottom-navigation-bar:2.0.4' Xml <android.support.v4.view.ViewPager
# JPTabBar TabBar这个名字相信很多学过一点IOS程序员都知道它是用来干嘛的,但本人也并非擅长开发IOS程序员,只是略懂略懂....这是一个很强大的TabBar,可满足很多需求。用起来也非常简单,在oncreate只调用一行代码就把UI布局和切换页面功能基本都实现了。具体实现的功能,请看效果图: ![ ![3.gif](http://upload-images.jianshu.io/
http://www.jcodecraeer.com/a/opensource/2016/1126/6807.html
1.10.0 新增 选项卡。 示例 如下示例相关代码在这里。 CubeTabBar 支持默认的点击高亮效果,又支持下划线跟随的效果,并且支持自定义的插槽,实现icon与label搭配的类似于app底部选项卡的样式。 默认样式 传入如下 tabs 的数据结构便能初始化 cube-tab-bar,必须使用 v-model 指令来选中对应的 tab, v-model 的参数的值必须与某一项 tab 的
底部选项卡,点击 tab 会切换显示的页面。依赖 tab-item 组件。 引入 import { Tabbar, TabItem } from 'mint-ui'; Vue.component(Tabbar.name, Tabbar); Vue.component(TabItem.name, TabItem); 例子 搭配 tab-container</router-link> 组件使用 <
介绍 (Introduction) TabBar类表示一组相同的选项卡。 Class 声明 (Class Declaration) 以下是spark.components.TabBar类的声明 - public class TabBar extends ButtonBarBase implements IFocusManagerComponent 公共方法 (Public Me
tabbar,底部导航,通常用作 Web 应用的主界面底部导航,类似于微信主界面的底部“微信”、“通讯录”、“发现”和“我”的导航区。每个功能包含一个图标和该功能简洁的文字描述。 .weui-tabbar 通常作为 .weui-tab 子元素、.weui-tab__bd 的兄弟元素一起使用。结构为: <div class="weui-tab"> <div class="weui-tab__
实现可扩展的tab bar。即tab bar的内容可扩充为多行。用户点击“more”,tab bar展开,可以看到更多tab bar选项。 [Code4App.com]
实现TweetBot样式的tab bar。可以自定义Tab Bar的文字、颜色和图片,以及被选中的tab的高亮显示效果。 [Code4App.com]
实现可以左右滑动的tab bar,从而可以放置更多tab。当bab bar上的tab比较多时,可以使用这种tab bar。 [Code4App.com]
自定义TabBar,可以在任意一个tab右上角加上数字badge。 [Code4App.com]