本文實(shí)例講述了Android開發(fā)使用Activity嵌套多個(gè)Fragment實(shí)現(xiàn)橫豎屏切換功能的方法。分享給大家供大家參考,具體如下:
一、上圖


二、需求
近期項(xiàng)目遇到個(gè)橫豎屏切換的問題,較為復(fù)雜,在此記之。
1、Activity中豎屏嵌套3個(gè)Fragment,本文簡(jiǎn)稱豎屏FP1,FP2,FP3。
2、其中豎屏FP1與FP2可以切換為橫屏的FL1,FL2,即豎屏FP1切換到對(duì)應(yīng)的橫屏FL1,豎屏FP2對(duì)應(yīng)切換到橫屏FL2。
3、FP3不允許橫豎屏切換。
4、豎屏FP1,FP2,FP3用ViewPager實(shí)現(xiàn)左右滑動(dòng)切換。
5、橫屏的FL1,FL2用布局中的切換按扭實(shí)現(xiàn)左右切換,不允許滑動(dòng)切換。
看到這需求有點(diǎn)兒暈菜了吧!!!呵呵!!!
(一)先說說我走過的彎路,將橫豎屏切換在一個(gè)Activity中實(shí)現(xiàn)。
(1)、在一個(gè)Activity中實(shí)現(xiàn)橫豎屏切換難在什么地方呢?主要是橫豎屏切換,Activity有它自己的生命周期、Fragment也有它的生命周期,而且Activity的生命周期左右著Fragment的生命周期。最復(fù)雜的地方是,首次橫豎屏切換時(shí),Activity的onDestory()方法會(huì)執(zhí)行,在執(zhí)行此方法之前,F(xiàn)ragment的onDestoryView()首先會(huì)獲得執(zhí)行,接著會(huì)執(zhí)行onCreateView()方法。而首次切換到橫屏?xí)r,Activity的onCreate()方法會(huì)執(zhí)行,接著橫屏FL1的onCreateView()方法又會(huì)執(zhí)行,這樣的話,F(xiàn)ragment的布局就會(huì)發(fā)生覆蓋。(這是我在做的時(shí)候發(fā)現(xiàn)的問題,不知道其他人是否遇到)。
(2)、在一個(gè)Activity中橫豎屏切換,豎屏布局與橫屏布局不一樣,本文示例豎屏為Activity中嵌套3個(gè)Fragment,橫屏嵌套2個(gè)Fragment,首先會(huì)有很多頁面狀態(tài)需要記錄,其次就是Activity與Fragment的生命周期關(guān)系問題,確實(shí)挺復(fù)雜,控制這里面的狀態(tài),只有做過的人才知道有多苦。
(二)可取的辦法,將橫豎屏切換在兩個(gè)Activity中實(shí)現(xiàn)
三、解決問題思路
1、首先當(dāng)然是要讓兩個(gè)Activity能夠橫豎切,這里首先需要在AndroidManifest.xml中配置兩個(gè)Activity能夠橫豎切換,配置如下:
<activity android:name=".ActivityPort" android:configChanges="orientation|keyboardHidden|screenSize" android:label="@string/app_name" android:windowSoftInputMode="stateAlwaysHidden|adjustPan" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter></activity><activity android:name=".ActivityLand" android:configChanges="orientation|keyboardHidden|screenSize" android:label="@string/app_name" android:windowSoftInputMode="stateAlwaysHidden|adjustPan" />
2、豎屏Activity的切換到橫屏Activity的時(shí)候,通過Intent跳轉(zhuǎn)到橫屏的Activity,然后將當(dāng)前Activity給finish()掉。反之也是一樣的邏輯。那么現(xiàn)在面臨的一個(gè)問題是什么,這個(gè)跳轉(zhuǎn)寫在什么地方,寫在onDestory()方法中顯然是不合適的,因?yàn)檫@個(gè)方法在橫豎切的時(shí)候會(huì)始終執(zhí)行,當(dāng)你在按回退鍵返回到上一個(gè)頁面時(shí),同樣會(huì)執(zhí)行這個(gè)方法,這樣跳轉(zhuǎn)的話,就會(huì)死循環(huán),會(huì)總是打開頁面。這時(shí)候就想到了Activity的onConfigurationChanged()方法。Google官網(wǎng)說橫豎屏切換不希望大家用這個(gè)方法實(shí)現(xiàn)橫豎屏切換,但是遇到了這樣怪異的需求,不得不使用。上代碼:
@Overridepublic void onConfigurationChanged(Configuration newConfig) { super.onConfigurationChanged(newConfig); ActivityLand.showActivityLand(this); finish();}3、在兩個(gè)Activity中實(shí)現(xiàn)橫豎切換之后,換來一個(gè)好處,F(xiàn)ragment的生命周期我們非常好控制,里面的邏輯想怎么寫就怎么寫,而且切換過來之后,布局也會(huì)自動(dòng)去加載橫屏的布局。(相信大家明白我的意思)。
4、切換到對(duì)應(yīng)的Fragment,主要是借助于緩存,記錄頁面狀態(tài)。詳見源碼。
5、上主要代碼:
(1)豎屏Activity的主要邏輯
package com.example.screenswitch;import java.util.ArrayList;import java.util.List;import android.app.Activity;import android.content.Intent;import android.content.pm.ActivityInfo;import android.content.res.Configuration;import android.os.Bundle;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentActivity;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentTransaction;import android.support.v4.view.ViewPager;import android.view.KeyEvent;import com.example.screenswitch.adapter.ChartFragmentPagerAdapter;import com.example.screenswitch.application.DataCache;import com.example.screenswitch.fragments.Fragment1;import com.example.screenswitch.fragments.Fragment2;import com.example.screenswitch.fragments.Fragment3;public class ActivityPort extends FragmentActivity { private static final String TAG = "ActivityPort"; /**頁面類型-豎屏1**/ public static final int PORT_PAGE_1 = 1; /**頁面類型-豎屏2**/ public static final int PORT_PAGE_2 = 2; /**頁面類型-豎屏3**/ public static final int PORT_PAGE_3 = 3; private ViewPager vpChartPage; private Fragment1 fragment1; private Fragment2 fragment2; private Fragment3 fragment3; /**豎屏FragmentManager**/ private FragmentManager portfragmentManager; /**fragmentTransaction**/ private FragmentTransaction mFragmentTransaction; /**Fragment集合**/ private List<Fragment> mFragmentList; /**分時(shí)、K線、明細(xì)界面適配器**/ private ChartFragmentPagerAdapter mPagerAdapter; /**屏幕方向 默認(rèn)指定為豎屏**/ private int mScreenOrientation = Configuration.ORIENTATION_PORTRAIT; /**當(dāng)前Fragment**/ private Fragment mCurentFragment; public static void showActivityPort(Activity activity){ Intent intent = new Intent(activity,ActivityPort.class); activity.startActivity(intent); } @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.layout_main); mScreenOrientation = getResources().getConfiguration().orientation; portfragmentManager = getSupportFragmentManager(); mFragmentTransaction = portfragmentManager.beginTransaction(); switch (mScreenOrientation) { case Configuration.ORIENTATION_PORTRAIT:// 豎屏 分時(shí) K線 findPortViews(); initPortCtrl(); break; } } private void findPortViews(){ vpChartPage = (ViewPager) findViewById(R.id.vp_chart_page); vpChartPage.setOnPageChangeListener(new ChartPageChangeListener()); } private void initPortCtrl(){ fragment1 = new Fragment1(); fragment2 = new Fragment2(); fragment3 = new Fragment3(); mFragmentList = new ArrayList<Fragment>(); mFragmentList.add(fragment1); mFragmentList.add(fragment2); mFragmentList.add(fragment3); mCurentFragment = fragment1; mPagerAdapter = new ChartFragmentPagerAdapter(portfragmentManager,mFragmentList); vpChartPage.setAdapter(mPagerAdapter); //橫1對(duì)豎1 橫2對(duì)豎2 完成對(duì)應(yīng)頁的橫豎切換 if(getPageType() == PORT_PAGE_1 || getPageType() == ActivityLand.LAND_PAGE_1){ setPageType(PORT_PAGE_1); vpChartPage.setCurrentItem(0); }else if(getPageType() == PORT_PAGE_2 || getPageType() == ActivityLand.LAND_PAGE_2){ setPageType(PORT_PAGE_2); vpChartPage.setCurrentItem(1); } } /**分時(shí)、K線、明細(xì)豎屏界面切換**/ class ChartPageChangeListener implements ViewPager.OnPageChangeListener { @Override public void onPageScrollStateChanged(int i) { } @Override public void onPageScrolled(int i, float v, int i2) { } @Override public void onPageSelected(int i) { //設(shè)置界面指示器 switch (i) { case 0: mCurentFragment = fragment1; setPageType(PORT_PAGE_1); break; case 1: setPageType(PORT_PAGE_2); mCurentFragment = fragment2; setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_SENSOR);//設(shè)置可以橫豎切換 break; case 2: setPageType(PORT_PAGE_3); mCurentFragment = fragment3; setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);//禁止屏幕旋轉(zhuǎn) break; } } } @Override public void onConfigurationChanged(Configuration newConfig) { super.onConfigurationChanged(newConfig); ActivityLand.showActivityLand(this); finish(); } @Override protected void onDestroy() { super.onDestroy(); } @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if(keyCode == KeyEvent.KEYCODE_BACK){ finish(); } return true; } /**記錄當(dāng)前頁面類型**/ private void setPageType(int chartPageType) { DataCache.instance().setmChartPageType(chartPageType); } /**獲取當(dāng)前頁面類型 **/ private int getPageType() { return DataCache.instance().getmChartPageType(); }}(2)、橫屏Activity的主要邏輯
package com.example.screenswitch;import android.app.Activity;import android.content.Intent;import android.content.res.Configuration;import android.os.Bundle;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentActivity;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentTransaction;import android.view.KeyEvent;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;import com.example.screenswitch.application.DataCache;import com.example.screenswitch.fragments.Fragment1;import com.example.screenswitch.fragments.Fragment2;public class ActivityLand extends FragmentActivity { private static final String TAG = "ActivityLand"; /**頁面類型-橫屏1**/ public static final int LAND_PAGE_1 = 4; /**頁面類型-橫屏2**/ public static final int LAND_PAGE_2 = 5; private Fragment1 fragment1; private Fragment2 fragment2; /**豎屏FragmentManager**/ private FragmentManager mfragmentManager; /**fragmentTransaction**/ private FragmentTransaction mFragmentTransaction; /**屏幕方向 默認(rèn)指定為豎屏**/ private int mScreenOrientation = Configuration.ORIENTATION_PORTRAIT; /**當(dāng)前Fragment**/ private Fragment mCurentFragment; /**切換按鈕**/ private Button btSwitch; public static void showActivityLand(Activity activity) { Intent intent = new Intent(activity, ActivityLand.class); activity.startActivity(intent); } @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.layout_main); mScreenOrientation = getResources().getConfiguration().orientation; mfragmentManager = getSupportFragmentManager(); mFragmentTransaction = mfragmentManager.beginTransaction(); switch (mScreenOrientation) { case Configuration.ORIENTATION_LANDSCAPE:// 橫屏 分時(shí) K線 findLandViews(); initLandCtrl(); break; } } private void findLandViews() { btSwitch = (Button) findViewById(R.id.bt_switch); btSwitch.setOnClickListener(new TheOnSwitchBtnClickListener()); } private void initLandCtrl() { fragment1 = new Fragment1(); fragment2 = new Fragment2(); //橫1對(duì)豎1 橫2對(duì)豎2 完成對(duì)應(yīng)頁的橫豎切換 if (getPageType() == ActivityPort.PORT_PAGE_1 || getPageType() == LAND_PAGE_1) { setPageType(ActivityPort.PORT_PAGE_1); mCurentFragment = fragment1; } else if (getPageType() == ActivityPort.PORT_PAGE_2 || getPageType() == LAND_PAGE_2) { setPageType(ActivityPort.PORT_PAGE_2); mCurentFragment = fragment2; } mFragmentTransaction = mfragmentManager.beginTransaction(); mFragmentTransaction.add(R.id.ll_content, mCurentFragment); mFragmentTransaction.commit(); } /** * 橫屏界面切換 * @author Wilson */ class TheOnSwitchBtnClickListener implements OnClickListener { @Override public void onClick(View v) { if (mCurentFragment instanceof Fragment1) {//橫1切到橫2 mCurentFragment = fragment2; setPageType(LAND_PAGE_2); mFragmentTransaction = mfragmentManager.beginTransaction(); mFragmentTransaction.replace(R.id.ll_content, fragment2); mFragmentTransaction.commit(); } else if (mCurentFragment instanceof Fragment2) {//橫2切到橫1 mCurentFragment = fragment1; setPageType(LAND_PAGE_1); mFragmentTransaction = mfragmentManager.beginTransaction(); mFragmentTransaction.replace(R.id.ll_content, fragment1); mFragmentTransaction.commit(); } } } @Override public void onConfigurationChanged(Configuration newConfig) { super.onConfigurationChanged(newConfig); ActivityPort.showActivityPort(this); finish(); } @Override protected void onDestroy() { super.onDestroy(); } @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if (keyCode == KeyEvent.KEYCODE_BACK) { finish(); } return true; } /**記錄當(dāng)前頁面類型**/ private void setPageType(int chartPageType) { DataCache.instance().setmChartPageType(chartPageType); } /**獲取當(dāng)前頁面類型 **/ private int getPageType() { return DataCache.instance().getmChartPageType(); }}6、完整實(shí)例代碼點(diǎn)擊此處本站下載。
希望本文所述對(duì)大家Android程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注