Android 底部导航控件实例代码

下面我为你详细讲解“Android 底部导航控件实例代码”的完整攻略。

一、什么是 Android 底部导航控件？

Android 底部导航控件是一种常用的界面设计方式，通常被用于 APP 的底部导航。它可以让用户方便地在多个页面之间切换，提高 APP 的使用体验。

二、如何实现 Android 底部导航控件？

在实现 Android 底部导航控件的过程中，需要用到 TabLayout 和 ViewPager 控件。其中 TabLayout 可以用来实现底部导航栏，ViewPager 用来实现内容页面的切换。

2.1. TabLayout 的使用

TabLayout 控件是 Google 提供的一个用于实现标签页的控件。我们可以通过在布局文件中声明该控件，然后在代码中为它添加选项卡，即可实现底部导航栏。

示例代码如下：

<android.support.design.widget.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimary"
    android:elevation="6dp"
    app:tabGravity="fill"
    app:tabIndicatorColor="@color/colorAccent"
    app:tabMode="fixed"
    app:tabSelectedTextColor="@android:color/white"
    app:tabTextColor="@color/tab_text_color"/>

以上代码中，我们通过设置 tabGravity、tabMode 和 tabTextColor 等属性，来控制选项卡的位置、样式和颜色。

控件中还可以添加选项卡，具体方式如下：

TabLayout tabLayout = findViewById(R.id.tab_layout); // 获取 TabLayout 控件

// 循环为 TabLayout 添加选项卡
for (int i = 0; i < tabTitles.length; i++) {
    tabLayout.addTab(tabLayout.newTab().setText(tabTitles[i]));
}

以上代码中，我们通过循环为 TabLayout 添加选项卡，tabTitles 数组指定了选项卡的标题。

2.2. ViewPager 的使用

ViewPager 控件是 Android 提供的一个用于实现滑动页面的控件。我们可以通过在布局文件中声明该控件，然后在代码中为它添加页面，即可实现内容页面的切换。

示例代码如下：

<android.support.v4.view.ViewPager
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

以上代码中，我们通过设置控件的宽度和高度，保证 ViewPager 填满整个屏幕。接下来可以通过创建、设置适配器，为 ViewPager 添加页面。

ViewPager viewPager = findViewById(R.id.view_pager); // 获取 ViewPager 控件

// 创建并设置适配器
ViewPagerAdatper adapter = new ViewPagerAdatper(getSupportFragmentManager(), fragments, tabTitles);
viewPager.setAdapter(adapter);

以上代码中，fragments 数组中存储了要添加的页面，tabTitles 数组中存储了选项卡的标题。根据它们的位置和相应的标题，可以创建并设置适配器，实现页面的添加。

三、完整示例代码

下面给出了一份完整的 Android 底部导航控件实例代码，该代码实现了一个包含两个页面的底部导航栏。

示例代码如下：

public class MainActivity extends AppCompatActivity {

    private String[] tabTitles = new String[]{"首页", "我的"};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initViews();
    }

    private void initViews() {
        // 获取 TabLayout 控件
        TabLayout tabLayout = findViewById(R.id.tab_layout);

        // 循环为 TabLayout 添加选项卡
        for (int i = 0; i < tabTitles.length; i++) {
            tabLayout.addTab(tabLayout.newTab().setText(tabTitles[i]));
        }

        // 获取 ViewPager 控件
        ViewPager viewPager = findViewById(R.id.view_pager);

        // 创建并设置适配器
        List<Fragment> fragments = new ArrayList<>();
        fragments.add(new HomeFragment());
        fragments.add(new MineFragment());
        ViewPagerAdatper adapter = new ViewPagerAdatper(getSupportFragmentManager(), fragments, tabTitles);
        viewPager.setAdapter(adapter);

        // 将 TabLayout 和 ViewPager 相互关联
        tabLayout.setupWithViewPager(viewPager);
    }

    /**
     * 实现适配器
     */
    static class ViewPagerAdatper extends FragmentPagerAdapter {

        private List<Fragment> fragments;
        private String[] tabTitles;

        public ViewPagerAdatper(FragmentManager fm, List<Fragment> fragments, String[] tabTitles) {
            super(fm);
            this.fragments = fragments;
            this.tabTitles = tabTitles;
        }

        @Override
        public Fragment getItem(int position) {
            return fragments.get(position);
        }

        @Override
        public int getCount() {
            return fragments == null ? 0 : fragments.size();
        }

        @Nullable
        @Override
        public CharSequence getPageTitle(int position) {
            return tabTitles[position];
        }
    }

    /**
     * 实现 HomeFragment 页面
     */
    static class HomeFragment extends Fragment {

        @Nullable
        @Override
        public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
            View view = inflater.inflate(R.layout.fragment_home, container, false);
            return view;
        }
    }

    /**
     * 实现 MineFragment 页面
     */
    static class MineFragment extends Fragment {

        @Nullable
        @Override
        public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
            View view = inflater.inflate(R.layout.fragment_mine, container, false);
            return view;
        }
    }
}

以上代码中，我们通过在 onCreate() 方法中调用 initViews() 方法实现界面的初始化。在 initViews() 方法中，首先获取 TabLayout 控件，循环添加选项卡；然后获取 ViewPager 控件，创建并设置适配器，并将 TabLayout 和 ViewPager 相互关联。

示例中还实现了两个页面，分别为 HomeFragment 和 MineFragment 页面。在这两个页面中，我们通过 onCreateView() 方法返回相应的布局文件。

综上所述，以上就是 Android 底部导航控件实例代码的完整攻略。