解决切换Fragment时布局重新实例化
作者 instanceof 关注
2015.12.30 17:25* 字数 628 阅读 7616评论 17喜欢 23
关于Fragment
在这简单说一下Fragment,Fragment是Android 3.0以后才出现的,是为了适应不同的手机屏幕、平板和电视机的屏幕的。另外还有一个重要的原因,因为Activity的创建到销毁需要费时费内存,大量的Activity之间的跳转会造成堆栈饱满,引发程序崩溃或者无响应。为了解决这个问题,Fragment就产生了。Fragment是通过Activity的FragmentManager管理的,并且一个Activity可以管理多个Fragment,有效的解决了大量Activity造成的堆栈饱满问题。现在几乎每一个安卓App里面都用到了Fragment。
动态添加Fragment
首先你要有一个Fragment的载体,我是用帧布局FrameLayout作为载体。
布局文件:
avtivity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.sonnyzoom.fragmentdemo.MainActivity">
<android.support.v7.widget.Toolbar
android:id="@+id/toolBar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="3"
android:background="#CEE"
android:orientation="vertical">
<Button
android:id="@+id/btn_one"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="one" />
<Button
android:id="@+id/btn_two"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="two" />
</LinearLayout>
<FrameLayout
android:id="@+id/content"
android:background="#EEE"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1" />
</LinearLayout>
</LinearLayout>
然后在Activity中:
FragmentManager fragmentManager=getSupportFragmentManager();
fragmentManager.beginTransaction().replace(R.id.content,new FragmentOne()).commit();
这样就可以把Fragment动态添加到布局里面了。我们看一下效果:
重新实例化.gif
大家有没有发现,原来的Fragment里的数据会随着Fragment的切换而丢失了,也就是切换Fragment后再切换回来的话,前一个Fragment会被重新实例化,当然界面的数据也没了。为什么呢?重点来了。
解决Fragment重新实例化
如果每切换一次就实例化一次的话,FragmentManager管理下的栈也会爆满,最终会导致手机卡顿,这很明显不是正确的Fragment使用姿势。正确的姿势是使用Fragment提供的事务FragmentTransaction,然后用add的方法,而不是每次都用replace。
获取FragmentTransaction对象:
FragmentTransaction ft=fragmentManager.beginTransaction();
然后判断一下Fragment对象是否为空,不为空的话就用ft的hide方法把Fragment隐藏起来。不然会出现布局重叠的情况。
public void hideFragment(FragmentTransaction ft){
//如果不为空,就先隐藏起来
if (oneFm!=null){
ft.hide(oneFm);
}
if(twoFm!=null) {
ft.hide(twoFm);
}
}
接着用ft的show方法将Fragment显示出来:
/**
* 如果Fragment为空,就新建一个实例
* 如果不为空,就将它从栈中显示出来
*/
if (oneFm==null){
oneFm=new FragmentOne();
ft.add(R.id.content,oneFm);
}else {
ft.show(oneFm);
}
好了,我们看一下效果:
解决重新实例化.gif
解决屏幕旋转会布局重叠
据反应上面的方法在屏幕旋转后会发生布局重叠现象,其实解决这个问题很简单,只需记录一下位置即可。
@Override
protected void onSaveInstanceState(Bundle outState) {
//屏幕旋转时记录位置
outState.putInt(POSITION, position);
}
@Override
protected void onRestoreInstanceState(Bundle savedInstanceState) {
//屏幕恢复时取出位置
showFragment(savedInstanceState.getInt(POSITION));
super.onRestoreInstanceState(savedInstanceState);
}
是不是完美解决了问题?下面贴出整个MainActivity的代码:
MainActivity.java
package com.sonnyzoom.fragmentdemo;
import android.os.Bundle;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.widget.Button;
public class MainActivity extends AppCompatActivity implements View.OnClickListener{
private Toolbar toolbar;
private Button btnOne,btnTwo;
public FragmentManager fragmentManager;
private FragmentOne oneFm;
private FragmentTwo twoFm;
public static final String POSITION = "position";
public static final int FRAGMENT_ONE=0;
public static final int FRAGMENT_TWO=1;
private int position;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
toolbar= (Toolbar) findViewById(R.id.toolBar);
setSupportActionBar(toolbar);
fragmentManager=getSupportFragmentManager();
showFragment(FRAGMENT_ONE);
btnOne= (Button) findViewById(R.id.btn_one);
btnTwo= (Button) findViewById(R.id.btn_two);
btnOne.setOnClickListener(this);
btnTwo.setOnClickListener(this);
}
@Override
protected void onSaveInstanceState(Bundle outState) {
//屏幕旋转时记录位置
outState.putInt(POSITION, position);
}
@Override
protected void onRestoreInstanceState(Bundle savedInstanceState) {
//屏幕恢复时取出位置
showFragment(savedInstanceState.getInt(POSITION));
super.onRestoreInstanceState(savedInstanceState);
}
@Override
public void onClick(View v) {
switch (v.getId()){
case R.id.btn_one:
showFragment(FRAGMENT_ONE);
break;
case R.id.btn_two:
showFragment(FRAGMENT_TWO);
break;
}
}
public void showFragment(int index){
FragmentTransaction ft=fragmentManager.beginTransaction();
hideFragment(ft);
//注意这里设置位置
position = index;
switch (index){
case FRAGMENT_ONE:
toolbar.setTitle("One");
/**
* 如果Fragment为空,就新建一个实例
* 如果不为空,就将它从栈中显示出来
*/
if (oneFm==null){
oneFm=new FragmentOne();
ft.add(R.id.content,oneFm);
}else {
ft.show(oneFm);
}
break;
case FRAGMENT_TWO:
toolbar.setTitle("Two");
if (twoFm==null){
twoFm=new FragmentTwo();
ft.add(R.id.content,twoFm);
}else {
ft.show(twoFm);
}
break;
}
ft.commit();
}
public void hideFragment(FragmentTransaction ft){
//如果不为空,就先隐藏起来
if (oneFm!=null){
ft.hide(oneFm);
}
if(twoFm!=null) {
ft.hide(twoFm);
}
}
}