Android2.x中使用Fragment的調查

原創 zillachan 2018-09-12 06:00

Android2.x中使用Fragment的調查

  • Fragment介紹

Fragment是在android3.0中引入的，其功能和Activity基本相似，有自己的回調和生命週期，對於Fragment的理解我們可以解釋爲碎片或片段，這一點和DOM中的片段可以類比。

關於設計哲學、生命週期、事務管理、與Activity通信、ActionBar的使用，官方的文檔給出了比較詳細的說明，這裏不做贅述了。

http://developer.android.com/guide/components/fragments.html

 

  • Fragment應用場景

根據目前調查的情況這裏列出幾點

 

  1. 避免太多的Activity切換損傷系統的性能，Fragment較Activity更輕量化
  2. 爲應用程序提供統一的UI（以更低的成本統一2.x到最新版本的UI）
  3. 爲大屏設備提供更好的用戶體驗（例如新聞閱讀，標題列表和內容同時展現）
  • 在android2.x中使用Fragment
  • Google的解決方案：

Google爲Android2.x使用Fragment提供了支持，並提供了官方的類庫，可以從SDK Manager中下載，SDK Manager中的位置爲Extras > Android Support Library，下載後存放於android-sdks\extras\android\support\v4中。

一般情況下如果只使用Fragment的話，那麼該庫就夠用了，但是如果我們想用ActionBar的話，這個支持類庫的功能就不夠了。

  • Actionbarsherlock的解決方案：

該方案是使用actionbarsherlock開源類庫，該方案提供了Fragment和ActionBar的支持，其本身的Fragment支持採用的是Google解決方案的類庫。具體的使用類似於GreenDroid，需要使用該方案的應用程序需要導入actionbarsherlock項目。

  • 項目實踐：

本次調查因爲涉及到ActionBar，所以主要的輸出內容以actionbarsherlock作爲基礎。

  • 代碼獲取：

從actionbarsherlock官方網站下載actionbarsherlock項目及demo，

地址：https://github.com/JakeWharton/ActionBarSherlock/zipball/4.1.0

  • Eclipse中導入actionbarsherlock項目：

這裏有幾點需要注意：

1.因爲ADT版本差異，官方網站提供的導入步驟在較高版本的ADT中導入失敗，這裏採用的方法新建Android項目，然後將actionbarsherlock的library目錄作爲項目源碼拷貝到新建項目的根目錄下面，

2.actionbarsherlock中有的內容不好打包，只能通過項目引用的方式來工作。

3.編譯環境的AndroidSDK版本必須在3.2以後，即project.properties中的target必須大於等於13，但工作換進可以是2.x。

  • 項目引用：

我們的項目如果需要引用該庫，需要這樣引入：

右鍵 > properties > Android > library > Add > actionbarsherlock項目

而不是這樣：右鍵 > Build Path > Config Build Path > Project > Add > actionbarsherlock項目

  • 使用：

ActionBar使用：

 

  1. public class MainActivity extends BaseActivity{ 
  2.  
  3. private final static String TAB1 = "home"; 
  4.  
  5. private final static String TAB2 = "live"; 
  6.  
  7. private final static String TAB3 = "column"; 
  8.  
  9. private final static String TAB4 = "news"; 
  10.  
  11. private final static String TAB5 = "setting"; 
  12.  
  13. int mStackLevel = 1; 
  14.  
  15. HomeFragment homeFragment = new HomeFragment(); 
  16.  
  17. LiveFragment liveFragment = new LiveFragment(); 
  18.  
  19. ColumnFragment columnFragment = new ColumnFragment(); 
  20.  
  21. NewsFragment newsFragment = new NewsFragment(); 
  22.  
  23. SettingFragment settingFragment = new SettingFragment(); 
  24.  
  25. …………………………… 
  26.  
  27. protected void onCreate(Bundle savedInstanceState) { 
  28.  
  29. super.onCreate(savedInstanceState); 
  30.  
  31. setContentView(R.layout.fragment_stack); 
  32.  
  33. final ActionBar bar = getSupportActionBar() ; 
  34.  
  35.         bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); 
  36.  
  37.         bar.setDisplayOptions(0, ActionBar.DISPLAY_SHOW_TITLE); 
  38.  
  39.         bar.addTab(bar.newTab().setIcon(R.drawable.tab_icon_home_bg) 
  40.  
  41.                 .setText(R.string.tab_label_home) 
  42.  
  43.                 .setTabListener(new TabListener(homeFragment,TAB1))); 
  44.  
  45.         bar.addTab(bar.newTab().setIcon(R.drawable.tab_icon_live_bg) 
  46.  
  47.                 .setText(R.string.tab_label_live) 
  48.  
  49.                 .setTabListener(new TabListener(liveFragment,TAB2))); 
  50.  
  51.         bar.addTab(bar.newTab().setIcon(R.drawable.tab_icon_column_bg) 
  52.  
  53.             .setText(R.string.tab_label_column) 
  54.  
  55.                 .setTabListener(new TabListener(columnFragment,TAB3))); 
  56.  
  57.         bar.addTab(bar.newTab().setIcon(R.drawable.tab_icon_news_bg) 
  58.  
  59.             .setText(R.string.tab_label_news) 
  60.  
  61.                 .setTabListener(new TabListener(newsFragment,TAB4))); 
  62.  
  63.         bar.addTab(bar.newTab().setIcon(R.drawable.tab_icon_setting_bg) 
  64.  
  65.             .setText(R.string.tab_label_setting) 
  66.  
  67.                 .setTabListener(new TabListener(settingFragment,TAB5))); 
  68.  
  69.         if (savedInstanceState != null) { 
  70.  
  71.             bar.setSelectedNavigationItem(savedInstanceState.getInt("tab", 0)); 
  72.  
  73.         } 
  74.  
  75. } 
  76.  
  77. …………………… 
  78.  
  79. } 

說明：

  1. 這裏的ActionBar引用的是com.actionbarsherlock.app.ActionBar;
  2. 獲取ActionBar需要使用getSupportActionBar()方法
  3. 這裏的Fragment繼承自android.support.v4.app.Fragment；
  4. bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS)；表示使用Tab    頁形式展示。
  5. bar.setDisplayOptions(0, ActionBar.DISPLAY_SHOW_TITLE);顯示標題欄。

Fragment使用：

  1. public class SettingFragment extends BaseFragment { 
  2.  
  3. int mNum; 
  4.  
  5. private Button share; 
  6.  
  7. private Button clear; 
  8.  
  9. private Button contact; 
  10.  
  11. /** 
  12.  
  13.  * 該方法用於Fragment默認構造 
  14.  
  15.  * @return  
  16.  
  17.  */ 
  18.  
  19. public SettingFragment(){ 
  20.  
  21. } 
  22.  
  23. public SettingFragment(int num){ 
  24.  
  25. this.mNum = num; 
  26.  
  27. } 
  28.  
  29. /** 
  30.  
  31.  * When creating, retrieve this instance's number from its arguments. 
  32.  
  33.  */ 
  34.  
  35. @Override 
  36.  
  37. public void onCreate(Bundle savedInstanceState) { 
  38.  
  39. Utils.log("onCreate"); 
  40.  
  41. super.onCreate(savedInstanceState); 
  42.  
  43. mNum = getArguments() != null ? getArguments().getInt("num") : 5; 
  44.  
  45. } 
  46.  
  47. /** 
  48.  
  49.  * The Fragment's UI is just a simple text view showing its instance number. 
  50.  
  51.  */ 
  52.  
  53. @Override 
  54.  
  55. public View onCreateView(LayoutInflater inflater, ViewGroup container, 
  56.  
  57. Bundle savedInstanceState) { 
  58.  
  59. Utils.log("onCreateView"); 
  60.  
  61. View v = inflater.inflate(R.layout.setting, container, false); 
  62.  
  63. getViews(v); 
  64.  
  65. setListener(); 
  66.  
  67. return v; 
  68.  
  69. } 
  70.  
  71. private void getViews(View container){ 
  72.  
  73. share = (Button)container.findViewById(R.id.setting_share_button); 
  74.  
  75. clear = (Button)container.findViewById(R.id.setting_clear_button); 
  76.  
  77. contact = (Button)container.findViewById(R.id.setting_contact_button); 
  78.  
  79. } 
  80.  
  81. private void setListener(){ 
  82.  
  83. share.setOnClickListener(new OnClickListener() { 
  84.  
  85. @Override 
  86.  
  87. public void onClick(View v) { 
  88.  
  89. startActivity(new Intent(getActivity(),ShareActivity.class)); 
  90.  
  91. } 
  92.  
  93. }); 
  94.  
  95. clear.setOnClickListener(new OnClickListener() { 
  96.  
  97. @Override 
  98.  
  99. public void onClick(View v) { 
  100.  
  101. startActivity(new Intent(getActivity(),ClearActivity.class)); 
  102.  
  103. } 
  104.  
  105. }); 
  106.  
  107. contact.setOnClickListener(new OnClickListener() { 
  108.  
  109. @Override 
  110.  
  111. public void onClick(View v) { 
  112.  
  113. startActivity(new Intent(getActivity(),ContactActivity.class)); 
  114.  
  115. } 
  116.  
  117. }); 
  118.  
  119. } 
  120.  
  121. } 



說明：
fragment第一次繪製它的用戶界面的時候, 系統會調用此方法。爲了繪製fragment的UI,此方法必須返回一個View, 這個view是你的fragment佈局的根view。如果fragment不提供UI, 可以返回null。

  • 建議：

根據目前調查的情況，這裏給出幾點建議

  1. ActionBar的位置位於標題欄位置，而項目中的Tab標籤位於屏幕底部，這裏使用ActionBar可能會給用戶點擊帶來一點小麻煩，可以考慮用戶滑動屏幕自動切換Tab頁。
  2. Fragment的主題以黑色爲主，直接替換項目可能會有些地方色彩不協調，細節部分可能需要再設計一下
  3. Fragment框架需要引入主題，該主題會包含一個標題欄，替換之前的自定義標題欄還需要調查（這裏是一個例子，更多的類容再向Fragment靠攏的開發中可能還會遇到）。
  • 結論：

項目向Fragment框架靠攏整理方案在技術上是可行的，並能因此提高系統的性能，但是在部分UI和用戶體驗上可能與之前的預期存在一點小差異，可能需要小修改。

 

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

Android開發學習之使用Toolbar實現不同的Fragment使用不同顏色的標題欄與狀態欄

優惠券發放 2019-02-24 19:41:23

Basic Android Interview Questions

letstalktech88 2021-06-01 18:54:25

聚焦市场开发热门技术 手把手带你开发商业级社交App

wy53780 2020-04-23 14:07:47

逆向美团外卖app__skcy算法

1939481097 2019-12-11 11:33:48

逆向淘宝x-sign算法

1939481097 2019-12-11 11:30:02

Android 原生app獲取用戶授權訪問Autodesk雲應用數據

樑曉冬 2019-02-24 23:44:12

Android平臺調用WebService詳解

推薦碼發放 2019-02-24 19:41:33

虹軟人臉識別ArcFace2.0 Android SDK使用教程

gsmd_cc 2019-02-24 19:04:27

爲什麼要做短視頻秒播優化

WalkerXu 2019-02-24 15:34:05

Android Architecture Components——Room

大熊啊啊啊 2019-02-24 14:08:54

Android高效安全加載圖片的方法詳解

我爱宋慧乔 2019-02-24 12:42:54

一篇文章瞭解大前端

碼出世界 2019-02-24 12:14:01

第二十二章：動畫（四）

wangccsy 2019-02-24 10:57:10

android入門系列

尋夢緣2008 2019-02-23 13:56:52

android基礎

尋夢緣2008 2019-02-23 13:56:52