Fragment設計初衷是爲了簡化不同屏幕分辨率的開發難度,他將代表一個功能的UI及其相關數據看做一個模塊,以便達到複用。可以將Fragment看作是一個可以嵌入佈局中的activity,有自己的生命週期。比如我現在在手機上有activityA和activityB,但是在平板上有更大的空間,可以將activityA和activityB的功能展示在同一個界面中,如果沒有Fragment我們就無法在不改變代碼的情況下將activityA和activityB的功能放在一起。
FragmentManager fragmentManager = getFragmentManager()
FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
ExampleFragment fragment = new ExampleFragment();
fragmentTransaction.add(R.id.fragment_container, fragment);
fragmentTransaction.commit();
R.id.fragment_container是fragment要嵌入的佈局控件id。當我想在另外的地方也嵌套一個ExampleFragment時,可以做同樣的操作就能將UI拷貝一份,如果我們是想在R.id.fragment_container這個控件裏面顯示另外一個Fragment我們還可以用fragmentTransaction.replace(R.id.fragment_container, fragment2)來替換之前的fragment。由於可以在同一個地方動態的顯示不同的UI,因此Fragment很適合拿來做如下的界面效果:
上面的界面是百度雲app的效果,每點擊一個tab就切換成一個界面,我們可以很容易想到實現的原理就是點擊一個tab 調fragmentTransaction.replace來替換成新的Fragment。
但是頻繁切換Fragment會導致頻繁的釋放和創建,如果Fragment比較臃腫或者需要從網絡加載數據這樣就非常不好了。replace方法是導致切換時重新創建Fragment的元兇,顯然我們希望的是使用Fragment, 但是被替代的Fragment不要釋放,以便下次切換回來直接就顯示。
我們知道ViewPager其實有個FragmentPagerAdapter, FragmentPagerAdapter不光可以用在ViewPager中,還可以用來作爲Fragment的切換提供器,其實ViewPager中他的作用也是如此。FragmentPagerAdapter可以將很多個Fragment保存起來以供取出,並且封裝了取出的接口,其實還是通過FragmentTransaction來實現的。
我可以這樣來實現百度雲的效果,如何從FragmentPagerAdapter中取出fragment參考了ViewPager的源碼:
package com.nmbb.sample.fragmentswitch;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentPagerAdapter;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.CompoundButton;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.FrameLayout;
import android.widget.RadioButton;
public class MainActivity extends FragmentActivity implements
OnCheckedChangeListener, OnClickListener {
private RadioButton mTab1;
private RadioButton mTab2;
private RadioButton mTab3;
private RadioButton mTab4;
private RadioButton mTab5;
private FrameLayout mContainer;
public CompoundButton currentButtonView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mTab1 = (RadioButton) findViewById(R.id.radio_button0);
mTab2 = (RadioButton) findViewById(R.id.radio_button1);
mTab3 = (RadioButton) findViewById(R.id.radio_button2);
mTab4 = (RadioButton) findViewById(R.id.radio_button3);
mTab5 = (RadioButton) findViewById(R.id.radio_button4);
mContainer = (FrameLayout) findViewById(R.id.container);
mTab1.setOnCheckedChangeListener(this);
mTab2.setOnCheckedChangeListener(this);
mTab3.setOnCheckedChangeListener(this);
mTab4.setOnCheckedChangeListener(this);
mTab5.setOnCheckedChangeListener(this);
mTab1.setOnClickListener(this);
mTab2.setOnClickListener(this);
mTab3.setOnClickListener(this);
mTab4.setOnClickListener(this);
mTab5.setOnClickListener(this);
mTab1.performClick();
}
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if (isChecked) {
Fragment fragment = (Fragment) mFragmentPagerAdapter
.instantiateItem(mContainer, buttonView.getId());
mFragmentPagerAdapter.setPrimaryItem(mContainer, 0, fragment);
mFragmentPagerAdapter.finishUpdate(mContainer);
}
}
private FragmentPagerAdapter mFragmentPagerAdapter = new FragmentPagerAdapter(
getSupportFragmentManager()) {
@Override
public Fragment getItem(int position) {
switch (position) {
case R.id.radio_button1:
return FragmentTest.instantiation(2);
case R.id.radio_button2:
return FragmentTest.instantiation(3);
case R.id.radio_button3:
return FragmentTest.instantiation(4);
case R.id.radio_button4:
return FragmentTest.instantiation(5);
case R.id.radio_button0:
default:
return FragmentTest.instantiation(1);
}
}
@Override
public int getCount() {
return 5;
}
};
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
}
}
instantiateItem從FragmentManager中查找Fragment,找不到就getItem新建一個,setPrimaryItem設置隱藏和顯示,最後finishUpdate提交事務。
mContainer就是xml中的FrameLayout。
FragmentTest的代碼如下:
package com.nmbb.sample.fragmentswitch;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
public class FragmentTest extends Fragment {
public static FragmentTest instantiation(int position) {
FragmentTest fragment = new FragmentTest();
Bundle args = new Bundle();
args.putInt("position", position);
fragment.setArguments(args);
return fragment;
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
return inflater.inflate(R.layout.fragment_test, container, false);
}
@Override
public void onViewCreated(View view, Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
TextView text1 = (TextView) view.findViewById(android.R.id.text1);
text1.setText("Fragment " + getArguments().getInt("position", 1));
}
@Override
public void setMenuVisibility(boolean menuVisible) {
super.setMenuVisibility(menuVisible);
if (this.getView() != null)
this.getView().setVisibility(menuVisible ? View.VISIBLE : View.GONE);
}
}
其中,下面的代碼很關鍵,沒有下面的代碼會出現切換tab的時候重影現象:
@Override
public void setMenuVisibility(boolean menuVisible) {
super.setMenuVisibility(menuVisible);
if (this.getView() != null)
this.getView().setVisibility(menuVisible ? View.VISIBLE : View.GONE);
}