TabLayout頁面切換教學(Part2)

前提回顧:

TabLayout頁面切換教學(Part1)

上一篇已經把所有xml定義完了，接下來就要來寫code囉!

●建立一個ViewPager的容器 new->java.class

Name:ViewPagerAdapter

Superclass: android.support.v4.app.FragmentPagerAdapter(要繼承介面改寫)

package com.example.andy6804tw.tabbed;



import android.support.v4.app.FragmentManager;

import android.support.v4.app.Fragment;

import android.support.v4.app.FragmentPagerAdapter;



import java.util.ArrayList;



/**

 * Created by andy6804tw on 2016/12/6.

 */



public class ViewPagerAdapter extends FragmentPagerAdapter {



   ArrayList<Fragment>fragments=new ArrayList<>();

    ArrayList<String>tabTitles=new ArrayList<>();



    public void addFragments(Fragment fragment,String titles){

        this.fragments.add(fragment);

        this.tabTitles.add(titles);

    }



    public ViewPagerAdapter(FragmentManager fm){

    super(fm);

    }



    @Override

    public Fragment getItem(int position) {

        return fragments.get(position);

    }



    @Override

    public int getCount() {

        return fragments.size();

    }



    @Override

    public CharSequence getPageTitle(int position) {

        return tabTitles.get(position);

    }

}

●新增一個FragmentActivity

include fragment factory method和include interface callbacks勾選掉

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    tools:context="com.example.andy6804tw.tabbed.HomeFragment">



    <!-- TODO: Update blank fragment layout -->

    <TextView

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:text="HomeFragment"

        android:layout_gravity="center"

        android:textSize="30dp"

        android:textStyle="bold"/>



</FrameLayout>

重複這樣分別建立HomeFragment、FirstFragment、SecondFragment

●在MainActivity.java中

package com.example.andy6804tw.tabbed;



import android.support.design.widget.TabLayout;

import android.support.v4.view.ViewPager;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.support.v7.widget.Toolbar;



public class MainActivity extends AppCompatActivity {



    private  Toolbar toolbar;

    private TabLayout tabLayout;

    private ViewPager viewPager;

    private ViewPagerAdapter viewPagerAdapter;



    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);



        toolbar=(Toolbar)findViewById(R.id.app_bar);

        setSupportActionBar(toolbar);



        tabLayout=(TabLayout)findViewById(R.id.tabLayout);

        viewPager=(ViewPager)findViewById(R.id.viewPager);

        viewPagerAdapter=new ViewPagerAdapter(getSupportFragmentManager());

        viewPagerAdapter.addFragments(new HomeFragment(),"Home");

        viewPagerAdapter.addFragments(new FirstFragment(),"First");

        viewPagerAdapter.addFragments(new SecondFragment(),"Second");

        viewPager.setAdapter(viewPagerAdapter);

        tabLayout.setupWithViewPager(viewPager);



    }

}

執行結果