Android:一个通用的底部导航-白红宇

Android:一个通用的底部导航

阅读量：767 次

发布时间：2019-03-24

本文共 3815 字，大约阅读时间需要 12 分钟。

优化后的文章内容

现代应用的底部导航实现方案

在移动应用开发中，底部导航栏作为用户操作的重要组成部分，几乎无处不在。现有的许多底部导航实现方式使得开发者面临繁琐的代码重复工作。为了解决这一问题，我们可以打造一个通用的底部导航解决方案，帮助开发者快速实现个性化的导航功能。

我们的需求

构建一个能够灵活处理任意数量底部导航模块的通用解决方案。无需通过findViewById手动获取导航按钮，点击事件的管理也需自动化处理。

解决方案思路

以 LinearLayout 为外层容器：设定一个最外层的线性布局，作为底部导航的容器。

导航按钮使用 FrameLayout：每个导航按钮使用 FrameLayout 作为容器，以便于统一管理导航按钮的点击状态。

状态管理：点击导航按钮时，统一修改该 FrameLayout 及其所有子控件的状态（启用/禁用），同时也切换其他导航按钮的状态。

减少代码复杂度：通过动态获取导航按钮数量，统一设置点击事件，无需手动为每个导航按钮设置点击处理逻辑。

实现代码

MainActivity 布局文件：

MainActivity 代码示例：

public class MainActivity extends AppCompatActivity {
    @InjectView(R.id.main_bottom_switcher_container)
    LinearLayout mainBottomSwitcherContainer;
    private List
   
     fragments = new ArrayList<>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.inject(this);
        initFragment();
        initMainBottomSwitcher();
    }
    private void initFragment() {
        fragments.add(new HomeFragment());
        fragments.add(new OrderFragment());
        fragments.add(new MeFragment());
        fragments.add(new MoreFragment());
        // 默认打开首页
        onClickListener.onClick(mainBottomSwitcherContainer.getChildAt(0));
    }
    private void initMainBottomSwitcher() {
        int childCount = mainBottomSwitcherContainer.getChildCount();
        for (int i = 0; i < childCount; i++) {
            FrameLayout childAt = (FrameLayout) mainBottomSwitcherContainer.getChildAt(i);
            childAt.setOnClickListener(onClickListener);
        }
    }
    private View.OnClickListener onClickListener = new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            int index = mainBottomSwitcherContainer.indexOfChild(view);
            changeUi(index);
            changeFragment(index);
        }
    };
    private void changeUi(int index) {
        int childCount = mainBottomSwitcherContainer.getChildCount();
        for (int i = 0; i < childCount; i++) {
            if (i == index) {
                setEnable(mainBottomSwitcherContainer.getChildAt(i), false);
            } else {
                setEnable(mainBottomSwitcherContainer.getChildAt(i), true);
            }
        }
    }
    private void changeFragment(int index) {
        Fragment fragment = fragments.get(index);
        getSupportFragmentManager()
                .beginTransaction()
                .replace(R.id.main_fragment_container, fragment)
                .commit();
    }
    private void setEnable(View item, boolean b) {
        if (item instanceof ViewGroup) {
            ((ViewGroup) item).setEnabled(b);
            for (int i = 0; i < ((ViewGroup) item).getChildCount(); i++) {
                View child = ((ViewGroup) item).findViewByIdAt(i);
                if (child == null) continue;
                setEnable(child, b);
            }
        } else {
            item.setEnabled(b);
        }
    }
}