Android UI详解之Fragment实例详解
jopen
11年前
上一篇我们讲解了Fragment的加载方式,这次我们以一个实例来讲解:
布局:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity" > <fragment class="com.xys.fragmentdemo.TitleFragment" android:id="@+id/titles" android:layout_weight="1" android:layout_width="match_parent" android:layout_height="match_parent" /> <FrameLayout android:id="@+id/detials" android:layout_weight="1" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@android:color/darker_gray"></FrameLayout> </LinearLayout >
以上布局文件中使用了fragment标签和FrameLayout标签。Android Fragment使用 中介绍了2中嵌入Fragment的方法,这个实例中都用到,从布局文件看到有了fragment标签,这是一种使用方法,FrameLayout标签将会成为第二种加载fragment的载体view。
TitleFragment:
package com.xys.fragmentdemo; import android.app.Fragment; import android.app.FragmentTransaction; import android.app.ListFragment; import android.os.Bundle; import android.view.View; import android.widget.ArrayAdapter; import android.widget.ListView; public class TitleFragment extends ListFragment { public int currentChoosePosition=0; public int showChoosePosition=-1; @Override public void onListItemClick(ListView l, View v, int position, long id) { // TODO Auto-generated method stub showDetials(position); } @Override public void onActivityCreated(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onActivityCreated(savedInstanceState); setListAdapter(new ArrayAdapter<String>(getActivity(), android.R.layout.simple_list_item_activated_1,Data.TitleData)); if(savedInstanceState!=null){ currentChoosePosition=savedInstanceState.getInt("currentChoose",0); showChoosePosition=savedInstanceState.getInt("showChoose",-1); } getListView().setChoiceMode(ListView.CHOICE_MODE_SINGLE); } @Override public void onSaveInstanceState(Bundle outState) { // TODO Auto-generated method stub super.onSaveInstanceState(outState); outState.putInt("currentChoose", currentChoosePosition); outState.putInt("showChoose", showChoosePosition); } public void showDetials(int index){ currentChoosePosition=index; getListView().setItemChecked(index, true); if(showChoosePosition!=currentChoosePosition){ //获取详情Fragment的实例 DetialFragment df=DetialFragment.newInstance(index); //获取FragmentTransaction 实例 FragmentTransaction ft=getFragmentManager().beginTransaction(); //使用DetailsFragment 的实例 ft.replace(R.id.detials, df); ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE); ft.commit(); showChoosePosition=index; } } }
DetialFragment:
package com.xys.fragmentdemo; import android.app.Fragment; import android.content.res.TypedArray; import android.os.Bundle; import android.util.TypedValue; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ScrollView; import android.widget.TextView; //DetailsFragment 中使用newInstance(int index)方法产生DetailsFragment 实例并接受整型参数,重载了onCreateView方法创建view public class DetialFragment extends Fragment { public static DetialFragment newInstance(int index) { // TODO Auto-generated method stub DetialFragment df=new DetialFragment(); Bundle bundle=new Bundle(); bundle.putInt("index", index); df.setArguments(bundle); return df; } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // TODO Auto-generated method stub if(container==null){ return null; } ScrollView scrollView=new ScrollView(getActivity()); TextView tv=new TextView(getActivity()); int padding=(int)TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 4, getActivity().getResources().getDisplayMetrics()); tv.setPadding(padding, padding, padding, padding); scrollView.addView(tv); tv.setText(Data.ContextData[getArguments().getInt("index",0)]); return scrollView; } }
Data:
package com.xys.fragmentdemo; public class Data { public static final String TitleData[]={"Title1","Title2","Title3","Title4","Title5"}; public static final String ContextData[]={"Context1","Context2","Context3","Context4","Context5"}; }
国际惯例 上效果图: