《Android 教你簡(jiǎn)單封裝多Fragment切換》
轉(zhuǎn)載請(qǐng)注明來(lái)自 傻小孩b_移動(dòng)開(kāi)發(fā)
(http://www.reibang.com/users/d388bcf9c4d3)
喜歡的可以關(guān)注我哮翘,不定期總結(jié)文章监嗜!您的支持是我的動(dòng)力哈嫉柴!
一、應(yīng)用場(chǎng)景
viewpager+Fragment實(shí)現(xiàn)頁(yè)面切換翔横。在日常的應(yīng)用首頁(yè)癞谒、廣告輪播、歡迎頁(yè)鳖粟、圖片切換等等應(yīng)用上社裆,非常廣泛、非常廣泛(真的非常廣泛哈)向图。前期剛好也寫(xiě)了一篇在多Fragment也面切換的時(shí)候也許會(huì)出現(xiàn)getActivity()為null的情況泳秀,有需要的的讀者可以看下《Android 那些年标沪,處理getActivity()為null的日子》。
對(duì)于多頁(yè)面切換嗜傅,比較常見(jiàn)程序猿的寫(xiě)法是金句,舉個(gè)例子:
(1)初始化Fragment
Tab1Fragment tab1Fragment = new Tab1Fragment();
Tab2Fragment tab2Fragment = new Tab2Fragment();
Tab3Fragment tab3Fragment = new Tab3Fragment();
(2)將Fragment存儲(chǔ)在List后,初始化ViewPager適配器
fragmentList.add(tab1Fragment);
fragmentList.add(tab2Fragment);
fragmentList.add(tab3Fragment);
viewAdapter = new MainPagerAdapter(getSupportFragmentManager(),fragmentList,titleList);
viewPager.setAdapter(viewAdapter);
viewPager.setCurrentItem(0);//默認(rèn)選中第一個(gè)
(3)通過(guò)實(shí)現(xiàn)setOnPageChangeListener接口吕嘀,實(shí)現(xiàn)切換監(jiān)聽(tīng)
viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
二违寞、應(yīng)用ing->代碼解說(shuō)
事不宜遲,代碼直接解說(shuō):
(1)定義一個(gè)存儲(chǔ)Fragment實(shí)體類(lèi)
/**
* ViewPageInformation
*/
public static class ViewPageInfo {
public String tag;
public View view;
public Fragment fragment;
public ViewPageInfo(String tag, Fragment fragment){
this.tag = tag;
this.fragment = fragment;
}
}
其中tag用于Fragment標(biāo)識(shí)偶房,可以作為標(biāo)題坞靶,看各位程序猿怎么定義。view指的是Fragment綁定的視圖蝴悉。fragment就不用多說(shuō)啦哈彰阴。
(2)定義一個(gè)基類(lèi)BaseTabFragment,適用于多Fragment切換的場(chǎng)景拍冠。
/**
* 應(yīng)用在需要多個(gè)fragment場(chǎng)景,ViewPager作為存儲(chǔ)容器 viewpager依賴(lài)父類(lèi)
* Created by wsy on 2016/8/15.
*/
public abstract class BaseTabFragment extends BaseFragment{
private ViewPager viewPager;
private List<ViewPageInfo> fragList;
protected FragmentStatePagerAdapter mAdapter;
@Override
public void onViewCreated(View view, Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
viewPager = (ViewPager) view.findViewById(R.id.viewpager);
if (mAdapter == null){
fragList = new ArrayList<>();
addSubViewTab();
mAdapter = new FragmentStatePagerAdapter(getFragmentManager()) {
@Override
public Fragment getItem(int position) {
return fragList.get(position).fragment;
}
@Override
public int getCount() {
return fragList.size();
}
@Override
public CharSequence getPageTitle(int position) {
return fragList.get(position).tag;
}
};
if (viewPager !=null) {
viewPager.setAdapter(mAdapter);
loadFinishView(viewPager, mAdapter);
}
}else{
if (viewPager !=null) {
viewPager.setAdapter(mAdapter);
loadFinishView(viewPager, mAdapter);
}
}
}
public FragmentStatePagerAdapter getmAdapter() {
return mAdapter;
}
public abstract void addSubViewTab();
public abstract void loadFinishView(ViewPager viewPager,FragmentStatePagerAdapter mAdapter);
public void addTab(String tag, Class<? extends Fragment> fragment){
fragList.add(new ViewPageInfo(tag, Fragment.instantiate(getActivity(), fragment.getName())));
}
/**
* ViewPageInformation
*/
public static class ViewPageInfo {
public String tag;
public View view;
public Fragment fragment;
public ViewPageInfo(String tag, Fragment fragment){
this.tag = tag;
this.fragment = fragment;
}
}
}
首先覺(jué)得切換視圖是什么由繼承于這個(gè)父類(lèi)的子類(lèi)所有決定尿这,這里抽象了** addSubViewTab 和 loadFinishView** 兩個(gè)方法出來(lái)由子類(lèi)去實(shí)現(xiàn),** addSubViewTab** 主要用于子類(lèi)決定初始化什么Fragment視圖庆杜,** loadFinishView** 是在加載好Fragment視圖后具體要干什么(比如ViewPager配置射众、Fragment視圖操作等等)。因?yàn)檫@個(gè)代碼是筆者配合tabLayout所抽象出來(lái)的一個(gè)父類(lèi)晃财。當(dāng)然翘魄,在日常開(kāi)發(fā)中,程序猿們可以將BaseFragment換成自己的基類(lèi)Fragment轧叽。
(3)怎么使用肛跌?
使用很簡(jiǎn)單,在初始化這個(gè)Fragment的時(shí)候钢猛,實(shí)現(xiàn)addSubViewTab抽象方法即可伙菜,具體如下:
mainTabFragment = new MainTabFragment() {
@Override
public void addSubViewTab() {
//初始化視圖 調(diào)用addTab
addTab("標(biāo)題1",Tab1Fragment.class);
addTab("標(biāo)題2",Tab2Fragment.class);
addTab("標(biāo)題3",Tab3Fragment.class);
}
@Override
public void loadFinishView(ViewPager viewPager, FragmentStatePagerAdapter mAdapter) {
mViewPager = viewPager;
//加載好視圖啦,想做什么做什么命迈,都返回給你啦
}
};
getSupportFragmentManager().beginTransaction().add(R.id.test_contanter,mainTabFragment).commit();
三贩绕、應(yīng)用ed->實(shí)現(xiàn)效果
這里筆者實(shí)現(xiàn)了一個(gè)啟動(dòng)歡迎界面,并且加入了筆者個(gè)人上線應(yīng)用 愛(ài)游記(歡迎吐槽使用壶愤,報(bào)bug哈哈淑倾,會(huì)用一兩個(gè)月時(shí)間改版,到時(shí)候開(kāi)源~)
運(yùn)行效果如下:
四征椒、總結(jié)
打下預(yù)告娇哆,最近一直在看Retrofit2.0,后面想寫(xiě)幾篇關(guān)于Retrofit2.0的文章。好幾天沒(méi)總結(jié)筆記T T迂尝。今天大概講了簡(jiǎn)單封裝多Fragment切換脱茉,希望可以幫助各位讀者~共勉!有什么問(wèn)題意見(jiàn)也盡管提哈垄开!
源碼地址:
Android 教你簡(jiǎn)單封裝多Fragment切換
傻小孩b mark
共勉琴许,寫(xiě)給在成長(zhǎng)路上奮斗的你
喜歡就為我點(diǎn)下喜歡吧:-D,感謝各位讀者閱讀溉躲。