自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

Android開(kāi)發(fā):碎片F(xiàn)ragment完全解析

作者：佚名
移動(dòng)開(kāi)發(fā) Android
為了讓界面可以在平板上更好地展示，Android在3.0版本引入了Fragment(碎片)功能，它非常類似于Activity，可以像 Activity一樣包含布局。Fragment通常是嵌套在Activity中使用的，現(xiàn)在想象這種場(chǎng)景：有兩個(gè) Fragment，F(xiàn)ragment 1包含了一個(gè)ListView，每行顯示一本書的標(biāo)題。Fragment 2包含了TextView和 ImageView，來(lái)顯示書的詳細(xì)內(nèi)容和圖片。

我們都知道，Android上的界面展示都是通過(guò)Activity實(shí)現(xiàn)的，Activity實(shí)在是太常用了，我相信大家都已經(jīng)非常熟悉了，這里就不再贅述。

但是Activity也有它的局限性，同樣的界面在手機(jī)上顯示可能很好看，在平板上就未必了，因?yàn)槠桨宓钠聊环浅４?，手機(jī)的界面放在平板上可能會(huì)有過(guò)分被拉 長(zhǎng)、控件間距過(guò)大等情況。這個(gè)時(shí)候更好的體驗(yàn)效果是在Activity中嵌入"小Activity"，然后每個(gè)"小Activity"又可以擁有自己的布 局。因此，我們今天的主角Fragment登場(chǎng)了。

Fragment初探

為了讓界面可以在平板上更好地展示，Android在3.0版本引入了Fragment(碎片)功能，它非常類似于Activity，可以像 Activity一樣包含布局。Fragment通常是嵌套在Activity中使用的，現(xiàn)在想象這種場(chǎng)景：有兩個(gè) Fragment，F(xiàn)ragment 1包含了一個(gè)ListView，每行顯示一本書的標(biāo)題。Fragment 2包含了TextView和 ImageView，來(lái)顯示書的詳細(xì)內(nèi)容和圖片。

如果現(xiàn)在程序運(yùn)行豎屏模式的平板或手機(jī)上，F(xiàn)ragment 1可能嵌入在一個(gè)Activity中，而Fragment 2可能嵌入在另一個(gè)Activity中，如下圖所示：

而如果現(xiàn)在程序運(yùn)行在橫屏模式的平板上，兩個(gè)Fragment就可以嵌入在同一個(gè)Activity中了，如下圖所示：

由此可以看出，使用Fragment可以讓我們更加充分地利用平板的屏幕空間，下面我們一起來(lái)探究下如何使用Fragment。

首先需要注意，F(xiàn)ragment是在3.0版本引入的，如果你使用的是3.0之前的系統(tǒng)，需要先導(dǎo)入android-support-v4的jar包才能使用Fragment功能。

新建一個(gè)項(xiàng)目叫做Fragments，然后在layout文件夾下新建一個(gè)名為fragment1.xml的布局文件：

  1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" 
  2. android:layout_width="match_parent" 
  3. android:layout_height="match_parent" 
  4. android:background="#00ff00"> 
  5. <TextView 
  6. android:layout_width="wrap_content" 
  7. android:layout_height="wrap_content" 
  8. android:text="This is fragment 1" 
  9. android:textColor="#000000" 
  10. android:textSize="25sp"/> 
  11. </LinearLayout> 

可以看到，這個(gè)布局文件非常簡(jiǎn)單，只有一個(gè)LinearLayout，里面加入了一個(gè)TextView。我們?nèi)绶ㄅ谥圃傩陆ㄒ粋€(gè)fragment2.xml ：

  1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" 
  2. android:layout_width="match_parent" 
  3. android:layout_height="match_parent" 
  4. android:background="#ffff00"> 
  5. <TextView 
  6. android:layout_width="wrap_content" 
  7. android:layout_height="wrap_content" 
  8. android:text="This is fragment 2" 
  9. android:textColor="#000000" 
  10. android:textSize="25sp"/> 
  11. </LinearLayout> 

然后新建一個(gè)類Fragment1，這個(gè)類是繼承自Fragment的：

  1. publicclass Fragment1 extends Fragment {   
  2. @Override 
  3. public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {   
  4. return inflater.inflate(R.layout.fragment1, container, false);   
  5.     }   
  6. }   

我們可以看到，這個(gè)類也非常簡(jiǎn)單，主要就是加載了我們剛剛寫好的fragment1.xml布局文件并返回。同樣的方法，我們?cè)賹懞肍ragment2 ：

  1. publicclass Fragment2 extends Fragment {   
  2. @Override 
  3. public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {   
  4. return inflater.inflate(R.layout.fragment2, container, false);   
  5.     }   
  6. }   

然后打開(kāi)或新建activity_main.xml作為主Activity的布局文件，在里面加入兩個(gè)Fragment的引用，使用android:name前綴來(lái)引用具體的Fragment：

  1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" 
  2. android:layout_width="match_parent" 
  3. android:layout_height="match_parent" 
  4. android:baselineAligned="false"> 
  5. <fragment 
  6. android:id="@+id/fragment1" 
  7. android:name="com.example.fragmentdemo.Fragment1" 
  8. android:layout_width="0dip" 
  9. android:layout_height="match_parent" 
  10. android:layout_weight="1"/> 
  11. <fragment 
  12. android:id="@+id/fragment2" 
  13. android:name="com.example.fragmentdemo.Fragment2" 
  14. android:layout_width="0dip" 
  15. android:layout_height="match_parent" 
  16. android:layout_weight="1"/> 
  17. </LinearLayout> 

最后打開(kāi)或新建MainActivity作為程序的主Activity，里面的代碼非常簡(jiǎn)單，都是自動(dòng)生成的：

  1. publicclass MainActivity extends Activity {   
  2. @Override 
  3. protectedvoid onCreate(Bundle savedInstanceState) {   
  4. super.onCreate(savedInstanceState);   
  5.         setContentView(R.layout.activity_main);   
  6.     }   
  7. }   

現(xiàn)在我們來(lái)運(yùn)行一次程序，就會(huì)看到，一個(gè)Activity很融洽地包含了兩個(gè)Fragment，這兩個(gè)Fragment平分了整個(gè)屏幕，效果圖如下：

動(dòng)態(tài)添加Fragment

你已經(jīng)學(xué)會(huì)了如何在XML中使用Fragment，但是這僅僅是Fragment最簡(jiǎn)單的功能而已。Fragment真正的強(qiáng)大之處在于可以動(dòng)態(tài)地添加到 Activity當(dāng)中，因此這也是你必須要掌握的東西。當(dāng)你學(xué)會(huì)了在程序運(yùn)行時(shí)向Activity添加Fragment，程序的界面就可以定制的更加多樣 化。下面我們立刻來(lái)看看，如何動(dòng)態(tài)添加Fragment。

還是在上一節(jié)代碼的基礎(chǔ)上修改，打開(kāi)activity_main.xml，將其中對(duì)Fragment的引用都刪除，只保留最外層的LinearLayout，并給它添加一個(gè)id，因?yàn)槲覀円獎(jiǎng)討B(tài)添加Fragment，不用在XML里添加了，刪除后代碼如下：

  1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" 
  2. android:id="@+id/main_layout" 
  3. android:layout_width="match_parent" 
  4. android:layout_height="match_parent" 
  5. android:baselineAligned="false"> 
  6. </LinearLayout> 

然后打開(kāi)MainActivity，修改其中的代碼如下所示：

  1.     publicclass MainActivity extends Activity {   
  2.     @Override 
  3.     protectedvoid onCreate(Bundle savedInstanceState) {   
  4.     super.onCreate(savedInstanceState);   
  5.             setContentView(R.layout.activity_main);   
  6.             Display display = getWindowManager().getDefaultDisplay();   
  7.     if (display.getWidth() > display.getHeight()) {   
  8.                 Fragment1 fragment1 = new Fragment1();   
  9. getFragmentManager().beginTransaction().replace(R.id.main_layout, fragment1).commit();   
  10.             } else {   
  11.                 Fragment2 fragment2 = new Fragment2();   
  12. getFragmentManager().beginTransaction().replace(R.id.main_layout, fragment2).commit();   
  13.             }   
  14.         }   
  15.     }   

首先，我們要獲取屏幕的寬度和高度，然后進(jìn)行判斷，如果屏幕寬度大于高度就添加fragment1，如果高度大于寬度就添加fragment2。動(dòng)態(tài)添加Fragment主要分為4步：

1.獲取到FragmentManager，在Activity中可以直接通過(guò)getFragmentManager得到。

2.開(kāi)啟一個(gè)事務(wù)，通過(guò)調(diào)用beginTransaction方法開(kāi)啟。

3.向容器內(nèi)加入Fragment，一般使用replace方法實(shí)現(xiàn)，需要傳入容器的id和Fragment的實(shí)例。

4.提交事務(wù)，調(diào)用commit方法提交。

現(xiàn)在運(yùn)行一下程序，效果如下圖所示：

 

 

下頁(yè)為您繼續(xù)介紹Fragment生命周期,Fragment之間通信

#p#

如果你是在使用模擬器運(yùn)行，按下ctrl + F11切換到豎屏模式。效果如下圖所示：

Fragment的生命周期

和Activity一樣，F(xiàn)ragment也有自己的生命周期，理解Fragment的生命周期非常重要，我們通過(guò)代碼的方式來(lái)瞧一瞧Fragment的生命周期是什么樣的：

  1. publicclass Fragment1 extends Fragment {   
  2. publicstaticfinal String TAG = "Fragment1";   
  3. @Override 
  4. public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {   
  5.         Log.d(TAG, "onCreateView");   
  6. return inflater.inflate(R.layout.fragment1, container, false);   
  7.     }   
  8. @Override 
  9. publicvoid onAttach(Activity activity) {   
  10. super.onAttach(activity);   
  11.         Log.d(TAG, "onAttach");   
  12.     }   
  13. @Override 
  14. publicvoid onCreate(Bundle savedInstanceState) {   
  15. super.onCreate(savedInstanceState);   
  16.         Log.d(TAG, "onCreate");   
  17.     }   
  18. @Override 
  19. publicvoid onActivityCreated(Bundle savedInstanceState) {   
  20. super.onActivityCreated(savedInstanceState);   
  21.         Log.d(TAG, "onActivityCreated");   
  22.     }   
  23. @Override 
  24. publicvoid onStart() {   
  25. super.onStart();   
  26.         Log.d(TAG, "onStart");   
  27.     }   
  28. @Override 
  29. publicvoid onResume() {   
  30. super.onResume();   
  31.         Log.d(TAG, "onResume");   
  32.     }   
  33. @Override 
  34. publicvoid onPause() {   
  35. super.onPause();   
  36.         Log.d(TAG, "onPause");   
  37.     }   
  38. @Override 
  39. publicvoid onStop() {   
  40. super.onStop();   
  41.         Log.d(TAG, "onStop");   
  42.     }   
  43. @Override 
  44. publicvoid onDestroyView() {   
  45. super.onDestroyView();   
  46.         Log.d(TAG, "onDestroyView");   
  47.     }   
  48. @Override 
  49. publicvoid onDestroy() {   
  50. super.onDestroy();   
  51.         Log.d(TAG, "onDestroy");   
  52.     }   
  53. @Override 
  54. publicvoid onDetach() {   
  55. super.onDetach();   
  56.         Log.d(TAG, "onDetach");   
  57.     }   
  58. }   

可以看到，上面的代碼在每個(gè)生命周期的方法里都打印了日志，然后我們來(lái)運(yùn)行一下程序，可以看到打印日志如下：

這時(shí)點(diǎn)擊一下home鍵，打印日志如下：

如果你再重新進(jìn)入進(jìn)入程序，打印日志如下：

然后點(diǎn)擊back鍵退出程序，打印日志如下：

看到這里，我相信大多數(shù)朋友已經(jīng)非常明白了，因?yàn)檫@和Activity的生命周期太相似了。只是有幾個(gè)Activity中沒(méi)有的新方法，這里需要重點(diǎn)介紹一下：

  • onAttach方法：Fragment和Activity建立關(guān)聯(lián)的時(shí)候調(diào)用。

  • onCreateView方法：為Fragment加載布局時(shí)調(diào)用。

  • onActivityCreated方法：當(dāng)Activity中的onCreate方法執(zhí)行完后調(diào)用。

  • onDestroyView方法：Fragment中的布局被移除時(shí)調(diào)用。

  • onDetach方法：Fragment和Activity解除關(guān)聯(lián)的時(shí)候調(diào)用。

Fragment之間進(jìn)行通信

通常情況下，Activity都會(huì)包含多個(gè)Fragment，這時(shí)多個(gè)Fragment之間如何進(jìn)行通信就是個(gè)非常重要的問(wèn)題了。我們通過(guò)一個(gè)例子來(lái)看一下，如何在一個(gè)Fragment中去訪問(wèn)另一個(gè)Fragment的視圖。

還是在第一節(jié)代碼的基礎(chǔ)上修改，首先打開(kāi)fragment2.xml，在這個(gè)布局里面添加一個(gè)按鈕：

  1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" 
  2. android:layout_width="match_parent" 
  3. android:layout_height="match_parent" 
  4. android:orientation="vertical" 
  5. android:background="#ffff00"> 
  6. <TextView 
  7. android:layout_width="wrap_content" 
  8. android:layout_height="wrap_content" 
  9. android:text="This is fragment 2" 
  10. android:textColor="#000000" 
  11. android:textSize="25sp"/> 
  12. <Button 
  13. android:id="@+id/button" 
  14. android:layout_width="wrap_content" 
  15. android:layout_height="wrap_content" 
  16. android:text="Get fragment1 text" 
  17. /> 
  18. </LinearLayout> 

然后打開(kāi)fragment1.xml，為TextView添加一個(gè)id：

  1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" 
  2. android:layout_width="match_parent" 
  3. android:layout_height="match_parent" 
  4. android:background="#00ff00"> 
  5. <TextView 
  6. android:id="@+id/fragment1_text" 
  7. android:layout_width="wrap_content" 
  8. android:layout_height="wrap_content" 
  9. android:text="This is fragment 1" 
  10. android:textColor="#000000" 
  11. android:textSize="25sp"/> 
  12. </LinearLayout> 

接著打開(kāi)Fragment2.java，添加onActivityCreated方法，并處理按鈕的點(diǎn)擊事件：

  1. publicclass Fragment2 extends Fragment {   
  2. @Override 
  3. public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {   
  4. return inflater.inflate(R.layout.fragment2, container, false);   
  5.     }   
  6. @Override 
  7. publicvoid onActivityCreated(Bundle savedInstanceState) {   
  8. super.onActivityCreated(savedInstanceState);   
  9.         Button button = (Button) getActivity().findViewById(R.id.button);   
  10.         button.setOnClickListener(new OnClickListener() {   
  11. @Override 
  12. publicvoid onClick(View v) {   
  13.                 TextView textView = (TextView) getActivity().findViewById(R.id.fragment1_text);   
  14.                 Toast.makeText(getActivity(), textView.getText(), Toast.LENGTH_LONG).show();   
  15.             }   
  16.         });   
  17.     }   
  18. }   

現(xiàn)在運(yùn)行一下程序，并點(diǎn)擊一下fragment2上的按鈕，效果如下圖所示：

我們可以看到，在fragment2中成功獲取到了fragment1中的視圖，并彈出Toast。這是怎么實(shí)現(xiàn)的呢？主要都是通過(guò)getActivity 這個(gè)方法實(shí)現(xiàn)的。getActivity方法可以讓Fragment獲取到關(guān)聯(lián)的Activity，然后再調(diào)用Activity的 findViewById方法，就可以獲取到和這個(gè)Activity關(guān)聯(lián)的其它Fragment的視圖了。

好了，以上就是關(guān)于Fragment你所須知道的一切。

責(zé)任編輯：閆佳明 來(lái)源： xue5
Android開(kāi)發(fā)移動(dòng)開(kāi)發(fā)Fragment碎片
相關(guān)推薦

2016-12-02 19:00:13

Android FraAndroid

2011-04-12 15:00:48

Oracle碎片

2012-03-12 21:51:56

2013-08-02 11:24:47

Android碎片化圖解生態(tài)碎Androi

2021-08-04 14:32:16

鴻蒙HarmonyOS應(yīng)用

2013-09-03 09:35:30

Android開(kāi)發(fā)碎片化

2013-01-22 10:34:53

開(kāi)發(fā)者Android碎片化

2009-10-23 12:37:52

無(wú)線接入技術(shù)

2012-03-20 21:29:51

Android

2011-09-07 17:54:40

Android Wid開(kāi)發(fā)

2013-02-20 15:29:00

JSONAndroid開(kāi)發(fā)

2011-09-09 10:00:20

Android Wid開(kāi)發(fā)

2023-10-12 19:41:55

2014-04-16 13:31:27

AndroidFragment多屏幕支持

2012-04-23 09:47:48

Android碎片化

2012-07-02 10:13:05

Android 4.1

2014-08-27 14:14:14

Android碎片化

2011-09-07 14:39:47

Android Wid設(shè)計(jì)

2013-07-10 15:52:17

fragmentAndroid

2020-02-17 16:47:44

Android Context細(xì)節(jié)
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)