底部tabbar菜单栏

‘com.alibaba:arouter-api:1.5.1’
implementation ‘com.jpeng:JPTabBar:1.4.0’

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:fitsSystemWindows="true"tools:context=".MainActivity"><androidx.viewpager.widget.ViewPagerandroid:id="@+id/viewPager"android:layout_width="match_parent"android:layout_height="0dp"app:layout_constraintBottom_toTopOf="@+id/tabbar"app:layout_constraintTop_toTopOf="parent" /><com.jpeng.jptabbar.JPTabBarandroid:id="@+id/tabbar"android:layout_width="match_parent"android:layout_height="60dp"app:BadgeVerticalMargin="5dp"android:background="@mipmap/bg_tabtar"app:TabAnimate="None"app:TabIconSize="25dp"app:TabNormalColor="#BABAC1"app:TabSelectColor="#333333"app:layout_constraintBottom_toBottomOf="parent" /></androidx.constraintlayout.widget.ConstraintLayout>

@Route(path = CommonRoute.COMMON_MAIN)
public class MainActivity extends BaseActivity {private final String NewInteractionAdTag = "NewInteractionAdTag";ActivityMainBinding binding;private Disposable dispose;private Fragment homeFragment;private Fragment maoyuFragment;private Fragment ganhuoFragment;private Fragment mineFragment;private List<Fragment> fragmentList;private DefaultViewPagerAdapter defaultViewPagerAdapter;@Titlesprivate static final String[] mTitles = {"首页", "猫语", "干货", "我的"};@SeleIconsprivate static final int[] mSeleIcons = {R.mipmap.nav_sy_sel,R.mipmap.nav_maoy_sel,R.mipmap.nav_gh_sel,R.mipmap.nav_my_sel,};@NorIconsprivate static final int[] mNormalIcons = {R.mipmap.nav_sy_nor,R.mipmap.nav_maoy_nor,R.mipmap.nav_gh_nor,R.mipmap.nav_my_nor,};@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);binding = ActivityMainBinding.inflate(getLayoutInflater());setContentView(binding.getRoot());homeFragment = new HomeFragment();maoyuFragment = new MaoyuFragment();ganhuoFragment = new GanhuoFragment();mineFragment = NotUserModuleMineFragment.newInstance();fragmentList = new ArrayList<>();fragmentList.add(homeFragment);fragmentList.add(maoyuFragment);fragmentList.add(ganhuoFragment);fragmentList.add(mineFragment);initAdapter();}private void initAdapter() {defaultViewPagerAdapter = new DefaultViewPagerAdapter(getSupportFragmentManager(),fragmentList, FragmentPagerAdapter.BEHAVIOR_RESUME_ONLY_CURRENT_FRAGMENT);binding.viewPager.setAdapter(defaultViewPagerAdapter);binding.viewPager.setOffscreenPageLimit(4);binding.tabbar.setContainer(binding.viewPager);}
}

底部tabbar菜单栏相关推荐

小程序tabbar能放分包路径吗_微信小程序之如何自定义底部tabbar导航
我之前写一个微信小程序,保单万事通,有一个这样的功能 image.png 这个底部导航,如果用小程序自带的tabbar,根本无法实现,所有我想第2种方法来实现微信小程序文档中,有一种这个方法,但是我 ...
vue底部跳转_Vue中底部tabBar切换及跳转
tabBar.vue文件,写法如下: {{item.title}} tabBar.vue 中 js export default { name: "Tabbar", data(){ ...
用mpx框架自定义小程序底部tabbar
小程序[mpx] 用mpx框架自定义小程序底部tabbar 参考小程序官方文档:自定义 tabBar. 1.项目根目录下app.mpx** 1).添加"custom":" ...
小程序底部tabbar加数字标
小程序底部tabbar悬浮数字标功能实现效果如下: 大家都知道小程序的底部,是通过APP,JSON进行配置的,如果想要在下面的tabbar上面做手脚的话,网上搜索是找不到方法的,好多小白见到这种需求 ...
uni-app 微信小程序根据角色动态的更改底部tabbar
文章目录 1. 需求背景 1.1 源码下载 2. 问题前提及思路 3. 开始撸 3.1 设置 `tabbar.js` 配置不同角色不同的菜单 3.2 设置 `page.json` 3.3 vue 配置 ...
uni-app 底部tabbar设置底部tabbar样式
自己不努力,没人会帮你小程序很常见的底部tabbar按钮该如何设置呢? Tabbar 1. 创建页面 2. 配置tabbar 3. tabbar样式修改 1. 创建页面目录如下: pages - ...
小程序底部tabBar购物车右上角增加数字
小程序底部tabBar购物车右上角增加数字 data: {num:'1'},onShow:function(){var num=1;if(num==''){wx.removeTabBarBadge({ ...
微信小程序底部tabBar配置
文章目录什么是tabBar tabBar节点的配置项配置tabBar选项的步骤 1. 新增tabBar节点 2. 新增list数组 3. 更改tabBar上文字被选中时的颜色什么是tabBar ...
uniapp小程序底部tabbar图标大小设置
小程序底部tabbar图标大小设置在uniapp中小程序的tabbar没有设置图标大小的属性,导致小程序在不同平台打开时图标大小显示的不一样,特别是在电脑微信打开小程序时,底部的图标就会特别大,使得 ...

底部tabbar菜单栏

底部tabbar菜单栏相关推荐

最新文章

热门文章