探索Fragment（1）----基本使用

Android是在Android 3.0 (API level 11)開始引入Fragment的,Fragment是碎片的意思。

       可以把Fragment想成Activity中的模塊，這個模塊有自己的佈局，有自己的生命週期，單獨處理自己的輸入，在Activity運行的時候可以加載或者移除Fragment模塊。可以把Fragment設計成可以在多個Activity中複用的模塊。當開發的應用程序同時適用於平板電腦和手機時，可以利用Fragment實現靈活的佈局，改善用戶體驗。

      google官方給出的圖：

1.使用靜態佈局加載進來使用

         可以把Fragment當做一個控件使用佈局加載進來：

         

<fragment 
        android:id="@+id/static_fragment"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:name="com.example.explore_fragment.StaticFragment"
        />

但是指定對應的Fragment，指定Fragment必須繼承Fragment

          Fragment要怎麼寫，得從它的生命週期看起。如圖：Fragment的生命週期

Activiy跟Fragment的生命週期對應關係，它的生命是Activity給的，是受控於Activity的

大部分是跟Activity的生命週期是相似的：

1. onAttach   開始附加在Activity時

2.onCreate 創建沒有什麼好說的，可以初始化變量

3.onCreateView 創建視圖，fragment加載自己佈局的地方就在這裏

4.onActivityCreated   Activity的onCreate返回時調用

5.onDestroyView 先銷燬自己的View

6.onDestroy 銷燬自己

7.onDetach 脫離Activity

onCreate()

　　創建Fragment的時候調用這個方法，這裏應該初始化相關的數據，一些即便是被暫停或者被停止時依然需要保留的東西。

onCreateView()

　　當第一次繪製Fragment的UI時系統調用這個方法，必須返回一個View，如果Fragment不提供UI也可以返回null。

     初始化相關的控件

　　注意，如果繼承自ListFragment，onCreateView()默認的實現會返回一個ListView，所以不用自己實現。

onPause()

　　當用戶離開Fragment時第一個調用這個方法，需要提交一些變化，因爲用戶很可能不再返回來。

管理fragment的生命週期和管理activity的生命週期類似，和activity一樣，fragment可以在三種狀態下停留：

　　Resumed

　　fragment在running的activity中可見。

　　Paused

　　另一個activity在前景運行，並且享有焦點，但是這個fragment所在的activity仍然可見（前景activity部分遮擋或者是半透明的）。

　　Stopped

　　fragment不可見。可能是因爲宿主activity處於stopped狀態，或者fragment被remove掉，然後加在了back stack中。

　　一個處於stopped狀態的activity還是存活狀態的，所有的狀態和成員信息會被系統保持。但是，它不再被用戶可見，並且如果宿主activity被kill掉，它也會被kill掉。

數據的恢復與存儲

　　和Activity類似，可以用Bundle類對象保存fragment的狀態，當activity的進程被kill之後，需要重建activity時，可以用於恢復fragment的狀態。

　　存儲時利用onSaveInstanceState()回調函數，恢復時是在 onCreate(), onCreateView(), 或者onActivityCreated()裏。

回退棧

　　activity和fragment生命週期最重要的不同之處是它們如何存儲在各自的back stack中。

　　Activity停止時，是存在一個由系統維護的back stack中，但是當fragment停止（被remove）時，需要程序員顯示地調用addToBackStack() ，並且fragment是存在一個由宿主activity掌管的back stack中。

生命週期就說到這裏，如果不詳細請另外請教百度：

       那麼現在的Fragment就這麼寫就可以顯示在界面上了：

public class StaticFragment extends MyBaseFragment{
	
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
	}
	
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		View view = inflater.inflate(R.layout.fragmeng_static, null);
		
		return view;
	}
	
	@Override
	public void onPause() {
		super.onPause();
	}
	
}

至於MyBaseFragment是打印了繼承了它的fragment的各個生命週期，那麼就可以實時監控其生命週期了：

package com.example.explore_fragment;

import android.app.Activity;
import android.app.Fragment;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/*
 * API 最低是11
 */
public class MyBaseFragment extends Fragment{
	private static final String TAG = "MyBaseFragment";

	@Override
	public void onAttach(Activity activity) {
		super.onAttach(activity);
		Log.i(TAG, "===" + getClass().getSimpleName() + "===>onAttach");
	}
	
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		Log.i(TAG, "===" + getClass().getSimpleName() + "===>onCreate");
	}
	
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		Log.i(TAG, "===" + getClass().getSimpleName() + "===>onCreateView");
		return super.onCreateView(inflater, container, savedInstanceState);
	}
	
	@Override
	public void onActivityCreated(Bundle savedInstanceState) {
		super.onActivityCreated(savedInstanceState);
		Log.i(TAG, "===" + getClass().getSimpleName() + "===>onActivityCreated");
	}
	
	
	@Override
	public void onStart() {
		super.onStart();
		Log.i(TAG, "===" + getClass().getSimpleName() + "===>onStart");
	}
	
	@Override
	public void onResume() {
		super.onResume();
		Log.i(TAG, "===" + getClass().getSimpleName() + "===>onResume");
	}
	
	@Override
	public void onPause() {
		super.onPause();
		Log.i(TAG, "===" + getClass().getSimpleName() + "===>onPause");
	}
	
	@Override
	public void onStop() {
		super.onStop();
		Log.i(TAG, "===" + getClass().getSimpleName() + "===>onPause");
	}
	
	@Override
	public void onDestroyView() {
		super.onDestroyView();
		Log.i(TAG, "===" + getClass().getSimpleName() + "===>onDestroyView");
	}
	
	@Override
	public void onDestroy() {
		super.onDestroy();
		Log.i(TAG, "===" + getClass().getSimpleName() + "===>onDestroy");
	}
	
	@Override
	public void onDetach() {
		super.onDetach();
		Log.d(TAG, "===" + getClass().getSimpleName() + "===>onDetach");
	}
}

現在運行，效果如下，因爲fragment對應的View啥都沒有寫，只設置了背景色塊，應該看到的是一個200X200大少的色塊

以上是靜態加載進去的，不推薦使用，使用多的使用動態加載的方式：

2.動態加載Fragment，推薦使用這種方法

    1.首先得要創建你要加載的Fragment

public class Fragment1 extends MyBaseFragment{
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
	}
	
	
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		View view = inflater.inflate(R.layout.fragmeng_f1, null);
		return view;
	}
	
	
	@Override
	public void onPause() {
		super.onPause();
	}
	
}

public class Fragment2 extends MyBaseFragment{
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
	}
	
	
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		View view = inflater.inflate(R.layout.fragmeng_f2, null);
		return view;
	}
	
	
	@Override
	public void onPause() {
		super.onPause();
	}
	
}

    2.在Activity佈局中創建一個ViewGroup，並設置ID，根據id纔可以指定Fragment要加載的地方

<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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="horizontal"
    tools:context=".MainActivity" >

   <!--  <fragment 
        android:id="@+id/static_fragment"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:name="com.example.explore_fragment.StaticFragment"
        /> -->
        
    <RelativeLayout
        android:id="@+id/left"
        android:layout_height="fill_parent"
        android:layout_width="0dp" 
         android:background="#ffff5588"
        android:layout_weight="1">
    </RelativeLayout>
    
     <RelativeLayout
        android:id="@+id/right"
        android:layout_height="fill_parent"
        android:background="#ff005588"
        android:layout_width="0dp" 
        android:layout_weight="1">
    </RelativeLayout>

</LinearLayout>

    3.在Activity中加載Fragment

     加載方法如下：

                mFragmengManager = getFragmentManager();
<span style="white-space:pre">		</span>transaction = mFragmengManager.beginTransaction();
<span style="white-space:pre">		</span>fragment1 = new Fragment1();
<span style="white-space:pre">		</span>fragment2 = new Fragment2();
<span style="white-space:pre">		</span>transaction.add(R.id.left, fragment1, "fragment1");
<span style="white-space:pre">		</span>transaction.add(R.id.right, fragment2, "fragment2");
<span style="white-space:pre">		</span>transaction.commit();

    全部源碼：

public class MainActivity extends Activity {
	
	FragmentManager mFragmengManager;
	FragmentTransaction transaction;
	Fragment1 fragment1;
	Fragment2 fragment2;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		mFragmengManager = getFragmentManager();
		transaction = mFragmengManager.beginTransaction();
		fragment1 = new Fragment1();
		fragment2 = new Fragment2();
		transaction.add(R.id.left, fragment1, "fragment1");
		transaction.add(R.id.right, fragment2, "fragment2");
		transaction.commit();
	}
}

運行結果：

<img src="https://img-blog.csdn.net/20141113135834546?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaGV3ZW5jZTE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

對應Log信息這裏也貼一下：

<img src="https://img-blog.csdn.net/20141113135832104?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaGV3ZW5jZTE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

以上就是fragment加載到Activity中的2種方法。

除了ADD之外還有 replace 也可以加載進來，remove 是移除出去  show 跟 hide控制某個fragment的顯示跟隱藏

replace 相當於remove 再ADD進來

在Activity中添加一個 button，點擊時fragment被替換掉

button = (Button) findViewById(R.id.activity_button);
		button.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				transaction = mFragmengManager.beginTransaction();
				Fragment2 fragment3 = new Fragment2();
				transaction.replace(R.id.left, fragment3, "fragment3");
				transaction.commit();
			}
		});

點擊時的log爲

由此可見frgament是被摧毀掉了吧

3.獲取Fragment的控件

Fragment加載進來以後，使用跟Activity都差不多

 在Activity中只要執行findviewbyId就可以得到控件了，那麼在fragment中有些不同：

實例說話，在Fragment1中加一個button， 點擊時彈出一個Toast

修改：

@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		View view = inflater.inflate(R.layout.fragmeng_f1, null);
		button = (Button) view.findViewById(R.id.fragment_button);
		button.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				Toast.makeText(getActivity(), "Toast fragment1", Toast.LENGTH_SHORT).show();
			}
		});
		
		return view;
	}

注意的是要使用view.findViewById   而這個方法一定要在onCreateView裏面或者生命週期以後，切不可在onAttach跟onCreate中更新UI跟find控件的操作，

因爲這個時候還沒有加載進來。  在onCreateView 外部可以使用getView() 來得到這個view，也就是可以通過getView().findViewById來找到控件

還有一點要注意，Fragment是直接繼承object的，裏面是沒有Context變量的，要使用getActivity()來找到Context變量

4.回退棧

現在我們按一下back鍵就直接就退出了應用程序，如果把fragment加入到Activity的回退棧中的話， 那麼返回棧會先退一個fragment，知道fragment全部被退掉

並且fragment 被 remove 或者  replace 是不會被摧毀的（不會被onDestroy，但是會執行onPause ， onStop ， onDestroyView）,按Back的時候才彈出，執行onDestroy

代碼1：

transaction.replace(R.id.left, fragment1, "fragment1");
		transaction.replace(R.id.right, fragment2, "fragment2");
		transaction.addToBackStack("fragment1");
		transaction.addToBackStack("fragment2");

加入是根據tag來的，所有使用add  或者repace要把tag加上，並且不可以重名

這樣按2次返回鍵的時候就直接退出了。這裏爲什麼是按2次呢，transaction commit一次算加入一個

代碼2：

         加入回退棧後，remove的話不會執行onDestroy

        button = (Button) findViewById(R.id.activity_button);
button.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
transaction = mFragmengManager.beginTransaction();
transaction.remove(fragment1);
// Fragment2 fragment3 = new Fragment2();
// transaction.replace(R.id.left, fragment3, "fragment3");
// transaction.addToBackStack("fragment3");
transaction.commit();
}
});

 加入這個點擊button時 log爲

再按back鍵的log：

並且主界面的fragment被移除了，這裏就不貼圖了