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

2023-08-05 06:16:03 273

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

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

1.底部按钮

底部按钮使用RadioButton。

//按钮布局

//style样式

match_parent
60dp
center
1
@null
@drawable/menueselector

style样式中的menueselector为背景选择器，使按钮选中变色

在Res目录下新建文件夹（drawable-nodpi）,在里面建立新的xml文件，选择资源类型为Drawable的selector，在每一个selector中建立item选项

2.中间的滑动窗口

3.往滑动窗口添加按钮对应的Fragment,并监听相应事件

下面的代码注意两点

MainActivity需继承于FragmentActivity，这样才能找到其中的getSupportFragmentManager()方法
在书写Fragment时切记引入的是android.support.v4.app.Fragment，而非android.app.Fragment(android.app.Fragment是在3.0引入的，为了兼容更低版本首选android.support.v4.app.Fragment)

packagecom.lsw.wealthapp.activity;

importandroid.support.v4.app.Fragment;
importandroid.os.Bundle;
importandroid.support.v4.app.FragmentActivity;
importandroid.support.v4.app.FragmentManager;
importandroid.support.v4.app.FragmentPagerAdapter;
importandroid.support.v4.view.ViewPager;
importandroid.widget.RadioButton;
importandroid.widget.RadioGroup;
importcom.lsw.wealthapp.R;
importcom.lsw.wealthapp.fragment.CaptureFragment;
importcom.lsw.wealthapp.fragment.HomeFragment;
importcom.lsw.wealthapp.fragment.InvestmentFragment;
importcom.lsw.wealthapp.fragment.MoreFragment;
importcom.lsw.wealthapp.fragment.MyFragment;

importjava.util.ArrayList;
importjava.util.List;

publicclassMainActivityextendsFragmentActivity{
//HomeFragmentIndex
privatestaticfinalintHomeViewPagerIndex=0;
//InvestmentFragmentIndex
privatestaticfinalintInvsetViewPagerIndex=1;
//CaptureFragmentIndex
privatestaticfinalintCaptureViewPagerIndex=2;
//MyFragmentIndex
privatestaticfinalintMyViewPagerIndex=3;
//MoreFragmentIndex
privatestaticfinalintMoreViewPagerIndex=4;
privateViewPagerviewPager;
//主页页面
privateHomeFragmenthomeFragment;
//投资页面
privateInvestmentFragmentinvestmentFragment;
//拍照页面
privateCaptureFragmentcaptureFragment;
//我的页面
privateMyFragmentmyFragment;
//更多页面
privateMoreFragmentmoreFragment;
//Fragment集合
privateListfragmentList;
//FragmentAdapter
privateMyPageFramgentAdaptermyPageFramgentAdapter;
//菜单RadioGroup
privateRadioGroupradioGroup;
//主页按钮
privateRadioButtonrbtnHome;
//投资按钮
privateRadioButtonrbtnInvest;
//拍照按钮
privateRadioButtonrbtnCapture;
//我的按钮
privateRadioButtonrbtnMine;
//更多按钮
privateRadioButtonrbtnMore;

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initViews();
}

privatevoidinitViews(){
viewPager=(ViewPager)findViewById(R.id.viewPager);
homeFragment=newHomeFragment();
investmentFragment=newInvestmentFragment();
captureFragment=newCaptureFragment();
myFragment=newMyFragment();
moreFragment=newMoreFragment();
fragmentList=newArrayList();
radioGroup=(RadioGroup)findViewById(R.id.rg_menu);
rbtnHome=(RadioButton)findViewById(R.id.rbtn_home);
rbtnInvest=(RadioButton)findViewById(R.id.rbtn_vest);
rbtnCapture=(RadioButton)findViewById(R.id.rbtn_photo);
rbtnMine=(RadioButton)findViewById(R.id.rbtn_mine);
rbtnMore=(RadioButton)findViewById(R.id.rbtn_more);
//按钮选中，viewPager展示对应的页面
radioGroup.setOnCheckedChangeListener(newRadioGroup.OnCheckedChangeListener(){
@Override
publicvoidonCheckedChanged(RadioGroupradioGroup,inti){
switch(i){
caseR.id.rbtn_home:
viewPager.setCurrentItem(HomeViewPagerIndex);
break;
caseR.id.rbtn_vest:
viewPager.setCurrentItem(InvsetViewPagerIndex);
break;
caseR.id.rbtn_photo:
viewPager.setCurrentItem(CaptureViewPagerIndex);
break;
caseR.id.rbtn_mine:
viewPager.setCurrentItem(MyViewPagerIndex);
break;
caseR.id.rbtn_more:
viewPager.setCurrentItem(MoreViewPagerIndex);
break;
}
}
});
//将Fragment加入集合中
fragmentList.add(homeFragment);
fragmentList.add(investmentFragment);
fragmentList.add(captureFragment);
fragmentList.add(myFragment);
fragmentList.add(moreFragment);
FragmentManagerfm=getSupportFragmentManager();
myPageFramgentAdapter=newMyPageFramgentAdapter(fm);
viewPager.setAdapter(myPageFramgentAdapter);
//viewPager发生改变，对应的按钮状态变为选中
viewPager.setOnPageChangeListener(newViewPager.OnPageChangeListener(){
@Override
publicvoidonPageScrolled(intposition,floatpositionOffset,intpositionOffsetPixels){

}

@Override
publicvoidonPageSelected(intposition){
switch(position){
caseHomeViewPagerIndex:
rbtnHome.setChecked(true);
break;
caseInvsetViewPagerIndex:
rbtnInvest.setChecked(true);
break;
caseCaptureViewPagerIndex:
rbtnCapture.setChecked(true);
break;
caseMyViewPagerIndex:
rbtnMine.setChecked(true);
break;
caseMoreViewPagerIndex:
rbtnMore.setChecked(true);
break;
default:
break;

}
}

@Override
publicvoidonPageScrollStateChanged(intstate){

}
});
}
//viewPager所需的适配器
classMyPageFramgentAdapterextendsFragmentPagerAdapter{

publicMyPageFramgentAdapter(FragmentManagerfm){
super(fm);
}

@Override
publicFragmentgetItem(intposition){
returnfragmentList.get(position);
}

@Override
publicintgetCount(){
returnfragmentList.size();
}
}


}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

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

热门推荐

随机推荐