前言

• 在玩音樂播放器時，排行榜介面 涉及到幾個Fragment之間的跳轉，通過查詢自己做了一個小效果，感覺不錯，利用一個簡單的介面回撥，
  分享給初學者做著玩。大神勿噴！

• 點選左側的按鈕，右側的內容隨著點選變化。
• 簡單介紹一下實現過程：
  
  • 首先介面由 左右兩個Fragment構成，
  • 左側定義了5個Button，自定義一個介面，Button監聽實現介面方法，傳入int型別值
  • 右側定義一個ViewPager，在Activity中實現介面，根據Button傳入的不同int，viewPager設定當前頁為不同的index
  • 原理比較簡單，看著挺好玩的，話不多說，直接上程式碼！

程式碼實現

• 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="horizontal">

    <FrameLayout
        android:id="@+id/left_view"
 

        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"/>

    <View
        android:layout_width="2dp"
        android:layout_height="match_parent"
        android:background="#9d9d9d"/>

    <FrameLayout
        android:id="@+id/right_view"
 

        android:layout_width="0dp"
        android:layout_weight="3"
        android:layout_height="match_parent"/>
</LinearLayout>

• MainActivity.class

import android.support.v4.app.FragmentActivity;
import android.os.Bundle;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v4.view.ViewPager;

public class MainActivity extends FragmentActivity implements LeftFragment.ToRightFragment{

    private FragmentManager manager;
    private FragmentTransaction transaction;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        manager = getSupportFragmentManager();
        transaction = manager.beginTransaction();
        // 替換佔位佈局為自定義Fragment，tag值為fragment的標示符
        transaction.replace(R.id.left_view, new LeftFragment(), "left");
        transaction.replace(R.id.right_view, new RightFragment(), "right");
        transaction.commit();
    }

    /**
     * 介面回撥方法（在類的宣告中實現介面）
     * @param index 實現介面方法時傳的int值
     */
    @Override
    public void onToRightFragment(int index) {
        // 通過Tag，找到對應的Fragment
        RightFragment rightFragment = (RightFragment) manager.findFragmentByTag("right");
        // 通過viewPager的get方法，獲得RightFragment中的viewPager
        ViewPager viewPager = rightFragment.getViewPager();

        switch (index){
            case 0:
                viewPager.setCurrentItem(0);
                break;
            case 1:
                viewPager.setCurrentItem(1);
                break;
            case 2:
                viewPager.setCurrentItem(2);
                break;
            case 3:
                viewPager.setCurrentItem(3);
                break;
            case 4:
                viewPager.setCurrentItem(4);
                break;
        }
    }
}

• 通過介面回撥，設定ViewPager的當前頁碼，這樣點選Button，ViewPager設定對應的頁碼，變相的實現了類似於跳轉的功能

• LeftFragment.class

import android.content.Context;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;

public class LeftFragment extends Fragment implements View.OnClickListener {

    private Button btn1, btn2, btn3, btn4, btn5;
    // 定義自定義介面
    private ToRightFragment listener;

    /**
     * 自定義介面
     */
    public interface ToRightFragment {
        // 介面中的方法，引數為int型別的值
        void onToRightFragment(int index);
    }

    /**
     * fragment與activity發生關聯
     * @param context
     */
    @Override
    public void onAttach(Context context) {
        super.onAttach(context);
        // 將context轉型為介面 賦值給介面物件
        listener = (ToRightFragment) context;
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_left, null);
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        initView(getView());
    }

    private void initView(View view) {
        btn1 = (Button) view.findViewById(R.id.btn_1);
        btn2 = (Button) view.findViewById(R.id.btn_2);
        btn3 = (Button) view.findViewById(R.id.btn_3);
        btn4 = (Button) view.findViewById(R.id.btn_4);
        btn5 = (Button) view.findViewById(R.id.btn_5);

        btn1.setOnClickListener(this);
        btn2.setOnClickListener(this);
        btn3.setOnClickListener(this);
        btn4.setOnClickListener(this);
        btn5.setOnClickListener(this);
    }

    /**
     * Button的監聽事件
     * 點選Button實現介面方法，傳入一個int型別的值
     */
    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.btn_1:
                listener.onToRightFragment(0);
                break;
            case R.id.btn_2:
                listener.onToRightFragment(1);
                break;
            case R.id.btn_3:
                listener.onToRightFragment(2);
                break;
            case R.id.btn_4:
                listener.onToRightFragment(3);
                break;
            case R.id.btn_5:
                listener.onToRightFragment(4);
                break;
        }
    }

}

• 左側Fragment佈局只有5個Button

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:id="@+id/btn_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="國內歌手"/>

    <Button
        android:id="@+id/btn_2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="歐美歌手"/>

    <Button
        android:id="@+id/btn_3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="外星歌手"/>

    <Button
        android:id="@+id/btn_4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="太陽歌手"/>

    <Button
        android:id="@+id/btn_5"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="銀河歌手"/>

</LinearLayout>

• 右側Fragment是一個ViewPager

import android.os.Bundle;
import android.support.annotation.Nullable;
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.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import java.util.ArrayList;

public class RightFragment extends Fragment{

    private ViewPager viewPager;

    // 給viewPager一個get方法
    public ViewPager getViewPager() {
        return viewPager;
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_right, null);
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);

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

        ArrayList<Fragment> data = new ArrayList<>();
        data.add(new InfoFragment("國內歌手"));
        data.add(new InfoFragment("歐美歌手"));
        data.add(new InfoFragment("外星歌手"));
        data.add(new InfoFragment("太陽歌手"));
        data.add(new InfoFragment("銀河歌手"));

        MyAdapter adapter = new MyAdapter(getActivity().getSupportFragmentManager(), data);
        viewPager.setAdapter(adapter);

    }

    /**
     * 介面卡
     */
    private class MyAdapter extends FragmentPagerAdapter {

        private ArrayList<Fragment> lists;

        public MyAdapter(FragmentManager fm, ArrayList<Fragment> lists) {
            super(fm);
            this.lists = lists;
        }

        @Override
        public Fragment getItem(int position) {
            return lists != null && lists.size() > 0 ? lists.get(position) : null;
        }

        @Override
        public int getCount() {
            return lists != null && lists.size() > 0 ? lists.size() : 0;
        }
    }
}

• xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v4.view.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</LinearLayout>

• 右側Fragment的ViewPager顯示的Fragment

package com.wu.blogdemo;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

public class InfoFragment extends Fragment{

    private String info;

    public InfoFragment() {
    }

    public InfoFragment(String info) {
        this.info = info;
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View v = inflater.inflate(R.layout.fragment_info, null);
        TextView tv = (TextView) v.findViewById(R.id.info_show);
        tv.setText(info);
        return v;
    }
}

• xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/info_show"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:textSize="24sp"/>
</LinearLayout>

結語

• 如此利用介面回撥，實現了Fragment之間的跳轉，但是這種跳轉有所限制，
  Fragment2中是一個TabLayout，在跳轉到TabLayout中的FragmentX，也可以實現
  就是在實現介面時，一層一層的findFragmentByTag
  同樣Fragment與Activity之間的通訊也可以採用介面回撥
  fragment向activity傳值，通過介面回撥傳遞給activity