BottomNavigationBar/Tabbar生命周期解决方案/首页布局解决方案原创

BLUESKYHOST

发布于 2021-7-7 11:54

浏览

0收藏

导入

implementation 'com.gitee.blueskyliu:BottomNavigationF:0.0.1'
1.

bottomNavigationF

这个组件提供类似flutter的scaffold小部件的解决方案
提供了顶部导航导航点击事件以及底部切换点击事件

使用案例

红色框圈起来的都可以点击有监听事件

BottomNavigationBar/Tabbar生命周期解决方案/首页布局解决方案-鸿蒙开发者社区
动态效果

准备

fractionPage页面
BottomNavViewModel的类里面的数据模型
修改 MainAbility 继承类为FractionAbility

初始化实例

根据实际情况修改你们的需求

   DirectionalLayout parse =(DirectionalLayout) LayoutScatter.getInstance(getContext()).parse(ResourceTable.Layout_ability_main, null, false);
        AppBar appBar = new AppBar();
        appBar.setTitle("自定义导航");
        appBar.setLeadingId(ResourceTable.Media_arrow_left);
       
        BottomNavigation bottomNavigation = new BottomNavigation();
        BottomNavViewModel bottomNavViewModel = new BottomNavViewModel();
        bottomNavigation.setBottomNavItems(bottomNavViewModel.initBottomNavFractions());
        List<Fraction> fractions = bottomNavViewModel.initBottomNavFractionsBody(this);
        Body body = new Body();
        body.setFractions(fractions);
//        appBar
        Scaffold init = new Scaffold((((FractionAbility) getAbility())),appBar, body, bottomNavigation).init();
        Component scaffold = init.getScaffold();
        parse.addComponent(scaffold);
        init.setOnNavClickListener(new OnNavClickListener() {
            @Override
            public void onLeading() {
                LogUtil.info("ontapNav", "点击了");
            }
        });
        init.setOnItemClickListener(new OnItemClickListener() {
            @Override
            public void onTap(int index) {
                LogUtil.info("自定义监听", Integer.toString(index));
            }
        });
        setUIContent(parse);
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.

内置解决方案路由跳转

工具类RouterUtil

跳转 Ability页参数配置

方法名	参数	选填参数
navigate	AbilitySlice abilitySlice 当前页, Class classTo 目标页,Map<String,Object> map	Map<String,Object> map

跳转 AbilitySlice 页参数配置即跳转页面

方法名	参数	选填参数
navigate	AbilitySlice abilitySlice当前页 , AbilitySlice abilitySliceTo 目标页,Map<String,Object> map	Map<String,Object> map

tabbar工具方法

获取方法
Scaffold new出的对象掉用 getFractionUtil 获取工具
示例代码仅供参考

 Scaffold init = new Scaffold((((FractionAbility) getAbility())),appBar, body, bottomNavigation).init();
        Component scaffold = init.getScaffold();
        FractionUtil fractionUtil = init.getFractionUtil();
        fractionUtil.show(1);//打开底部导航索引为1
1.
2.
3.
4.

当前项目遇到的问题

问题文件 package com.llt.bottomnavigationf 包中的Scaffold类

        /**
         * 初始化 数据 fraction 这里放到 asyncDispatch异步线程中 就没问题不会出现闪退问题
         */
//问题原因是 FractionUtil类中的 initTabberPage方法 submit操作导致的 
        abilitySlice.getUITaskDispatcher().asyncDispatch(new Runnable() {
            @Override
            public void run() {
                fractionUtil=new FractionUtil(
                        body.getFractions(),
                        currentSaveIndex,
                        abilitySlice,
                        ResourceTable.Id_scaffold_main_content);
            }
        });
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.