Fragment的总结

最新推荐文章于 2015-06-21 15:15:05 发布

u010852801

最新推荐文章于 2015-06-21 15:15:05 发布

阅读量848

点赞数

分类专栏： Android 文章标签： Fragment ViewPager

本文链接：https://blog.csdn.net/u010852801/article/details/44179125

版权

Android 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

为什么会引入Fragment呢？考虑一下这种需求：一个列表明细类应用，包括列表界面和详情界面，当我们点击列表中某一项时，可以跳转到指定的详细界面，还可以左右滑动来切换不同的详情界面。在平板电脑上的横屏下，左侧是列表界面，右侧是详情界面，当点击某一列表项，右侧的详情界面会跳转到指定界面。

Activtiy无法满足上面UI的灵活使用要求，即使Activity可以动态改变界面，但是Activity还是牢牢的与特定的用户屏幕绑定的。而将Fragment托管Activity中，可以在运行时使用多个Fragment灵活的组装界面，而且也使得Activity中的代码不至于过于臃肿。

将Fragment添加到Activity中的方法有两种：

1.在Activity的layout布局指定Fragment，这种方法也就失去Fragment灵活性的特点。

2.运行时动态添加Fragment。

先介绍第一种简单的方法：

1.Activity继承自FragmentActivity。

public class MainActivity extends FragmentActivity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
	}
}

2.在布局文件layout中指定Fragment的类（android:name属性）。

<RelativeLayout 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">
    
    <fragment
        android:id="@+id/main_fragment"
        android:name="com.example.testfragment.MyFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</RelativeLayout>

3.创建Fragment的子类，其布局在onCrearView(...)中实现。

public class MyFragment extends Fragment {
	
	@Override
	public void onCreate(Bundle savedInstanceState){
		super.onCreate(savedInstanceState);
	}
	
	@Override
	public View onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState){
		View v=inflater.inflate(R.layout.fragment_layout, container, true);
		return v;
	}
}

我们更多的是动态添加Fragment的，因为这样可以创建更灵活的界面。

1.在Activity的布局文件中为Fragment预留位置,id=fragment_container。

<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:orientation="vertical">
    <LinearLayout
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    </LinearLayout>
</LinearLayout>

2.创建fragment，代码与第一种方法相同，唯一不一样的是：

View v=inflater.inflate(R.layout.fragment_layout, container, false);第三个参数为false，因为我们动态添加给Activity，不需要attach To container。

3.代码中添加fragment。

FragmentManager fm=getSupportFragmentManager();
Fragment fragment=fm.findFragmentById(R.id.fragment_container);
if(fragment==null){
	fragment=new MyFragment();
	fm.beginTransaction().add(R.id.fragment_container, fragment).commit();
}

这样fragment的基础用法就完成了，下面来实现左右滑动切换Fragment。

我们可以使用Fragment的容器如ViewPager来实现左右滑动切换。步骤如下：

1.布局文件中定义ViewPager(android.support.v4.view.ViewPager完整的名字才有效)

<RelativeLayout 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.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</RelativeLayout>

2.创建Fragment的子类和ViewPager的Adapter，ViewPager的Adapter有两种FragmentStatePagerAdapter和FragmentPagerAdapter，区别就在于前者会销毁不需要的Fragment,在销毁Fragment时，会在onSavedInstanceState(Bundle)中保存值。而后者会调用事务的detach(Fragment)保留Fragment,而非remove(Fragment)。

class ViewPagerAdapter extends FragmentStatePagerAdapter{
		
		public ViewPagerAdapter(FragmentManager fm) {
			super(fm);				
		}

		@Override
		public Fragment getItem(int arg0) {
			return <span style="font-family: Arial, Helvetica, sans-serif;">new MyFragment(</span><span style="font-family: Arial, Helvetica, sans-serif;">arg0</span><span style="font-family: Arial, Helvetica, sans-serif;">)</span><span style="font-family: Arial, Helvetica, sans-serif;">;</span><span style="font-family: Arial, Helvetica, sans-serif;">
</span>		}

		@Override
		public int getCount() {
			return list.size();
		}
		
	}
public class MyFragment extends Fragment{
	
	public int mIndex;
	public TextView text;
	
	public MyFragment(int index){
		mIndex=index;
	}
	
	@Override
	public View onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState){
		View v=inflater.inflate(R.layout.fragmeng_layout, container, false);
		text=(TextView)v.findViewById(R.id.text);
		text.setText(String.valueOf(mIndex));
		return v;
	}
}

3.将ViewPager与Aadpter关联起来。

protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		mViewPager=(ViewPager)findViewById(R.id.viewpager);
		FragmentManager fm=this.getSupportFragmentManager();
		mViewPager.setAdapter(new ViewPagerAdapter(fm));
	}

管理Fragments

管理Fragments是通过FragmentManager的。我们可以在activtiy中调用getFragmentMahager()获得。使用FragmentManager可以做下面事情：

1.使用findFragmentById()或findFragmentByTag()获得activity中存在的有或没有界面的Fragment.

2.使用popBackStack()从后台栈弹出fragment。

3.使用addOnBackStackChangedListener()注册一个监听后台栈变化的监听器。

我们在activity中使用fragment的一大特点就是具有添加，删除，替换和执行其它动作的能力，以响应用户的互动。提交给activity的每一系列变化被称为事务，可以使用FragmentTransaction中的APIs处理。

例如：将ExampleFragment添加到Activity中指定位置(R.id.fragment_container)。
FragmentManager manager=getFragmentManager();
FragmentTransaction fragmentTransaction=manager.beginTransaction();
ExampleFragment fragment=new ExampleFragment();
fragmentTransaction.add(R.id.fragment_container,fragment);
fragmentTransaction.commit();

每项事务是同一时间内要执行的一系列的变更。上面这个事务中要执行的变化是add,然后用commit()将事务提交给了activity。我们也可以将事务添加到fragment事务后台栈中，这个事务后台栈是有activity保管的，允许用户通过BACK键回退到前一个fragment状态。
比如说：

Fragment fragment=new ExampleFragment();
FragmentTransaction transaction=getFragmentManager().beginTransaction();
transaction.replace(R.id.fragment_container,fragment);
transaction.addToBackStack(null);
transaction.commit();

这样将Fragment替换了当前在布局容器中用R.id.fragment_container标识的所有的fragment（如果有的话），替代的事务被保存在后台栈中，因此用户可以回退该事务，可通过按BACK键还原之前的fragment。假如我们使用事务删除了一个Fragment呢，如果我们没有在事务中将该事务添加到事务后台栈中，那么commit事务后该fragment就被删除了，无法恢复了。如果事务中remove后，又addToBackStack了，那个在事务提交后，也就是删除了fragment后可以通过BACK回退到之前删除的那个fragment。

本人是一个知乎的爱好者，非常喜欢的它的操作体验：在一个页面中点击按钮后会弹出另一个页面，再点击该页面下的按钮后新出现的页面会覆盖当前页面，可以通过back回退或者左侧滑动来返回到上一个页面。

下面我就通过fragment的事务后台栈来实现它。

public class MainActivity extends FragmentActivity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		FragmentManager manager=this.getSupportFragmentManager();
		FragmentTransaction transaction=manager.beginTransaction();
		Fragment fragment=MyFragment.newInstance(1);
		transaction.add(R.id.fragment_container, fragment);
		//第一个就不要添加到事务后台栈中了，不然的话BACK会回退到空白界面
		//transaction.addToBackStack(null);
		transaction.commit();
	}
	
	class MyLinearLayout extends LinearLayout{
		public MyLinearLayout(Context context) {
			super(context);
		}
		public MyLinearLayout(Context context, AttributeSet attrs) {
			super(context, attrs);
		}
		@Override
		public boolean onInterceptTouchEvent(MotionEvent ev){
			return false;
		}
		@Override
		public boolean onTouchEvent(MotionEvent ev){
			return false;
		}
	}
	
	public static class MyFragment extends Fragment {
		public TextView text;
		public Button button;
		public int index;
		public static Fragment newInstance(int i){
			Fragment fragment=new MyFragment();
			Bundle bundle=new Bundle();
			bundle.putInt("MY_INT", i);
			fragment.setArguments(bundle);
			return fragment;
		}
		@Override
		public void onCreate(Bundle savedInstanceState){
			super.onCreate(savedInstanceState);
		}
		@Override
		public View onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState){
			
			View v=inflater.inflate(R.layout.fragment_layout, container,false);
			text=(TextView)v.findViewById(R.id.text);
			index=getArguments().getInt("MY_INT", 0);
			if(index!=0){
				text.setText("这是第"+String.valueOf(index)+"页");
			}
			button=(Button)v.findViewById(R.id.button);
			button.setOnClickListener(new OnClickListener(){
				@Override
				public void onClick(View v) {
					Fragment fragment=MyFragment.newInstance(index+1);
					FragmentManager manager=getActivity().getSupportFragmentManager();
					FragmentTransaction transaction=manager.beginTransaction();
					transaction.replace(R.id.fragment_container, fragment);
					transaction.addToBackStack(null);
					transaction.commit();
				}});
			return v;
		}
		@Override
		public void onPause(){
			super.onPause();
		}
	}
}

activtiy_main.xml文件：

<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:orientation="vertical"
    android:gravity="center">
    
    <com.example.testbackstack.MyLinearLayout
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"/>
        
</LinearLayout>

fragment_layout.xml文件：

<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:orientation="vertical"
    android:gravity="center">

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是第一页！" />
    
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="new fragment"/>

</LinearLayout>

以上只是完成了，点击按钮后新建的fragment会覆盖当前的fragment，并添加到事务后台栈中，通过BACK键可以恢复到上一层fragment中，至于向左侧滑动删除当前fragment复原之前的fragment由于涉及到触摸事件机制，我打算在另一篇博客中实现该效果。

u010852801

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Fragment的总结

为什么会引入Fragment呢？考虑一下这种需求：一个列表明细类应用，包括列表界面和详情界面，当我们点击列表中某一项时，可以跳转到指定的详细界面，还可以左右滑动来切换不同的详情界面。在平板电脑上的横屏下，左侧是列表界面，右侧是详情界面，当点击某一列表项，右侧的详情界面会跳转到指定界面。Activtiy无法满足上面UI的灵活使用要求，即使Activity可以动态改变界面，但是Activity还是
复制链接

扫一扫

专栏目录