Android實現(xiàn)美團APP的底部滑動菜單
仿美團APP的底部滑動菜單Android實現(xiàn),供大家參考,具體內(nèi)容如下
在現(xiàn)在的APP的應用中,類似仿美團APP的底部滑動菜單,應用是挺多的,例如QQ,微信,支付寶都應用到。開發(fā)流程如下
1. 底部按鈕
底部按鈕使用RadioButton。
// 按鈕布局
<LinearLayout
android:id="@+id/llradiogroup"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true">
<RadioGroup
android:id="@+id/rg_menu"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<RadioButton
android:id="@+id/rbtn_home"
style="@style/RadioButton"
android:checked="true"
android:drawableTop="@drawable/home"
android:text="首頁" />
<RadioButton
android:id="@+id/rbtn_vest"
style="@style/RadioButton"
android:drawableTop="@drawable/investment"
android:text="投資" />
<RadioButton
android:id="@+id/rbtn_photo"
style="@style/RadioButton"
android:drawableTop="@drawable/shooting"
android:text="拍拍" />
<RadioButton
android:id="@+id/rbtn_mine"
style="@style/RadioButton"
android:drawableTop="@drawable/recom_member"
android:text="我的" />
<RadioButton
android:id="@+id/rbtn_more"
style="@style/RadioButton"
android:drawableTop="@drawable/more"
android:text="更多" />
</RadioGroup>
// style樣式 <style name="RadioButton"> <item name="android:layout_width">match_parent</item> <item name="android:layout_height">60dp</item> <item name="android:gravity">center</item> <item name="android:layout_weight">1</item> <item name="android:button">@null</item> <item name="android:background">@drawable/menueselector</item> </style>
style樣式中的menueselector為背景選擇器,使按鈕選中變色
在Res目錄下新建文件夾(drawable-nodpi),在里面建立新的xml文件,選擇資源類型為Drawable的selector,在每一個selector中建立item選項
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <!--選中背景顏色--> <item android:drawable="@color/checked" android:state_checked="true" /> <!--未選中背景顏色--> <item android:drawable="@color/nochecked" android:state_checked="false" /> </selector>
2. 中間的滑動窗口
<android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_above="@+id/llradiogroup"> </android.support.v4.view.ViewPager>
3. 往滑動窗口添加按鈕對應的Fragment, 并監(jiān)聽相應事件
下面的代碼注意兩點
- MainActivity需繼承于FragmentActivity,這樣才能找到其中的getSupportFragmentManager()方法
- 在書寫Fragment時切記引入的是android.support.v4.app.Fragment,而非android.app.Fragment(android.app.Fragment是在3.0引入的,為了兼容更低版本首選android.support.v4.app.Fragment)
package com.lsw.wealthapp.activity;
import android.support.v4.app.Fragment;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import com.lsw.wealthapp.R;
import com.lsw.wealthapp.fragment.CaptureFragment;
import com.lsw.wealthapp.fragment.HomeFragment;
import com.lsw.wealthapp.fragment.InvestmentFragment;
import com.lsw.wealthapp.fragment.MoreFragment;
import com.lsw.wealthapp.fragment.MyFragment;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends FragmentActivity {
// HomeFragmentIndex
private static final int HomeViewPagerIndex = 0;
// InvestmentFragmentIndex
private static final int InvsetViewPagerIndex = 1;
// CaptureFragmentIndex
private static final int CaptureViewPagerIndex = 2;
// MyFragmentIndex
private static final int MyViewPagerIndex = 3;
// MoreFragmentIndex
private static final int MoreViewPagerIndex = 4;
private ViewPager viewPager;
// 主頁頁面
private HomeFragment homeFragment;
// 投資頁面
private InvestmentFragment investmentFragment;
//拍照頁面
private CaptureFragment captureFragment;
// 我的頁面
private MyFragment myFragment;
// 更多頁面
private MoreFragment moreFragment;
// Fragment集合
private List<Fragment> fragmentList;
// FragmentAdapter
private MyPageFramgentAdapter myPageFramgentAdapter;
// 菜單RadioGroup
private RadioGroup radioGroup;
// 主頁按鈕
private RadioButton rbtnHome;
// 投資按鈕
private RadioButton rbtnInvest;
// 拍照按鈕
private RadioButton rbtnCapture;
// 我的按鈕
private RadioButton rbtnMine;
// 更多按鈕
private RadioButton rbtnMore;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initViews();
}
private void initViews() {
viewPager = (ViewPager) findViewById(R.id.viewPager);
homeFragment = new HomeFragment();
investmentFragment = new InvestmentFragment();
captureFragment = new CaptureFragment();
myFragment = new MyFragment();
moreFragment = new MoreFragment();
fragmentList = new ArrayList<Fragment>();
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(new RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup radioGroup, int i) {
switch (i) {
case R.id.rbtn_home:
viewPager.setCurrentItem(HomeViewPagerIndex);
break;
case R.id.rbtn_vest:
viewPager.setCurrentItem(InvsetViewPagerIndex);
break;
case R.id.rbtn_photo:
viewPager.setCurrentItem(CaptureViewPagerIndex);
break;
case R.id.rbtn_mine:
viewPager.setCurrentItem(MyViewPagerIndex);
break;
case R.id.rbtn_more:
viewPager.setCurrentItem(MoreViewPagerIndex);
break;
}
}
});
//將Fragment加入集合中
fragmentList.add(homeFragment);
fragmentList.add(investmentFragment);
fragmentList.add(captureFragment);
fragmentList.add(myFragment);
fragmentList.add(moreFragment);
FragmentManager fm = getSupportFragmentManager();
myPageFramgentAdapter = new MyPageFramgentAdapter(fm);
viewPager.setAdapter(myPageFramgentAdapter);
// viewPager發(fā)生改變,對應的按鈕狀態(tài)變?yōu)檫x中
viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
switch (position) {
case HomeViewPagerIndex:
rbtnHome.setChecked(true);
break;
case InvsetViewPagerIndex:
rbtnInvest.setChecked(true);
break;
case CaptureViewPagerIndex:
rbtnCapture.setChecked(true);
break;
case MyViewPagerIndex:
rbtnMine.setChecked(true);
break;
case MoreViewPagerIndex:
rbtnMore.setChecked(true);
break;
default:
break;
}
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
}
// viewPager所需的適配器
class MyPageFramgentAdapter extends FragmentPagerAdapter {
public MyPageFramgentAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int position) {
return fragmentList.get(position);
}
@Override
public int getCount() {
return fragmentList.size();
}
}
}
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持我們。
上一篇:Android實現(xiàn)藍牙(BlueTooth)設備檢測連接
欄 目:Android
下一篇:Android Shape屬性創(chuàng)建環(huán)形進度條
本文標題:Android實現(xiàn)美團APP的底部滑動菜單
本文地址:http://www.jygsgssxh.com/a1/Android/9025.html
您可能感興趣的文章
- 01-10Android自定義View之繪制圓形頭像功能
- 01-10Android實現(xiàn)雙擊返回鍵退出應用實現(xiàn)方法詳解
- 01-10android實現(xiàn)記住用戶名和密碼以及自動登錄
- 01-10android實現(xiàn)簡單計算器功能
- 01-10Android 友盟第三方登錄與分享的實現(xiàn)代碼
- 01-10C++自定義API函數(shù)實現(xiàn)大數(shù)相乘算法
- 01-10如何給Flutter界面切換實現(xiàn)點特效
- 01-10android實現(xiàn)指紋識別功能
- 01-10Emoji表情在Android JNI中的兼容性問題詳解
- 01-10Android實現(xiàn)圓形漸變加載進度條


閱讀排行
本欄相關
- 01-10Android自定義View之繪制圓形頭像功能
- 01-10Android實現(xiàn)雙擊返回鍵退出應用實現(xiàn)方
- 01-10android實現(xiàn)簡單計算器功能
- 01-10android實現(xiàn)記住用戶名和密碼以及自動
- 01-10C++自定義API函數(shù)實現(xiàn)大數(shù)相乘算法
- 01-10Android 友盟第三方登錄與分享的實現(xiàn)代
- 01-10android實現(xiàn)指紋識別功能
- 01-10如何給Flutter界面切換實現(xiàn)點特效
- 01-10Android實現(xiàn)圓形漸變加載進度條
- 01-10Emoji表情在Android JNI中的兼容性問題詳
隨機閱讀
- 01-10C#中split用法實例總結
- 01-11ajax實現(xiàn)頁面的局部加載
- 01-10delphi制作wav文件的方法
- 01-10使用C語言求解撲克牌的順子及n個骰子
- 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
- 04-02jquery與jsp,用jquery
- 01-10SublimeText編譯C開發(fā)環(huán)境設置
- 08-05dedecms(織夢)副欄目數(shù)量限制代碼修改
- 08-05織夢dedecms什么時候用欄目交叉功能?
- 08-05DEDE織夢data目錄下的sessions文件夾有什


