Android开发--自定义动态导航栏的实现

Android开发–自定义动态导航栏的实现

最近自己用2周的时间和队友零基础尝试开发了一个简单的安卓应用，自己完成了前端和后台的编写，现在把在开发过程中遇到的知识点整理一下，最开始的是导航栏的实现

---

1. 内容概括

   2. 结构组成
      设计App的时候准备以四个模块来完成App的设计，因此，在一开始的界面设计了一个MainActivity和4个Fragment来实现模块之间的切换，这里方便学习，已将部分代码省略，注重于动态导航栏的实现

      App导航栏效果展示 这里可以看到背景变化的导航栏以及自定义图标：

      

      

   3. 设计思路

      3. 新建4个Fragment对应的对象

      4. 定义一个FragmentManager对象管理器来对Fragment对象进行管理

      5. 自定义函数hideFragments(FragmentTransaction fragmentTransaction)来实现对当前的Fragment隐藏的功能

      6. 自定义函数setChioceItem(int index)调用hideFragments(FragmentTransaction fragmentTransaction)和FragmentTransaction的提交实现Fragment之间的转换

      7. 实际开发中，为了让我们的导航栏更加的精美以及实现动态切换效果，特地引入了一个外接控件AHBottomNavigationItem来代替Button等常规控件

      8. 设置控件AHBottomNavigationItem的点击响应的事件来实现界面的切换

2. 代码实现

   3. xml文件的构成

      <?xml version="1.0" encoding="utf-8"?>
      <android.support.design.widget.CoordinatorLayout
          xmlns:android="http://schemas.android.com/apk/res/android"
          xmlns:app="http://schemas.android.com/apk/res-auto"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:background="@color/color_tab_1">
      
      
          <ScrollView
              android:layout_width="match_parent"
              android:layout_height="wrap_content">
      
              <LinearLayout
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:layout_weight="1"
                  android:orientation="vertical">
      
                  <!--2. 存放四个Fragment-->
                  <FrameLayout
                      android:id="@+id/content"
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      android:layout_weight="1"
                      android:background="@color/white"></FrameLayout>
      
              <TextView
                  android:layout_marginTop="45dp"
                  android:layout_height="wrap_content"
                  android:layout_width="wrap_content"
                  />
              </LinearLayout>
      
      
          </ScrollView>
      
          <com.aurelhubert.ahbottomnavigation.AHBottomNavigation
              android:id="@+id/bottom_navigation"
              android:layout_width