Android UI详解之Fragment加载

浏览数：29 / 时间：2015年06月11日

fragment做为宿主activity UI的一部分, 被作为activity整个view hierarchy的一部分被嵌入. 有2种方法你可以添加一个fragment到activity layout：

一、在activity的layout文件中声明fragment

 

你可以像为View一样, 为fragment指定layout属性（sdk3.0以后）.
例子是一个有2个fragment的activity:

 

[html] view plaincopy
 
  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="match_parent"  
  5.     android:layout_height="match_parent">  
  6.      <fragment android:name="com.example.news.ArticleListFragment"  
  7.             android:id="@+id/list"  
  8.             android:layout_weight="1"  
  9.             android:layout_width="0dp"  
  10.             android:layout_height="match_parent" />  
  11.      <fragment android:name="com.example.news.ArticleReaderFragment"  
  12.             android:id="@+id/viewer"  
  13.             android:layout_weight="2"  
  14.             android:layout_width="0dp"  
  15.             android:layout_height="match_parent" />  
  16.   </LinearLayout>  


<fragment> 中的 android:name 属性指定了在layout中实例化的Fragment类. 

当系统创建这个activity layout时, 它实例化每一个在layout中指定的fragment,并调用每一个上的onCreateView()方法,来获取每一个fragment的layout. 系统将从fragment返回的 View 直接插入到<fragment>元素所在的地方. 

注意: 每一个fragment都需要一个唯一的标识, 如果activity重启,系统可以用来恢复fragment(并且你也可以用来捕获fragment来处理事务,例如移除它.) 

有3种方法来为一个fragment提供一个标识:
为 android:id 属性提供一个唯一ID.
为 android:tag 属性提供一个唯一字符串.
如果以上2个你都没有提供, 系统使用容器view的ID.

二、使用FragmentManager将fragment添加到一个已存在的ViewGroup.

当activity运行的任何时候, 都可以将fragment添加到activity layout.只需简单的指定一个需要放置fragment的ViewGroup.为了在你的activity中操作fragment事务(例如添加,移除,或代替一个fragment),必须使用来自 FragmentTransaction 的API.

可以按如下方法,从你的Activity取得一个 FragmentTransaction 的实例:

 

 

[java] view plaincopy
 
  1. FragmentManager fragmentManager = getFragmentManager();   
  2. FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();  


然后你可以使用 add() 方法添加一个fragment, 指定要添加的fragment, 和要插入的view.

 

 

[java] view plaincopy
 
  1. ExampleFragment fragment = new ExampleFragment();  
  2.  fragmentTransaction.add(R.id.fragment_container, fragment);   
  3. fragmentTransaction.commit();  


add()的第一个参数是fragment要放入的ViewGroup, 由resource ID指定, 第二个参数是需要添加的fragment.一旦用FragmentTransaction做了改变,为了使改变生效,必须调用commit(). 

上一篇我们讲解了Fragment的加载方式，这次我们以一个实例来讲解：

布局：

 

[html] view plaincopy
 
  1. <LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     android:paddingBottom="@dimen/activity_vertical_margin"  
  6.     android:paddingLeft="@dimen/activity_horizontal_margin"  
  7.     android:paddingRight="@dimen/activity_horizontal_margin"  
  8.     android:paddingTop="@dimen/activity_vertical_margin"  
  9.     tools:context=".MainActivity" >  
  10.   
  11. <fragment class="com.xys.fragmentdemo.TitleFragment"  
  12.     android:id="@+id/titles"  
  13.     android:layout_weight="1"  
  14.     android:layout_width="match_parent"  
  15.     android:layout_height="match_parent"  
  16.     />  
  17. <FrameLayout android:id="@+id/detials"  
  18.     android:layout_weight="1"  
  19.     android:layout_width="match_parent"  
  20.     android:layout_height="match_parent"  
  21.     android:background="@android:color/darker_gray"></FrameLayout>  
  22.   
  23. </LinearLayout >  


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

 

TitleFragment：

 

[java] view plaincopy
 
  1. package com.xys.fragmentdemo;  
  2. import android.app.Fragment;  
  3. import android.app.FragmentTransaction;  
  4. import android.app.ListFragment;  
  5. import android.os.Bundle;  
  6. import android.view.View;  
  7. import android.widget.ArrayAdapter;  
  8. import android.widget.ListView;  
  9.   
  10.   
  11. public class TitleFragment extends ListFragment {  
  12.   
  13.     public int currentChoosePosition=0;  
  14.     public int showChoosePosition=-1;  
  15.       
  16.     @Override  
  17.     public void onListItemClick(ListView l, View v, int position, long id) {  
  18.         // TODO Auto-generated method stub  
  19.         showDetials(position);  
  20.     }  
  21.   
  22.     @Override  
  23.     public void onActivityCreated(Bundle savedInstanceState) {  
  24.         // TODO Auto-generated method stub  
  25.         super.onActivityCreated(savedInstanceState);  
  26.         setListAdapter(new ArrayAdapter<String>(getActivity(), android.R.layout.simple_list_item_activated_1,Data.TitleData));  
  27.         if(savedInstanceState!=null){  
  28.             currentChoosePosition=savedInstanceState.getInt("currentChoose",0);  
  29.             showChoosePosition=savedInstanceState.getInt("showChoose",-1);  
  30.         }  
  31.         getListView().setChoiceMode(ListView.CHOICE_MODE_SINGLE);  
  32.     }  
  33.   
  34.     @Override  
  35.     public void onSaveInstanceState(Bundle outState) {  
  36.         // TODO Auto-generated method stub  
  37.         super.onSaveInstanceState(outState);  
  38.         outState.putInt("currentChoose", currentChoosePosition);  
  39.         outState.putInt("showChoose", showChoosePosition);  
  40.     }  
  41.       
  42.     public void showDetials(int index){  
  43.         currentChoosePosition=index;  
  44.         getListView().setItemChecked(index, true);  
  45.         if(showChoosePosition!=currentChoosePosition){  
  46.             //获取详情Fragment的实例  
  47.             DetialFragment df=DetialFragment.newInstance(index);  
  48.             //获取FragmentTransaction 实例  
  49.             FragmentTransaction ft=getFragmentManager().beginTransaction();  
  50.              //使用DetailsFragment 的实例  
  51.             ft.replace(R.id.detials, df);  
  52.             ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);  
  53.             ft.commit();  
  54.             showChoosePosition=index;  
  55.         }  
  56.     }  
  57.       
  58. }  


DetialFragment:

 

 

[java] view plaincopy
 
  1. package com.xys.fragmentdemo;  
  2.   
  3. import android.app.Fragment;  
  4. import android.content.res.TypedArray;  
  5. import android.os.Bundle;  
  6. import android.util.TypedValue;  
  7. import android.view.LayoutInflater;  
  8. import android.view.View;  
  9. import android.view.ViewGroup;  
  10. import android.widget.ScrollView;  
  11. import android.widget.TextView;  
  12.   
  13. //DetailsFragment 中使用newInstance(int index)方法产生DetailsFragment 实例并接受整型参数，重载了onCreateView方法创建view  
  14. public class DetialFragment extends Fragment {  
  15.   
  16.     public static DetialFragment newInstance(int index) {  
  17.         // TODO Auto-generated method stub  
  18.         DetialFragment df=new DetialFragment();  
  19.         Bundle bundle=new Bundle();  
  20.         bundle.putInt("index", index);  
  21.         df.setArguments(bundle);  
  22.         return df;  
  23.     }  
  24.   
  25.     @Override  
  26.     public View onCreateView(LayoutInflater inflater, ViewGroup container,  
  27.             Bundle savedInstanceState) {  
  28.         // TODO Auto-generated method stub  
  29.         if(container==null){  
  30.             return null;  
  31.         }  
  32.         ScrollView scrollView=new ScrollView(getActivity());  
  33.         TextView tv=new TextView(getActivity());  
  34.         int padding=(int)TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 4, getActivity().getResources().getDisplayMetrics());  
  35.         tv.setPadding(padding, padding, padding, padding);  
  36.         scrollView.addView(tv);  
  37.         tv.setText(Data.ContextData[getArguments().getInt("index",0)]);  
  38.         return scrollView;  
  39.     }  
  40.       
  41. }  


Data:

 

 

[java] view plaincopy
 
  1. package com.xys.fragmentdemo;  
  2.   
  3. public class Data {  
  4.     public static final String TitleData[]={"Title1","Title2","Title3","Title4","Title5"};  
  5.     public static final String ContextData[]={"Context1","Context2","Context3","Context4","Context5"};  
  6. }  


国际惯例 上效果图：

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： Android iOS 移动互联 终端开发

相关文章

随机文章

您可能还喜欢

您可能还喜欢