距離上次發部落格好像已經至少有兩個月的時間了，不禁感嘆時間過得真快，也是因為專案一直在忙，所以沒來發部落格，今天有閒情就來一發。好了，廢話不多說，今天講的是fragment複用的問題，提到碎片，相信大家都不陌生，fragment寄宿於Activity，依activity之存而存，依其銷燬而銷燬。今天我們大概要實現什麼樣的效果呢，那就是一個fragment
重複使用，通過點選介面上方的導航欄不同的標題向fragment傳遞不同的資料，從而達到動態載入fragment的目的。好了，下面直接看程式碼：

1.先來看看fragment的程式碼

import java.util.ArrayList;
import java.util.List;

import com.example.fm_reuse.R;

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

public class TestFm extends Fragment{

	private List<String> list = new ArrayList<String>();
	private int flag;
	private TextView tv;
	@Override
	public void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		Bundle bundle = this.getArguments();
		if(bundle != null){
			list = bundle.getStringArrayList("content");
			flag = bundle.getInt("flag");
		}
	}
	
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		View view = inflater.inflate(R.layout.fm_test, container,false);
		initView(view);
		return view;
	}
	
	public void initView(View view){
		tv = (TextView)view.findViewById(R.id.tv);
		tv.setText(list.get(flag));
	}
	
	
	public static TestFm newInstance(List<String> contentList,int flag){
		Bundle bundle = new Bundle();
		bundle.putStringArrayList("content", (ArrayList<String>) contentList);
		bundle.putInt("flag", flag);
		TestFm testFm = new TestFm();
		testFm.setArguments(bundle);
		return testFm;
		
	}
	
}
 

fm_test.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" >
    
    <TextView 
        android:id="@+id/tv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:textSize="20sp"/>

</LinearLayout>
 

上面的程式碼很簡單，newInstance這個方法在例項化fragment時將會用到，傳入需要的資料並通過setArguments方法將資料儲存，這樣，當跳轉到當前fragment時就可以在onCreate方法中通過getArguments拿到資料，就是這麼的一個過程。下面我們來看一下MainActivity的程式碼：

import java.util.ArrayList;
import java.util.List;

import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;
import android.view.Display;
import android.view.Gravity;
import android.view.View;
import android.view.WindowManager;
import android.widget.HorizontalScrollView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
import android.widget.TextView;

import com.example.fm_reuse.adapter.FragmentVPAdapter;
import com.example.fm_reuse.fragment.TestFm;

public class MainActivity extends FragmentActivity {

	private List<String> titleList = new ArrayList<String>(); //標題連結串列
	private List<String> contentList = new ArrayList<String>(); //內容連結串列
	private List<TestFm> fragmentList = new ArrayList<TestFm>(); //碎片連結串列
	private int screenWidth; //螢幕寬度
	private ViewPager vp;
	private HorizontalScrollView scrollView;
	private List<TextView> textViews = new ArrayList<TextView>();
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		initList(); //初始化內容和標題
		
		//獲取螢幕寬度
		WindowManager windowManager = this.getWindowManager();
		Display display = windowManager.getDefaultDisplay();
		screenWidth = display.getWidth();
		
		vp = (ViewPager)findViewById(R.id.viewPager);
		scrollView = (HorizontalScrollView)findViewById(R.id.scrollView);
		
		//有多少個標題就有多少個碎片，動態新增
		for(int i=0;i<titleList.size();i++){
			TestFm testFm = new TestFm().newInstance(contentList, i);
			fragmentList.add(testFm);
		}
		
		//初始化導航欄佈局
		LinearLayout navigationLl = new LinearLayout(this);
		LinearLayout.LayoutParams mParams = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
		navigationLl.setLayoutParams(mParams);
		navigationLl.setOrientation(LinearLayout.HORIZONTAL);
		navigationLl.setBackgroundColor(Color.GREEN);
		
		//往導航欄新增標題
		if(titleList.size() <= 3){ //標題欄小於4個時，平分螢幕寬度
			 LinearLayout.LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
		        params.weight = 1;
		        for (int i = 0; i < titleList.size(); i++) {
	                final TextView tv = new TextView(this);
	                tv.setText(titleList.get(i));
	                tv.setGravity(Gravity.CENTER);
	                final int finalI = i;
	                tv.setOnClickListener(new View.OnClickListener() {
	                    @Override
	                    public void onClick(View view) {
	                        tv.setTextColor(Color.RED);
	                        vp.setCurrentItem(finalI);
	                    }
	                });
	                textViews.add(tv);
	                navigationLl.addView(tv, params); //往導航欄新增標題
	            }
		}
		
		if(titleList.size() > 3){ //標題大於四個，重新規劃textView大小
			LinearLayout.LayoutParams params1 = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
	        params1.width = 300;
	        params1.height = LayoutParams.MATCH_PARENT;
	        
	        for (int i = 0; i < titleList.size(); i++) {
                final TextView tv = new TextView(this);
                tv.setText(titleList.get(i));
                tv.setGravity(Gravity.CENTER);
                final int finalI = i;
                tv.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {
                        tv.setTextColor(Color.RED);
                        vp.setCurrentItem(finalI);
                    }
                });
                textViews.add(tv);
                navigationLl.addView(tv, params1);
            }
		}
		
		   //第一個標題預設紅色
		  if (textViews != null && textViews.size() > 0) {
	            textViews.get(0).setTextColor(Color.RED);
	        }

	        scrollView.addView(navigationLl); //往scrollView新增導航欄
		
	        vp.setAdapter(new FragmentVPAdapter(getSupportFragmentManager(), (ArrayList<TestFm>) fragmentList));
	        vp.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
	            @Override
	            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

	            }

	            @Override
	            public void onPageSelected(int position) {
	                setSelect(position);
	                if(position>=4){
	                    scrollView.scrollBy((int) (0.25*screenWidth), 0);
	                }else if(position<4){
	                    scrollView.scrollBy(-(int) (0.25*screenWidth), 0);
	                }
	            }

	            @Override
	            public void onPageScrollStateChanged(int state) {

	            }
	        });
		
		
	}
	
	
	  public void setSelect(int position) {
	        vp.setCurrentItem(position);
	        for (int i = 0; i < textViews.size(); i++) {
	            textViews.get(i).setTextColor(Color.BLACK);
	        }
	        textViews.get(position).setTextColor(Color.RED);

	    }
	
	public void initList(){
		//新增標題
				titleList.add("標題一");
				titleList.add("標題二");
				titleList.add("標題三");
				titleList.add("標題四");
				titleList.add("標題五");
				titleList.add("標題六");
				
				//新增內容
				contentList.add("頁面一");
				contentList.add("頁面二");
				contentList.add("頁面三");
				contentList.add("頁面四");
				contentList.add("頁面五");
				contentList.add("頁面六");
	}


}
 

註釋也寫得很清楚了，所以就不多說了，相信大家都能看懂。

activity_main.xml

<LinearLayout 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"
    android:orientation="vertical"
    tools:context=".MainActivity" >

    <HorizontalScrollView
        android:id="@+id/scrollView"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:fillViewport="true"
        android:scrollbars="none"
        >
    </HorizontalScrollView>

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

</LinearLayout>

最後把viewpager的介面卡的程式碼也貼出來：

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.app.FragmentTransaction;

import java.util.ArrayList;

import com.example.fm_reuse.fragment.TestFm;

/**
 * Created by _H_JY on 2015/11/23.
 */


public class FragmentVPAdapter extends FragmentPagerAdapter {
    private ArrayList<TestFm> fragments;
    private FragmentManager fm;
    public FragmentVPAdapter(FragmentManager fm, ArrayList<TestFm> fragments) {
        super(fm);
        this.fm = fm;
        this.fragments = fragments;
    }

    public void setFragments(ArrayList<TestFm> fragments) {
        if(this.fragments != null){
            FragmentTransaction ft = fm.beginTransaction();
            for(Fragment f:this.fragments){
                ft.remove(f);
            }
            ft.commit();
            ft=null;
            fm.executePendingTransactions();
        }
        this.fragments = fragments;
        notifyDataSetChanged();
    }

    @Override
    public int getItemPosition(Object object) {
        return POSITION_NONE;
    }

    @Override
    public Fragment getItem(int arg0) {
        return fragments.get(arg0);
    }

    @Override
    public int getCount() {
        return fragments.size();
    }
}

執行結果圖我就不貼了，後面我再把原始碼補充上去。