java底部菜单_底部菜单栏demo实现

一、简介

实现效果图如下：

屏幕快照 2018-07-30 下午3.35.03.png

类似美团主页的底部菜单栏，禁止横向滑动，可以点击tab切换fragment。

采用的框架为Material Design中的tabLayout+ViewPager实现Fragment的切换

二、布局/资源文件

在xml中定义一个tab背景选中和没选中时采用不同的图片，以及不同的字体颜色

2.1 tab的ImageButton背景选择器

selector_home_tab.xml:

selector_surround.xml:

其余三个标签类似

2.2 tab中文字颜色背景选择器

selector_tab_text.xml:

2.3 tab item的布局文件

tab_item.xml:

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:paddingTop="5dp">

android:layout_width="@dimen/tab_width"

android:layout_height="match_parent"

android:orientation="vertical">

android:id="@+id/tab_btn"

android:layout_width="match_parent"

android:layout_height="@dimen/image_button_height"

android:background="@drawable/ic_find_gray"

android:clickable="false"/>

android:layout_width="match_parent"

android:layout_height="@dimen/tab_text_height"

android:text="发现"

android:textColor="@drawable/selector_tab_text"

android:textAlignment="center"

android:id="@+id/tab_text"/>

2.4 Fragment布局文件

这次demo没有写好几种Fragment，而是用同一种Fragment。

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&#