JPTabBar

Android 的 TabBar 扩展
授权协议 Apache
开发语言 Java
所属分类 手机/移动开发、 Android UI 组件
软件类型 开源软件
地区 国产
投 递 者 缪宪
操作系统 Android
开源组织
适用人群 未知
 软件概览

一个强大的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]