Android UI开发第十七篇——Android Fragment实例
阅读原文时间:2021年04月20日阅读:1

  1.  

  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 

  3.     android:orientation="horizontal" android:layout_width="match_parent" 

  4.     android:layout_height="match_parent">  

  5.     <fragment  

  6.         class="com.fragment.main.TitlesFragment" 

  7.         android:id="@+id/titles" android:layout_weight="1" 

  8.         android:layout_width="0px" android:layout_height="match_parent" />  

  9.     <FrameLayout android:id="@+id/details" android:layout_weight="1" 

  10.         android:layout_width="0px" android:layout_height="match_parent" 

  11.         android:background="?android:attr/detailsElementBackground" />  

  12.  

  13. public class TitlesFragment extends ListFragment {  

  14.     int mCurCheckPosition = 0;  

  15.     int mShownCheckPosition = -1;  

  16.     @Override 

  17.     public void onActivityCreated(Bundle savedInstanceState) {  

  18.         super.onActivityCreated(savedInstanceState);   

  19.         setListAdapter(new ArrayAdapter(getActivity(),  

  20.                 android.R.layout.simple_list_item_activated_1,  

  21.                 Shakespeare.TITLES)); //使用静态数组填充列表  

  22.         if (savedInstanceState != null) {   

  23.             mCurCheckPosition = savedInstanceState.getInt("curChoice", 0);  

  24.             mShownCheckPosition = savedInstanceState.getInt("shownChoice", -1);  

  25.         }   

  26.             getListView().setChoiceMode(ListView.CHOICE_MODE_SINGLE);   

  27.             showDetails(mCurCheckPosition);  

  28.     }  

  29.     @Override 

  30.     public void onSaveInstanceState(Bundle outState) {  

  31.         super.onSaveInstanceState(outState);  

  32.         outState.putInt("curChoice", mCurCheckPosition);  

  33.         outState.putInt("shownChoice", mShownCheckPosition);  

  34.     }  

  35.     @Override 

  36.     public void onListItemClick(ListView l, View v, int position, long id) {  

  37.         showDetails(position);  

  38.     }  

  39.     /**  

  40. *显示listview item 详情  

  41. */ 

  42.     void showDetails(int index) {  

  43.         mCurCheckPosition = index;  

  44.             getListView().setItemChecked(index, true);  

  45.             if (mShownCheckPosition != mCurCheckPosition) {  

  46.                 DetailsFragment df = DetailsFragment.newInstance(index);  

  47.                 FragmentTransaction ft = getFragmentManager()  

  48.                         .beginTransaction();  

  49.                 ft.replace(R.id.details, df);  

  50.                 ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);  

  51.                 ft.commit();  

  52.                 mShownCheckPosition = index;  

  53.             }     

  54.     }  

  55. }  

  56. public class DetailsFragment extends Fragment {  

  57.     /**     * Create a new instance of DetailsFragment, initialized to     * show the text at 'index'.     */ 

  58.     public static DetailsFragment newInstance(int index) {  

  59.         DetailsFragment f = new DetailsFragment();  

  60.         // Supply index input as an argument.  

  61.         Bundle args = new Bundle();  

  62.         args.putInt("index", index);  

  63.         f.setArguments(args);  

  64.         return f;  

  65.     }  

  66.     @Override 

  67.     public View onCreateView(LayoutInflater inflater, ViewGroup container,  

  68.             Bundle savedInstanceState) {  

  69.         if (container == null) {              

  70.             return null;  

  71.         }  

  72.         ScrollView scroller = new ScrollView(getActivity());  

  73.         TextView text = new TextView(getActivity());  

  74.         int padding = (int) TypedValue.applyDimension(  

  75.                 TypedValue.COMPLEX_UNIT_DIP, 4, getActivity().getResources()  

  76.                         .getDisplayMetrics());  

  77.         text.setPadding(padding, padding, padding, padding);  

  78.         scroller.addView(text);  

  79.         text.setText(Shakespeare.DIALOGUE[getArguments().getInt("index", 0)]);  

  80.         return scroller;  

  81.     }  

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上实现

/**。
* @author 张兴业
* 邮箱:xy-zhang@163.com
* qq:363302850
*/

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 :

布局文件中使用了fragment标签和FrameLayout标签。Android Fragment使用 中介绍了2中嵌入Fragment的方法,这个实例中都用到,从布局文件看到有了fragment标签,这是一种使用方法,FrameLayout标签将会成为第二种加载fragment的载体view。

        看一下程序实现(com.fragment.main.TitlesFragment):

效果图的左边是一个列表,右边是列表item的详情。

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

Fragment是Android honeycomb 3.0新增的概念,在Android——Fragment介绍Android Fragment使用Android FragmentManage FragmentTransaction介绍中做了关于Fragment的详细介绍。这一片主要通过一个实例了解Fragment的使用。

先看下实例效果图:

/**
* @author 张兴业
* 邮箱:xy-zhang#163.com
* android开发进阶群:278401545
*
*/

转载于:https://blog.51cto.com/xyzlmn/817249