Android实现底部导航栏功能

  

本文实例为大家分享了Android实现底部导航栏功能的具体代码,供大家参考,具体内容如下

  

实验效果:

  

,  Android实现底部导航栏功能

  

(1)在可拉的文件夹下新建tab_menu_bg.xml文件,具体代码如下:

        & lt; & # 63; xml version=" 1.0 " encoding=" utf - 8 " & # 63;比;   & lt;选择xmlns: android=" http://schemas.android.com/apk/res/android "比;   & lt;项目android: state_selected=" true "比;   & lt; shape>   & lt;固体android:颜色=癅color/bg_gray”/比;   & lt;/shape>   & lt;/item>   & lt;/selector>   之前      

(2)在可拉的文件夹下新建tab_menu_text。xml文件,具体代码如下:
  

        & lt; & # 63; xml version=" 1.0 " encoding=" utf - 8 " & # 63;比;   & lt;选择xmlns: android=" http://schemas.android.com/apk/res/android "比;   & lt;项目android:颜色=" @color/text_green”android: state_selected=" true "/比;   & lt;项目android:颜色=癅color/text_black”/比;   & lt;/selector>   之前      

(3)在可拉的文件夹下新建tab_menu_personal。xml文件,具体代码如下:
  

        & lt; & # 63; xml version=" 1.0 " encoding=" utf - 8 " & # 63;比;   & lt;选择xmlns: android=" http://schemas.android.com/apk/res/android "比;   & lt;项目android:可拉的=" @mipmap/menu_personal_on”android: state_selected=" true "/比;   & lt;项目android:可拉的=癅mipmap/menu_personal_off”/比;   & lt;/selector>   之前      

(4)在可拉的文件夹下新建tab_menu_send。xml文件,具体代码如下:
  

        & lt; & # 63; xml version=" 1.0 " encoding=" utf - 8 " & # 63;比;   & lt;选择xmlns: android=" http://schemas.android.com/apk/res/android "比;   & lt;项目android:可拉的=" @mipmap/menu_send_on”android: state_selected=" true "/比;   & lt;项目android:可拉的=癅mipmap/menu_send_off”/比;   & lt;/selector>   之前      

(5)在可拉的文件夹下新建tab_menu_list。xml文件,具体代码如下:
  

        & lt; & # 63; xml version=" 1.0 " encoding=" utf - 8 " & # 63;比;   & lt;选择xmlns: android=" http://schemas.android.com/apk/res/android "比;   & lt;项目android:可拉的=" @mipmap/menu_send_on”android: state_selected=" true "/比;   & lt;项目android:可拉的=癅mipmap/menu_send_off”/比;   & lt;/selector>之前      

(6)在布局文件夹下的activity_main。xml中具体代码如下:
  

        & lt; & # 63; xml version=" 1.0 " encoding=" utf - 8 " & # 63;比;   & lt; RelativeLayout xmlns: android=" http://schemas.android.com/apk/res/android "   xmlns:工具=" http://schemas.android.com/tools "   android: id=癅 + id/activity_main”   android: layout_width=" match_parent "   android: layout_height=" match_parent "   工具:上下文=癱om.bzu.fshiner.parttimejob.MainActivity”比;   & lt;使用   android: id=癅 + id/tab_title”   android: layout_width=" match_parent "   android: layout_height=48 dp”比;   & lt; TextView   android: id=癅 + id/tv_top”   android: layout_width=" match_parent "   android: layout_height=" match_parent "   android:重力="中心"   android: textSize=" 18 sp "   android:输入textColor=" @color/text_black”   android:文本=癅string/tv_top”/比;   & lt;视图   android: layout_width=" match_parent "   android: layout_height=" 2 px "   android:背景=" @color/text_black”   android: layout_alignParentBottom=" true "/比;   & lt;/RelativeLayout>   LinearLayout & lt;   android: id=癅 + id/tab_menu”   android: layout_width=" match_parent "   android: layout_height=" 56 dp "   面向android:="水平"   android: layout_alignParentBottom=" true "比;   & lt; TextView   android: id=癅 + id/tv_list”   android: layout_width=" 0 dp”   android: layout_height=" match_parent "   android: layout_weight=" 1 "   android: drawablePadding=" 3 dp”   android:重力="中心"   android:背景=" @drawable/tab_menu_bg”   android:输入textColor=" @drawable/tab_menu_text”   android: drawableTop=" @drawable/tab_menu_list”   android:文本=癅string/tv_list”/比;   & lt; TextView   android: id=癅 + id/tv_send”   android: layout_width=" 0 dp”   android: layout_height=" match_parent "   android: layout_weight=" 1 "   android: drawablePadding=" 3 dp”   android:重力="中心"   android:背景=" @drawable/tab_menu_bg”   android:输入textColor=" @drawable/tab_menu_text”   android: drawableTop=" @drawable/tab_menu_send”   android:文本=癅string/tv_send”/比;   & lt; TextView android: id=癅 + id/tv_personal”   android: layout_width=" 0 dp”   android: layout_height=" match_parent "   android: layout_weight=" 1 "   android: drawablePadding=" 3 dp”   android:重力="中心"   android:背景=" @drawable/tab_menu_bg”   android:输入textColor=" @drawable/tab_menu_text”   android: drawableTop=" @drawable/tab_menu_personal”   android:文本=癅string/tv_personal”/比;   & lt;/LinearLayout>   & lt;视图   android: id=癅 + id/div_tab_bar”   android: layout_width=" match_parent "   android: layout_height=" 2 px "   android: layout_above=癅 id/tab_menu”/比;   & lt; FrameLayout   android: id=癅 + id/fragment_container”   android: layout_width=" match_parent "   android: layout_height=" match_parent "   android: layout_below=" @ id/tab_title”   android: layout_above=癅 id/tab_menu”比;   & lt;/FrameLayout>   & lt;/RelativeLayout>   

Android实现底部导航栏功能