Xamarin.Android開發實踐（十六）

原文:Xamarin.Android開發實踐（十六）

Xamarin.Android之Fragment Walkthrough

利用Fragment設計可以兼容不一樣屏幕的應用

這裏咱們先圍觀下最後的成果圖，給讀者打打氣：

 

普通手機上顯示的結果：

 

在平板上顯示的結果：

 

筆者要鄭重聲明下，雖然看似是兩種不一樣的顯示效果，可是同一個應用，而下面筆者將逐步教會你們如何利用Fragment製做出可以兼容不一樣屏幕的應用。

 

準備工做

建立一個項目是必不可少的，而且Android SDK的版本要在3.0以上，建議是4.0由於筆者設定的就是4.0，新建完成以後項目會自動幫咱們建立好MainActivity，固然靠這一個還不足夠，咱們還要新建一個Activity，並命名爲DetailsActivity，另外還有兩個Fragment分爲命名爲DetailsFragment和TitlesFragment，最後的目錄結構應該以下圖所示：

 

 

建立兼容視圖

如今咱們先把呈現部分的功能完成，咱們打開Resources\Layout下的Main.axml將下面的xml代碼寫入：

 1 <?xml version="1.0" encoding="utf-8"?>  2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  3  android:orientation="horizontal"  4  android:layout_width="fill_parent"  5  android:layout_height="fill_parent">  6 <fragment  7 class="fragmentwalkthrough.TitlesFragment"  8  android:id="@+id/titles_fragment"  9  android:layout_width="fill_parent" 10  android:layout_height="fill_parent" /> 11 </LinearLayout>

這裏咱們就利用了fragment做爲佔位符，從而顯示TitlesFragment，筆者還要注意class的完整路徑，要按照本身實際項目的名稱來，通常都是解決方案的名字的小寫加上點而後就是對應的類名了。

 

光有這個視圖只能應付小屏幕的顯示，咱們還須要爲大屏幕設計一個視圖。可是咱們不能在layout下繼續新建，那樣咱們就要用代碼負責控制了，其實Android自己就已經提供了這些功能，咱們只要在Resources下新建一個文件夾而且命名爲layout-large，而後在該文件夾下新建一個Main.axml，這裏的視圖文件命名必需要和layout下的一致，而後將下面的內容寫入其中：

 1 <?xml version="1.0" encoding="utf-8"?>  2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  3  android:orientation="horizontal"  4  android:layout_width="fill_parent"  5  android:layout_height="fill_parent">  6 <fragment  7 class="fragmentwalkthrough.TitlesFragment"  8  android:id="@+id/titles_fragment"  9  android:layout_weight="1" 10  android:layout_width="0px" 11  android:layout_height="match_parent" /> 12 <FrameLayout 13 android:id="@+id/details" 14  android:layout_weight="3" 15  android:layout_width="0px" 16  android:layout_height="match_parent" /> 17 </LinearLayout>

 

 

這裏多了一個FrameLayout這個就是做爲內容的容器，最後咱們能夠看到在咱們選擇不一樣的項的時候，都會在這個佔位符中切換碎片（Fragment），這裏提示下咱們還要把MainActivity.cs中的自動生成的代碼刪除，最後只要剩下如下的內容便可：

1         protected override void OnCreate(Bundle bundle) 2  { 3 base.OnCreate(bundle); 4  SetContentView(Resource.Layout.Main); 5 }

完成了上面的內容，咱們下面就開始從下而上來開始。

 

完善DetailsFragment

惟一須要學習的就是OnCreateView方法，這個方法就是來用指定碎片的視圖的，最後顯示的是返回的視圖，具體的代碼以下所示：

 1     public class DetailsFragment : Fragment  2  {  3 public static DetailsFragment NewInstance(int playId)  4  {  5 var detailsFrag = new DetailsFragment  6  {  7 Arguments = new Bundle()  8  };  9 detailsFrag.Arguments.PutInt("current_play_id", playId); 10 return detailsFrag; 11  } 12 13 public int ShowPlayId 14  { 15 get 16  { 17 return Arguments.GetInt("current_play_id", 0); 18  } 19  } 20 21 public override View OnCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) 22  { 23 if (container == null) 24  { 25 return null; 26  } 27 var scroller = new ScrollView(Activity); 28 var text = new TextView(Activity); 29 text.SetPadding(4, 4, 4, 4); 30 text.TextSize = 24; 31 text.Text = "you select " + ShowPlayId; 32  scroller.AddView(text); 33 return scroller; 34  } 35 }

咱們僅僅只是對選擇的項的id保存了，提供還提供了一個快捷方法NewInstance用來實例化這個碎片，最後的內容僅僅只是經過TextView呈現的，筆者後面也能夠設計一個視圖，而後利用inflater參數實例化並返回。

 

 

完善DetailsActivity

這個活動純粹只是爲了兼容小屏幕的，由於它只是一個軀殼，負責將發送給它的參數在轉發給DetailsFragment，並顯示DetailFragment。具體的代碼以下所示：

 1     [Activity(Label = "DetailsActivity")]  2 public class DetailsActivity : Activity  3  {  4 protected override void OnCreate(Bundle bundle)  5  {  6 base.OnCreate(bundle);  7 var index = Intent.Extras.GetInt("current_play_id", 0);  8 var details = DetailsFragment.NewInstance(index);  9 var ft = FragmentManager.BeginTransaction(); 10  ft.Add(Android.Resource.Id.Content, details); 11  ft.Commit(); 12  } 13 }

咱們注意到了FragmentManger這個類，它對於咱們從此使用碎片都是很是重要的，只要在活動裏面切換碎片，刪除碎片等都要經過它。這一過程還必需要使用BeginTransaction先開啓事務，完成操做後還要經過Commit提交，不然是沒有效果的。

 

 

完善TitlesFragment

這裏咱們看到了列表顯示的數據，而這些數據都是定義在Strings.xml中的，因此咱們先要定義這些資源，代碼以下所示：

 1 <?xml version="1.0" encoding="utf-8"?>  2 <resources>  3 <string name="Hello">Hello World, Click Me!</string>  4 <string name="ApplicationName">FragmentWalkthrough</string>  5 <string-array name="TitleList">  6 <item>First</item>  7 <item>Second</item>  8 <item>Third</item>  9 <item>Fourth</item> 10 <item>Fifth</item> 11 <item>Sixth</item> 12 </string-array> 13 </resources>

完成上面的操做後，咱們就要重點學習TitlesFragment中的功能，首先咱們刪除裏面默認重寫的方法，而後將繼承的類改爲ListFragment，並重寫OnActivityCreated，由於咱們繼承了這個類，就跟ListActivity同樣，因此不須要在設置界面。

 

爲了可以兼容不一樣的屏幕，因此咱們須要一個bool類型的變量去保存當前的屏幕是屬於大仍是小，從而決定相關的功能，而且還要有一個int類型的變量保存當前所選的數據的id，而後咱們就能夠完善OnActivityCreated方法了：

 1         protected int _currentPlayId;  2 protected bool _isDualPanel;  3  4 public override void OnActivityCreated(Bundle savedInstanceState)  5  {  6 base.OnActivityCreated(savedInstanceState);  7 //從Resources將資源取出  8 string[] strarray = Resources.GetStringArray(Resource.Array.TitleList);  9 10 //實例化一個適配器並將適配器賦給ListAdapter 11 var adapter = new ArrayAdapter<string>(Activity, Android.Resource.Layout.SimpleListItemChecked, strarray); 12 ListAdapter = adapter; 13 14 //判斷是否存在上一次會話的數據 15 if (savedInstanceState != null) 16  { 17 _currentPlayId = savedInstanceState.GetInt("current_play_id", 0); 18  } 19 20 //獲取用於碎片的佔位符 21 var detailsFrame = Activity.FindViewById<View>(Resource.Id.details); 22 23 //根據該佔位符是否存在以及是否可見，從而決定是否爲大屏幕 24 _isDualPanel = detailsFrame != null && detailsFrame.Visibility == ViewStates.Visible; 25 26 //當前屏幕爲大屏幕時操做 27 if (_isDualPanel) 28  { 29 ListView.ChoiceMode = ChoiceMode.Single; 30  ShowDetails(_currentPlayId); 31  } 32 }

這裏只是初始化了列表並判斷了當前屬於那種狀況，下面咱們就要介紹重要的ShowDetails方法，該方法將負責用戶點擊某項後採用那種方式呈現，下面是該代碼：

 1         public void ShowDetails(int playid)  2  {  3 _currentPlayId = playid;  4 //判斷當前屏幕顯示的方案  5 if (_isDualPanel)  6  {  7 //爲大屏幕時顯示的方案  8  9 ListView.SetItemChecked(playid, true); 10 //經過碎片管理器查找對應的碎片 若是是第一次顯示則返回的是null 11 var details = FragmentManager.FindFragmentById(Resource.Id.details) as DetailsFragment; 12 13 //判斷是否存在該碎片的實例化對象或該對象顯示的內容是否跟當前選擇的內容一致 14 if (details == null || details.ShowPlayId != playid) 15  { 16 //實例化碎片 17 details = DetailsFragment.NewInstance(playid); 18 var ft = FragmentManager.BeginTransaction(); 19 //將FrameLayout佔位符替換成details碎片 20  ft.Replace(Resource.Id.details, details); 21  ft.Commit(); 22  } 23  } 24 else 25  { 26 //爲小屏幕時顯示的方案 27 var intent = new Intent(); 28 intent.SetClass(Activity, typeof(DetailsActivity)); 29 intent.PutExtra("current_play_id", playid); 30  StartActivity(intent); 31  } 32 }

 

這面的代碼咱們經過其中的註釋就能夠清楚的明白了，固然咱們還要重寫ListFragment的事件，代碼以下所示：

1         //監聽選擇事件，在每次選擇後從新顯示詳細內容 2 public override void OnListItemClick(ListView l, View v, int position, long id) 3  { 4  ShowDetails(position); 5 }

 

至此咱們就實現了可以在不一樣屏幕下顯示不一樣界面的方式，這在很大的程度上能夠複用代碼，而不須要非要單獨去定製專門的應用。