Android UI基礎教程：Android Fragment實例

Fragment是Android honeycomb 3.0新增的概念，在Android——Fragment介紹、Android Fragment使用、Android FragmentManage FragmentTransaction介紹中做了關於Fragment的詳細介紹。這一片主要通過一個實例了解Fragment的使用。

Android——Fragment介紹 http://www.linuxidc.com/Linux/2014-09/106828.htm

Android Fragment使用 http://www.linuxidc.com/Linux/2014-09/106829.htm

Android FragmentManage FragmentTransaction介紹 http://www.linuxidc.com/Linux/2014-09/106830.htm

先看下實例效果圖：

效果圖的左邊是一個列表，右邊是列表item的詳情。

先看一下布局文件(layout)：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="horizontal" android:layout_width="match_parent"
 android:layout_height="match_parent">
 <fragment
  class="com.fragment.main.TitlesFragment"
  android:id="@+id/titles" android:layout_weight="1"
  android:layout_width="0px" android:layout_height="match_parent" />
 <FrameLayout android:id="@+id/details" android:layout_weight="1"
  android:layout_width="0px" android:layout_height="match_parent"
  android:background="?android:attr/detailsElementBackground" />
</LinearLayout>

布局文件中使用了fragment標簽和FrameLayout標簽。Android Fragment使用 中介紹了2中嵌入Fragment的方法，這個實例中都用到，從布局文件看到有了fragment標簽，這是一種使用方法，FrameLayout標簽將會成為第二種加載fragment的載體view。

看一下程序實現（com.fragment.main.TitlesFragment）：

public class TitlesFragment extends ListFragment {

 int mCurCheckPosition = 0;
 int mShownCheckPosition = -1;

 @Override
 public void onActivityCreated(Bundle savedInstanceState) {
  super.onActivityCreated(savedInstanceState);
             
  setListAdapter(new ArrayAdapter<String>(getActivity(),
    android.R.layout.simple_list_item_activated_1,
    Shakespeare.TITLES)); //使用靜態數組填充列表
  if (savedInstanceState != null) {
   mCurCheckPosition = savedInstanceState.getInt("curChoice", 0);
   mShownCheckPosition = savedInstanceState.getInt("shownChoice", -1);
  }
   getListView().setChoiceMode(ListView.CHOICE_MODE_SINGLE);
   showDetails(mCurCheckPosition);
 }

 @Override
 public void onSaveInstanceState(Bundle outState) {
  super.onSaveInstanceState(outState);

  outState.putInt("curChoice", mCurCheckPosition);
  outState.putInt("shownChoice", mShownCheckPosition);
 }

 @Override
 public void onListItemClick(ListView l, View v, int position, long id) {
  showDetails(position);
 }

 /**
  *顯示listview item 詳情
  */
 void showDetails(int index) {
  mCurCheckPosition = index;
   getListView().setItemChecked(index, true);

   if (mShownCheckPosition != mCurCheckPosition) {

    DetailsFragment df = DetailsFragment.newInstance(index);
      FragmentTransaction ft = getFragmentManager()
      .beginTransaction();
    ft.replace(R.id.details, df);
    ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);
    ft.commit();
    mShownCheckPosition = index;
   } 
 }

}

TitlesFragment
TitlesFragment繼承自Fragment的子類ListFragment，使用了一個靜態數組填充列表，重寫了onListItemClick方法，showDetails方法展示ListView item的詳情。
DetailsFragment df = DetailsFragment.newInstance(index);//獲取詳情Fragment的實例
FragmentTransaction ft = getFragmentManager().beginTransaction();//獲取FragmentTransaction 實例
ft.replace(R.id.details, df);  //使用DetailsFragment 的實例
ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);
ft.commit();//提交
這裡就使用到了Android Fragment使用中介紹的第二種加載fragment的方法。看一下DetailsFragment ：

public class DetailsFragment extends Fragment {

 /**    * Create a new instance of DetailsFragment, initialized to    * show the text at 'index'.    */
 public static DetailsFragment newInstance(int index) {
  DetailsFragment f = new DetailsFragment();
  // Supply index input as an argument.       
  Bundle args = new Bundle();
  args.putInt("index", index);
  f.setArguments(args);
  return f;
 }

 @Override
 public View onCreateView(LayoutInflater inflater, ViewGroup container,
   Bundle savedInstanceState) {
  if (container == null) {           
   return null;
  }
  ScrollView scroller = new ScrollView(getActivity());
  TextView text = new TextView(getActivity());

  int padding = (int) TypedValue.applyDimension(
    TypedValue.COMPLEX_UNIT_DIP, 4, getActivity().getResources()
      .getDisplayMetrics());
  text.setPadding(padding, padding, padding, padding);
  scroller.addView(text);
  text.setText(Shakespeare.DIALOGUE[getArguments().getInt("index", 0)]);
  return scroller;
 }
}

DetailsFragment 中使用newInstance(int index)方法產生DetailsFragment 實例並接受整型參數，重載了onCreateView方法創建view。

這個例子基本完成了，主要介紹的是在3.0以後的使用方法，其實Fragment在SDK1.6之後就可以使用了，在1.6上使用需要借助android-support-v4.jar包實現。android-support-v4.jar在：SDK根目錄\extras\android\compatibility\v4下可以找到，如果想了解Fragment在SDK1.6上怎麼實現的請參考Fragment 在Android SDK1.6上實現 http://www.linuxidc.com/Linux/2014-09/106831.htm 。

更多Android相關信息見Android 專題頁面 http://www.linuxidc.com/topicnews.aspx?tid=11