本文為大家分享了Android Studio實現滑動菜單Tab效果的具體代碼，供大家參考，具體內容如下
描述：
之前有做過一個記賬本APP，拿來練手的，做的很簡單，是用Eclipse開發的；
最近想把這個APP重新完善一下，添加了一些新的功能，并選用Android Studio來開發；
APP已經完善了一部分，現在就想把已經做好的功能整理一下，記錄下來。
效果圖：
可以手動滑動菜單
也可以通過點擊頭部菜單進行切換
具體實現的代碼：
前臺代碼（activity_main.xml）：
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <LinearLayout android:layout_width="match_parent" android:layout_height="40dp" android:layout_marginTop="1dp" android:background="@android:color/white" android:baselineAligned="false" android:gravity="center_vertical" android:orientation="horizontal" android:paddingBottom="5dp" android:paddingTop="5dp"> <!--detail Tab--> <TextView android:id="@+id/item_detail" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center_horizontal|center_vertical" android:text="@string/detail_tab" android:textColor="@color/main_tab_text_color" android:textSize="20dp"/> <!--category report Tab--> <TextView android:id="@+id/item_category_report" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center_horizontal|center_vertical" android:text="@string/category_report_tab" android:textColor="@color/main_tab_text_color" android:textSize="20dp"/> </LinearLayout> <android.support.v4.view.ViewPager android:id="@+id/mainViewPager" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"/></LinearLayout>
主界面代碼（MainActivity.java）：
package com.hyl.acccountbookdemo;import android.graphics.Color;import android.os.Bundle;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentPagerAdapter;import android.support.v4.view.ViewPager;import android.support.v7.app.AppCompatActivity;import android.view.View;import android.widget.TextView;import java.util.ArrayList;import java.util.List;/** * @programName: MainActivity.java * @programFunction: Recording of income and expenditure * @createDate: 2018/09/25 * @author: AnneHan * @version: * xx. yyyy/mm/dd ver author comments * 01. 2018/09/25 1.00 AnneHan New Create */public class MainActivity extends AppCompatActivity implements View.OnClickListener { private TextView item_detail, item_category_report; private ViewPager vp; private OneFragment oneFragment; private TwoFragment twoFragment; private List<Fragment> mFragmentList = new ArrayList<Fragment>(); private FragmentAdapter mFragmentAdapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initViews(); mFragmentAdapter = new FragmentAdapter(this.getSupportFragmentManager(), mFragmentList); vp.setOffscreenPageLimit(2);//ViewPager的緩存為2幀 vp.setAdapter(mFragmentAdapter); vp.setCurrentItem(0);//初始設置ViewPager選中第一幀 item_detail.setTextColor(Color.parseColor("#1ba0e1")); //ViewPager的監聽事件 vp.setOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { /*此方法在頁面被選中時調用*/ changeTextColor(position); } @Override public void onPageScrollStateChanged(int state) { /*此方法是在狀態改變的時候調用，其中arg0這個參數有三種狀態（0，1，2）。 arg0==1的時辰默示正在滑動， arg0==2的時辰默示滑動完畢了， arg0==0的時辰默示什么都沒做。*/ } }); } /** * 初始化布局View */ private void initViews() { item_detail = (TextView) findViewById(R.id.item_detail); item_category_report = (TextView) findViewById(R.id.item_category_report); item_detail.setOnClickListener(this); item_category_report.setOnClickListener(this); vp = (ViewPager) findViewById(R.id.mainViewPager); oneFragment = new OneFragment(); twoFragment = new TwoFragment(); //給FragmentList添加數據 mFragmentList.add(oneFragment); mFragmentList.add(twoFragment); } /** * 點擊頭部Text 動態修改ViewPager的內容 */ @Override public void onClick(View v) { switch (v.getId()) { case R.id.item_detail: vp.setCurrentItem(0, true); break; case R.id.item_category_report: vp.setCurrentItem(1, true); break; } } public class FragmentAdapter extends FragmentPagerAdapter { List<Fragment> fragmentList = new ArrayList<Fragment>(); public FragmentAdapter(FragmentManager fm, List<Fragment> fragmentList) { super(fm); this.fragmentList = fragmentList; } @Override public Fragment getItem(int position) { return fragmentList.get(position); } @Override public int getCount() { return fragmentList.size(); } } /** * 由ViewPager的滑動修改頭部導航Text的顏色 * @param position */ private void changeTextColor(int position) { if (position == 0) { item_detail.setTextColor(Color.parseColor("#1ba0e1")); item_category_report.setTextColor(Color.parseColor("#000000")); } else if (position == 1) { item_category_report.setTextColor(Color.parseColor("#1ba0e1")); item_detail.setTextColor(Color.parseColor("#000000")); } }}需要多少個Fragment，便創建多少個，這里只舉例寫一個，其它相同
建立Fragment（fragment_one.xml）：
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:text="@string/detail_tab" android:textSize="25sp"/></LinearLayout>
Fragment界面代碼（OneFragment.java）：
package com.hyl.acccountbookdemo;import android.os.Bundle;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;/** * @programName: OneFragment.java * @programFunction: * @createDate: 2018/09/25 * @author: AnneHan * @version: * xx. yyyy/mm/dd ver author comments * 01. 2018/09/25 1.00 AnneHan New Create */public class OneFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // Inflate the layout for this fragment return inflater.inflate(R.layout.fragment_one, container, false); }}strings.xml：
<string name="detail_tab">明細</string><string name="category_report_tab">類別報表</string>
colors.xml：
<color name="main_tab_text_color">#000000</color>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VEVB武林網。
新聞熱點
疑難解答
