底部导航栏

关注

原创最新推荐文章于 2026-09-27 14:49:56 发布 597 阅读 AI 写同款· GEO 优化 ›

底部导航栏概述底部导航栏 在这篇文章中学会提问，学会实践探索。本文章将会从导航的本意开始，先讲明材质设计中对于该组件的相关内容再加以材质设计指南与人类交互指南对于移动设备底部导航的规范对比、部分谷歌以及苹果应用对该组件的实现现状来讲述这个后期才加入材质设计指南且备受争议的组件。图片来自 Material-io.cn ·目的地：粗略理解为用户想要使用的各个功能页面理解导航导航使用户能够在应用程序各个功能页面中移动。导航类型导航是在应用程序的屏幕之间移动以完成任务的行为。它通过多种方式启用：专用导航组件、将导航阅读详情

可以看清风洒脱的博客:http://blog.youkuaiyun.com/qiaoshi96_bk/article/details/73716310

因为这就是他让我用的

添加依赖 :

compile 'com.hjm:BottomTabBar:1.1.1'

既然他弄他的代码,那我就用我的代码

说一下我遇到的问题,这个他直接就把viewpager什么之类的全部都包括了,所以高度就可以设置成match,

我就给他设置了个40dp,就不显示viewpager,只显示导航页,弄得干上火,在这就说一下,避免浪费时间.还是自己不细心

<com.hjm.bottomtabbar.BottomTabBar
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/bottomBar"
        hjm:tab_font_size="5sp"
        hjm:tab_img_font_padding="2dp"
        hjm:tab_img_height="20dp"
        hjm:tab_img_width="20dp"
        hjm:tab_padding_bottom="5dp"
        hjm:tab_padding_top="5dp"
        hjm:tab_selected_color="#ffe866"
        hjm:tab_unselected_color="#1a0204"
        />

代码

tabBar = (BottomTabBar) findViewById(R.id.bottomBar);
tabBar.init(getSupportFragmentManager())

//第一个参数字,第二个是点击时展示的图片,第三个是未点击的图片,第四个是viewpager要显示的fragment

              .addTabItem("首页",R.drawable.index_red,R.drawable.index,fragment_index.class)
                .addTabItem("分类",R.drawable.type_red,R.drawable.type,fragment_type.class)
                .addTabItem("发现",R.drawable.find_red,R.drawable.find,fragment_find.class)
                .addTabItem("购物车",R.drawable.car_red,R.drawable.car,fragment_shop.class)
                .addTabItem("我的",R.drawable.user_red,R.drawable.user,fragment_my.class);
        bottomBar();

这就行了

收录于