Android实现美团应用的底部滑动菜单

  

仿美团款的底部滑动菜单Android实现,供大家参考,具体内容如下

  

在现在的应用的应用中,类似仿美团款的底部滑动菜单,应用是挺多的,例如QQ,微信,支付宝都应用到。开发流程如下

  

<强> 1。底部按钮

  

底部按钮使用RadioButton。

     //按钮布的局   LinearLayout & lt;   android: id=癅 + id/llradiogroup”   android: layout_width=" match_parent "   android: layout_height=" wrap_content "   android: layout_alignParentBottom=" true "比;      & lt; RadioGroup   android: id=癅 + id/rg_menu”   android: layout_width=" match_parent "   android: layout_height=" wrap_content "   面向android:="水平"比;      & lt; RadioButton   android: id=癅 + id/rbtn_home”      android:检查=" true "   android: drawableTop=" @drawable/家”   android:文本="首页”/比;      & lt; RadioButton   android: id=癅 + id/rbtn_vest”      android: drawableTop=" @drawable/投资”   android:文本="投资”/比;      & lt; RadioButton   android: id=癅 + id/rbtn_photo”      android: drawableTop=" @drawable/射击”   android:文本="拍拍”/比;      & lt; RadioButton   android: id=癅 + id/rbtn_mine”      android: drawableTop=" @drawable/recom_member”   android:文本="我的"/比;      & lt; RadioButton   android: id=癅 + id/rbtn_more”      android: drawableTop=" @drawable/更多的“   android:文本="更多”/比;      & lt;/RadioGroup>         //风格样式   & lt;样式名=癛adioButton”比;   & lt;项目名称=" android: layout_width "祝辞match_parent   & lt;项目名称=" android: layout_height "祝辞60 dp   & lt;项目名称=" android:重力"祝辞center   & lt;项目名称=" android: layout_weight "祝辞1 & lt;/item>   & lt;项目名称=癮ndroid:按钮”祝辞@null   & lt;项目名称=" android:背景”祝辞@drawable/menueselector   & lt;/style>      

风格样式中的menueselector为背景选择器,使按钮选中变色

  

在Res目录下新建文件夹(drawable-nodpi),在里面建立新xml文的件,选择资源类型为可移动的选择器,在每一个选择器中建立项目选项

        & lt; & # 63; xml version=" 1.0 " encoding=" utf - 8 " & # 63;比;   & lt;选择xmlns: android=" http://schemas.android.com/apk/res/android "比;   & lt; !——选中背景颜色——比;   & lt;项目android:可拉的=" @color/检查“android: state_checked=" true "/比;   & lt; !——未选中背景颜色——比;   & lt;项目android:可拉的=" @color/nocheck”android: state_checked=癴alse”/祝辞   & lt;/selector>      

<强> 2。中间的滑动窗口

        & lt; android.support.v4.view.ViewPager   android: id=癅 + id/: viewpage”   android: layout_width=" match_parent "   android: layout_height=" match_parent "   android: layout_above=癅 + id/llradiogroup”比;   & lt;/android.support.v4.view.ViewPager>      

<强> 3。往滑动窗口添加按钮对应的片段,并监听相应事件

  

下面的代码注意两点

  
      <李> MainActivity需继承于FragmentActivity,这样才能找到其中的getSupportFragmentManager()方法
      李   <李>在书写片段时切记引入的是android.support.v4.app.Fragment,而非android.app.Fragment (android.app.Fragment是在3.0引入的,为了兼容更低版本首选android.support.v4.app.Fragment)
      李   
        包com.lsw.wealthapp.activity;      进口android.support.v4.app.Fragment;   进口android.os.Bundle;   进口android.support.v4.app.FragmentActivity;   进口android.support.v4.app.FragmentManager;   进口android.support.v4.app.FragmentPagerAdapter;   进口android.support.v4.view.ViewPager;   进口android.widget.RadioButton;   进口android.widget.RadioGroup;   进口com.lsw.wealthapp.R;   进口com.lsw.wealthapp.fragment.CaptureFragment;   进口com.lsw.wealthapp.fragment.HomeFragment;   进口com.lsw.wealthapp.fragment.InvestmentFragment;   进口com.lsw.wealthapp.fragment.MoreFragment;   进口com.lsw.wealthapp.fragment.MyFragment;      进口java.util.ArrayList;   进口并不知道;      公开课MainActivity延伸FragmentActivity {//HomeFragmentIndex   私有静态最终int HomeViewPagerIndex=0;//InvestmentFragmentIndex   私有静态最终int InvsetViewPagerIndex=1;//CaptureFragmentIndex   私有静态最终int CaptureViewPagerIndex=2;//MyFragmentIndex   私有静态最终int MyViewPagerIndex=3;//MoreFragmentIndex   私有静态最终int MoreViewPagerIndex=4;   私人:viewpage: viewpage;//主页页面   私人HomeFragment HomeFragment;//投资页面   私人InvestmentFragment InvestmentFragment;//拍照页面   私人CaptureFragment CaptureFragment;//我的页面   私人MyFragment MyFragment;//更多页面   私人MoreFragment MoreFragment;//片段集合   私人List

Android实现美团应用的底部滑动菜单