最新消息: USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。

android仿京东底部tab,GitHub

IT圈 admin 23浏览 0评论

android仿京东底部tab,GitHub

轻量级的底部导航栏

在原项目PagerBottomTabStrip 基础上

增加了 getItem 方法,能设置对应 position 的 tab 属性

实现效果图

自定义扩展例子

仿京东重复刷新动画

普通效果

Demo中的例子

使用

布局文件中配置

xml文件

android:id="@+id/tab"

android:layout_width="match_parent"

android:layout_height="50dp"

android:layout_alignParentBottom="true"

android:background="#FFF" />

java文件中设置

PageNavigationView bottomTabLayout = (PageNavigationView) findViewById(R.id.tab);

PageNavigationView.CustomBuilder custom = bottomTabLayout.custom();

NavigationController build = custom

.addItem(newItem(android.R.drawable.ic_menu_camera, android.R.drawable.ic_menu_camera, "相机"))

.addItem(newItem(android.R.drawable.ic_menu_compass, android.R.drawable.ic_menu_compass, "位置"))

.addItem(newItem(android.R.drawable.ic_menu_search, android.R.drawable.ic_menu_search, "搜索"))

.addItem(newItem(android.R.drawable.ic_menu_help, android.R.drawable.ic_menu_help, "帮助"))

.build();

build.setupWithViewPager(mVpContent);

这样就实现底部导航栏功能了

设置条目选中的监听

navigationController.addTabItemSelectedListener(new OnTabItemSelectedListener() {

@Override

public void onSelected(int index, int old) {

//选中时触发

}

@Override

public void onRepeat(int index) {

//重复选中时触发

}

});

导入方式

dependencies {

implementation 'com.ms:bottombar:1.0.0'

implementation 'com.ms:bottombar-androidx:1.0.0'

}

android仿京东底部tab,GitHub

轻量级的底部导航栏

在原项目PagerBottomTabStrip 基础上

增加了 getItem 方法,能设置对应 position 的 tab 属性

实现效果图

自定义扩展例子

仿京东重复刷新动画

普通效果

Demo中的例子

使用

布局文件中配置

xml文件

android:id="@+id/tab"

android:layout_width="match_parent"

android:layout_height="50dp"

android:layout_alignParentBottom="true"

android:background="#FFF" />

java文件中设置

PageNavigationView bottomTabLayout = (PageNavigationView) findViewById(R.id.tab);

PageNavigationView.CustomBuilder custom = bottomTabLayout.custom();

NavigationController build = custom

.addItem(newItem(android.R.drawable.ic_menu_camera, android.R.drawable.ic_menu_camera, "相机"))

.addItem(newItem(android.R.drawable.ic_menu_compass, android.R.drawable.ic_menu_compass, "位置"))

.addItem(newItem(android.R.drawable.ic_menu_search, android.R.drawable.ic_menu_search, "搜索"))

.addItem(newItem(android.R.drawable.ic_menu_help, android.R.drawable.ic_menu_help, "帮助"))

.build();

build.setupWithViewPager(mVpContent);

这样就实现底部导航栏功能了

设置条目选中的监听

navigationController.addTabItemSelectedListener(new OnTabItemSelectedListener() {

@Override

public void onSelected(int index, int old) {

//选中时触发

}

@Override

public void onRepeat(int index) {

//重复选中时触发

}

});

导入方式

dependencies {

implementation 'com.ms:bottombar:1.0.0'

implementation 'com.ms:bottombar-androidx:1.0.0'

}

发布评论

评论列表 (0)

  1. 暂无评论