Android面試收集錄4 Fragment詳解

時間  2021-01-10
標籤 java android git github app ide 佈局 學習 優化 this 欄目 Android 简体版
原文   原文鏈接

1.什麼是Fragment?

　　你能夠簡單的理解爲，Fragment是顯示在Activity中的Activity。java

　　它能夠顯示在Activity中，而後它也能夠顯示出一些內容。android

　　由於它擁有本身的生命週期，能夠接受處理用戶的事件git

　　而且你能夠在一個Activity中動態的添加，替換，移除不一樣的Fragment，github

　　所以對於信息的展現具備很大的便利性。app


2.Fragment的生命週期

　　由於Fragment是依附於Activity存在的，所以它的生命週期受到Activity的生命週期影響。ide

　　

　　

Fragment比Activity多了幾個生命週期的回調方法佈局

  • onAttach(Activity) 當Fragment與Activity發生關聯的時候調用
  • onCreateView(LayoutInflater, ViewGroup, Bundle) 建立該Fragment的視圖
  • onActivityCreated(Bundle) 當Activity的onCreated方法返回時調用
  • onDestroyView() 與onCreateView方法相對應，當該Fragment的視圖被移除時調用
  • onDetach() 與onAttach方法相對應，當Fragment與Activity取消關聯時調用

PS：注意：除了onCreateView，其餘的全部方法若是你重寫了，必須調用父類對於該方法的實現學習

 

 


3.Fragment的使用方式

靜態使用Fragment優化

步驟：this

① 建立一個類繼承Fragment，重寫onCreateView方法，來肯定Fragment要顯示的佈局

② 在Activity中聲明該類，與普通的View對象同樣

 

 

代碼演示

MyFragment對應的佈局文件item_fragment.xml

 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:background="@color/colorAccent" android:layout_width="match_parent" android:layout_height="match_parent">

    <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:src="@mipmap/ic_launcher" />

</RelativeLayout>

 

繼承Frgmanet的類MyFragment【請注意導包的時候導v4的Fragment的包】

public class MyFragment extends Fragment { public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { /* * 參數1：佈局文件的id * 參數2：容器 * 參數3：是否將這個生成的View添加到這個容器中去 * 做用是將佈局文件封裝在一個View對象中，並填充到此Fragment中 * */ View v = inflater.inflate(R.layout.item_fragment, container, false); return v; } }

 

 

Activity對應的佈局文件

<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="com.usher.fragment.MainActivity">

    <TextView android:layout_width="match_parent" android:layout_height="100dp" android:gravity="center" android:text="Good Boy" />

    <fragment android:id="@+id/myfragment" android:name="com.usher.fragment.MyFragment" android:layout_width="match_parent" android:layout_height="match_parent" />

</LinearLayout>

 

 

運行效果圖

 

 

 

動態使用Fragment

實現點擊不一樣的按鈕，在Activity中顯示不一樣的Fragment

 

代碼演示

Fragment對應的佈局文件item_fragment.xml

 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:background="@color/colorAccent" //背景紅色
    android:layout_width="match_parent" android:layout_height="match_parent">

    <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:src="@mipmap/ic_launcher" />

</RelativeLayout>

 

 

繼承Fragment的類MyFragment

public class MyFragment extends Fragment { public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View v = inflater.inflate(R.layout.item_fragment, container, false); return v; } }

 

 

Fragment2對應的佈局文件item_fragment2.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:background="@color/colorPrimary" //背景藍色
    android:layout_width="match_parent" android:layout_height="match_parent">

    <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:src="@mipmap/ic_launcher" />

</RelativeLayout>

 

 

繼承Fragment2的類

public class MyFragment extends Fragment { public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View v = inflater.inflate(R.layout.item_fragment2, container, false); return v; } }

 

 

MainActivity對應的佈局文件

<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="com.usher.fragment.MainActivity">

    <Button android:id="@+id/bt_red" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Red" />

    <Button android:id="@+id/bt_blue" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Blue" />

    <FrameLayout android:id="@+id/myframelayout" android:layout_width="match_parent" android:layout_height="match_parent" />

</LinearLayout>

 

 

MainActivity類

public class MainActivity extends AppCompatActivity { private Button bt_red; private Button bt_blue; private FragmentManager manager; private MyFragment fragment1; private MyFragment2 fragment2; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); fragment1 = new MyFragment(); fragment2 = new MyFragment2(); //初始化FragmentManager對象
        manager = getSupportFragmentManager(); //使用FragmentManager對象用來開啓一個Fragment事務
        FragmentTransaction transaction = manager.beginTransaction(); //默認顯示fragment1
 transaction.add(R.id.myframelayout, fragment1).commit(); //對bt_red設置監聽
        bt_red.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { FragmentTransaction transaction = manager.beginTransaction(); transaction.replace(R.id.myframelayout, fragment1).commit(); } }); //對bt_blue設置監聽
        bt_blue.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { FragmentTransaction transaction = manager.beginTransaction(); transaction.replace(R.id.myframelayout, fragment2).commit(); } }); } private void initView() { bt_red = (Button) findViewById(R.id.bt_red); bt_blue = (Button) findViewById(R.id.bt_blue); } }

 

 

顯示效果

默認顯示

點擊BLUE按鈕時

點擊RED按鈕時

以上代碼我寫的比較臃腫可是比較容易看明白：

① 在Acitivity對應的佈局中寫上一個FramLayout控件，

　　此空間的做用是看成Fragment的容器，Fragment經過FrameLayout顯示在Acitivity裏，

　　這兩個單詞容易混淆，請注意

 

② 準備好你的Fragment，而後再Activity中實例化，v4包的Fragment是經過

　　getSupportFragmentManager()方法新建Fragment管理器對象，此處不討論app包下的Fragment

 

③ 而後經過Fragment管理器對象調用beginTransaction()方法，實例化FragmentTransaction對象，

　　有人稱之爲事務

 

④ FragmentTransaction對象【如下直接用transaction代替】，transaction的方法主要有如下幾種：

  • transaction.add() 向Activity中添加一個Fragment
  • transaction.remove() 從Activity中移除一個Fragment，若是被移除的Fragment沒有添加到回退棧（回退棧後面會詳細說），這個Fragment實例將會被銷燬
  • transaction.replace() 使用另外一個Fragment替換當前的，實際上就是remove()而後add()的合體
  • transaction.hide() 隱藏當前的Fragment，僅僅是設爲不可見，並不會銷燬
  • transaction.show() 顯示以前隱藏的Fragment
  • detach() 會將view從UI中移除,和remove()不一樣,此時fragment的狀態依然由FragmentManager維護
  • attach() 重建view視圖，附加到UI上並顯示
  • ransatcion.commit() 提交事務

注意：在add/replace/hide/show之後都要commit其效果纔會在屏幕上顯示出來

 


4.什麼是Fragment的回退棧？【重要】

　　Fragment的回退棧是用來保存每一次Fragment事務發生的變化 

　　若是你將Fragment任務添加到回退棧，當用戶點擊後退按鈕時，

　　將看到上一次的保存的Fragment。 

　　一旦Fragment徹底從後退棧中彈出，用戶再次點擊後退鍵，則退出當前Activity。

 

　　

　　那麼這句話要怎麼理解？首先來看一下這個東西：

   

 

　　

  • 首先顯示第一個FragmentOne頁面有一個Button in FragmentOne，上面有個輸入框顯示的是Fragment One
  • 而後輸入change，點擊Button in FragmentOne，而後顯示第二個Fragment，裏面有一個Button in FragmentTwo，一個輸入框顯示Fragment Two
  • 輸入change，點擊按鈕，顯示第三個Fragment，上面有個Button in FragmentThree，點擊按鈕顯示出一個Toast
  • 【注意】點擊返回鍵，跳轉到前一個FragmentTwo，這個時候能夠看到上面的輸入框中顯示的是Fragment Two change，也就是說保留了咱們離開這個Fragment時候他所呈現的狀態
  • 【注意】再點擊返回鍵，跳轉到FragmentOne，可是這個時候咱們能夠看到上面的輸入框中只有Fragment One，並無change這幾個字母

那麼緣由是什麼？

 

　　

　　　

這裏先要學習一個方法：FragmentTransaction.addToBackStack(String)

【把當前事務的變化狀況添加到回退棧】

 

 

代碼以下：

MainActivity的佈局文件

<RelativeLayout 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" >  

    <FrameLayout android:id="@+id/id_content" android:layout_width="match_parent" android:layout_height="match_parent" >  
    </FrameLayout>  

</RelativeLayout>

 

 

MainActivity.java文件【這裏添加的是app包下的Fragment，推薦v4包下的】

public class MainActivity extends Activity { protected void onCreate(Bundle savedInstanceState){ super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_main); FragmentManager fm = getFragmentManager(); FragmentTransaction tx = fm.beginTransaction(); tx.add(R.id.id_content, new FragmentOne(),"ONE"); tx.commit(); } }

 

 

FragmentOne.class文件

public class FragmentOne extends Fragment implements OnClickListener { private Button mBtn; @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_one, container, false); mBtn = (Button) view.findViewById(R.id.id_fragment_one_btn); mBtn.setOnClickListener(this); return view; } @Override public void onClick(View v) { FragmentTwo fTwo = new FragmentTwo(); FragmentManager fm = getFragmentManager(); FragmentTransaction tx = fm.beginTransaction(); tx.replace(R.id.id_content, fTwo, "TWO"); tx.addToBackStack(null); tx.commit(); } }

 

 

　　Fragment的點擊事件裏寫的是replace方法，至關於remove和add的合體，

　　而且若是不添加事務到回退棧，前一個Fragment實例會被銷燬。

　　這裏很明顯，咱們調用tx.addToBackStack(null)將當前的事務添加到了回退棧，

　　因此FragmentOne實例不會被銷燬，可是視圖層次依然會被銷燬，

　　即會調用onDestoryView和onCreateView。

　　因此【請注意】，當以後咱們從FragmentTwo返回到前一個頁面的時候，

　　視圖層仍舊是從新按照代碼繪製，

　　這裏僅僅是是實例沒有銷燬，所以顯示的頁面中沒有change幾個字。

 

 

　　FragmentTwo.class文件

　　

public class FragmentTwo extends Fragment implements OnClickListener { private Button mBtn ; @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_two, container, false); mBtn = (Button) view.findViewById(R.id.id_fragment_two_btn); mBtn.setOnClickListener(this); return view ; } @Override public void onClick(View v) { FragmentThree fThree = new FragmentThree(); FragmentManager fm = getFragmentManager(); FragmentTransaction tx = fm.beginTransaction(); tx.hide(this); tx.add(R.id.id_content , fThree, "THREE"); //tx.replace(R.id.id_content, fThree, "THREE"); 
        tx.addToBackStack(null); tx.commit(); } }

 

　　這裏點擊時，咱們沒有使用replace，

　　而是先隱藏了當前的Fragment，而後添加了FragmentThree的實例，最後將事務添加到回退棧。

　　這樣作的目的是爲了給你們提供一種方案：若是不但願視圖重繪該怎麼作。

　　請再次仔細看效果圖，

　　咱們在FragmentTwo的EditText填寫的內容。用戶點擊返回鍵回來時，內容還在。

 

 

　　FragmentThree.class文件

　　

public class FragmentThree extends Fragment implements OnClickListener { private Button mBtn; @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_three, container, false); mBtn = (Button) view.findViewById(R.id.id_fragment_three_btn); mBtn.setOnClickListener(this); return view; } @Override public void onClick(View v) { Toast.makeText(getActivity(), " i am a btn in Fragment three", Toast.LENGTH_SHORT).show(); } }

　　若是你仍是不明白請仔細將上面的代碼反覆敲幾遍

　　


5.Fragment與Activity之間的通訊【難點】

Fragment依附於Activity存在，所以與Activity之間的通訊能夠概括爲如下幾點：

 

  •  若是你Activity中包含本身管理的Fragment的引用，能夠經過引用直接訪問全部的Fragment的public方法
  •  若是Activity中未保存任何Fragment的引用，那麼不要緊，每一個Fragment都有一個惟一的TAG或者ID,能夠經過getFragmentManager.findFragmentByTag()或者findFragmentById()得到任何Fragment實例，而後進行操做
  •  Fragment中能夠經過getActivity()獲得當前綁定的Activity的實例，而後進行操做。

 


6.Fragment與Activity通訊的優化【超難點】

　　由於要考慮Fragment的重複使用，因此必須下降Fragment與Activity的耦合，

　　並且Fragment更不該該直接操做別的Fragment，

　　畢竟Fragment操做應該由它的管理者Activity來決定。

 

　　

　　實現與上一個代碼案例如出一轍的功能與效果

　　FragmentOne.class文件

　　

public class FragmentOne extends Fragment implements OnClickListener { private Button mBtn; //設置按鈕點擊的回調
    public interface FOneBtnClickListener { void onFOneBtnClick(); } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_one, container, false); mBtn = (Button) view.findViewById(R.id.id_fragment_one_btn); mBtn.setOnClickListener(this); return view; } //交給宿主Activity處理，若是它但願處理 
 @Override public void onClick(View v) { if (getActivity() instanceof FOneBtnClickListener) { ((FOneBtnClickListener) getActivity()).onFOneBtnClick(); } } }

 

　　能夠看到，如今的FragmentOne不和任何Activity耦合，任何Activity均可以使用，

　　而且咱們聲明瞭一個接口，來回調其點擊事件，想要重寫其點擊事件的Activity實現此接口便可，

　　能夠看到咱們在onClick中首先判斷了當前綁定的Activity是否實現了該接口，

　　若是實現了則調用。　

 

　　　

　　FragmentTwo.class文件

　　

public class FragmentTwo extends Fragment implements OnClickListener { private Button mBtn ; private FTwoBtnClickListener fTwoBtnClickListener ; public interface FTwoBtnClickListener { void onFTwoBtnClick(); } //設置回調接口 
    public void setfTwoBtnClickListener(FTwoBtnClickListener fTwoBtnClickListener) { this.fTwoBtnClickListener = fTwoBtnClickListener; } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_two, container, false); mBtn = (Button) view.findViewById(R.id.id_fragment_two_btn); mBtn.setOnClickListener(this); return view ; } @Override public void onClick(View v) { if(fTwoBtnClickListener != null) { fTwoBtnClickListener.onFTwoBtnClick(); } } }

　

　　與FragmentOne極其相似，可是咱們提供了setListener這樣的方法，

　　意味着Activity不只須要實現該接口，還必須顯示調用mFTwo.setfTwoBtnClickListener(this)。

 

　　MainActivity.class文件

　

public class MainActivity extends Activity implements FOneBtnClickListener, FTwoBtnClickListener { private FragmentOne mFOne; private FragmentTwo mFTwo; private FragmentThree mFThree;  //FragmentThree代碼參考上一個例子中的代碼
 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_main); mFOne = new FragmentOne(); FragmentManager fm = getFragmentManager(); FragmentTransaction tx = fm.beginTransaction(); tx.add(R.id.id_content, mFOne, "ONE"); tx.commit(); } //FragmentOne 按鈕點擊時的回調 
 @Override public void onFOneBtnClick() { if (mFTwo == null) { mFTwo = new FragmentTwo(); mFTwo.setfTwoBtnClickListener(this); } FragmentManager fm = getFragmentManager(); FragmentTransaction tx = fm.beginTransaction(); tx.replace(R.id.id_content, mFTwo, "TWO"); tx.addToBackStack(null); tx.commit(); } //FragmentTwo按鈕點擊時的回調 
 @Override public void onFTwoBtnClick() { if (mFThree == null) { mFThree = new FragmentThree(); } FragmentManager fm = getFragmentManager(); FragmentTransaction tx = fm.beginTransaction(); tx.hide(mFTwo); tx.add(R.id.id_content, mFThree, "THREE"); //tx.replace(R.id.id_content, fThree, "THREE"); 
        tx.addToBackStack(null); tx.commit(); } }

 

　　

　　代碼重構結束，與開始的效果如出一轍。

　　上面兩種通訊方式都是值得推薦的，隨便選擇一種本身喜歡的。

　　這裏再提一下：

　　雖然Fragment和Activity能夠經過getActivity與findFragmentByTag或者findFragmentById，

　　進行任何操做，甚至在Fragment裏面操做另外的Fragment，可是沒有特殊理由是絕對不提倡的。

　　Activity擔任的是Fragment間相似總線同樣的角色，應當由它決定Fragment如何操做。

　　另外雖然Fragment不能響應Intent打開，可是Activity能夠，Activity能夠接收Intent，

　　而後根據參數判斷顯示哪一個Fragment。

 


7.如何處理運行時配置發生變化【以屏幕翻轉爲例】

　　在Activity的學習中咱們都知道，當屏幕旋轉時，是對屏幕上的視圖進行了從新繪製。　　

　　由於當屏幕發生旋轉，Activity發生從新啓動，

　　默認的Activity中的Fragment也會跟着Activity從新建立，

　　用腳趾頭都明白...橫屏和豎屏顯示的不同確定是進行了從新繪製視圖的操做。

　　因此，不斷的旋轉就不斷繪製，這是一種很耗費內存資源的操做，那麼如何來進行優化？

 

　　

　　

　　代碼分析：

　　Fragment的class文件

　　

public class FragmentOne extends Fragment { private static final String TAG = "FragmentOne"; @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { Log.e(TAG, "onCreateView"); View view = inflater.inflate(R.layout.fragment_one, container, false); return view; } @Override public void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub 
        super.onCreate(savedInstanceState); Log.e(TAG, "onCreate"); } @Override public void onDestroyView() { // TODO Auto-generated method stub 
        super.onDestroyView(); Log.e(TAG, "onDestroyView"); } @Override public void onDestroy() { // TODO Auto-generated method stub 
        super.onDestroy(); Log.e(TAG, "onDestroy"); } }

 

　　而後你屢次翻轉屏幕都會打印以下log

　　

07-20 08:18:46.651: E/FragmentOne(1633): onCreate 07-20 08:18:46.651: E/FragmentOne(1633): onCreate 07-20 08:18:46.651: E/FragmentOne(1633): onCreate 07-20 08:18:46.681: E/FragmentOne(1633): onCreateView 07-20 08:18:46.831: E/FragmentOne(1633): onCreateView 07-20 08:18:46.891: E/FragmentOne(1633): onCreateView

 

 

　　由於當屏幕發生旋轉，Activity發生從新啓動，

　　默認的Activity中的Fragment也會跟着Activity從新建立；　　

　　這樣形成當旋轉的時候，自己存在的Fragment會從新啓動，

　　而後當執行Activity的onCreate時，又會再次實例化一個新的Fragment，這就是出現的緣由。

 

　　

　　那麼如何解決呢：

　　經過檢查onCreate的參數Bundle savedInstanceState就能夠判斷，

　　當前是否發生Activity的從新建立

　　默認的savedInstanceState會存儲一些數據，包括Fragment的實例

　　因此，咱們簡單改一下代碼，判斷只有在savedInstanceState==null時，才進行建立Fragment實例

 

　　MainActivity.class文件

　　

public class MainActivity extends Activity { private static final String TAG = "FragmentOne"; private FragmentOne mFOne; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_main); Log.e(TAG, savedInstanceState+""); if(savedInstanceState == null) { mFOne = new FragmentOne(); FragmentManager fm = getFragmentManager(); FragmentTransaction tx = fm.beginTransaction(); tx.add(R.id.id_content, mFOne, "ONE"); tx.commit(); } } }

 

　　如今不管進行屢次旋轉都只會有一個Fragment實例在Activity中，

　　如今還存在一個問題，就是從新繪製時，Fragment發生重建，本來的數據如何保持？

　　和Activity相似，Fragment也有onSaveInstanceState的方法，在此方法中進行保存數據，

　　而後在onCreate或者onCreateView或者onActivityCreated進行恢復均可以。


8.參考文章

本篇文章所有來自於如下網址：

https://github.com/LRH1993/android_interview/blob/master/android/basis/Fragment.md

 

點擊可查看原文。

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程