快捷導(dǎo)航

Android開發(fā)使用Activity嵌套多個Fragment實(shí)現(xiàn)橫豎屏切換功能的方法

更新時(shí)間：2017年11月27日 11:49:07 作者：勤修戒定慧

這篇文章主要介紹了Android開發(fā)使用Activity嵌套多個Fragment實(shí)現(xiàn)橫豎屏切換功能的方法,結(jié)合實(shí)例形式分析了Android使用Activity嵌套多個Fragment進(jìn)行橫豎屏切換的原理與具體操作技巧,需要的朋友可以參考下

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

一、上圖

二、需求

近期項(xiàng)目遇到個橫豎屏切換的問題，較為復(fù)雜，在此記之。

1、Activity中豎屏嵌套3個Fragment，本文簡稱豎屏FP1,FP2,FP3。
2、其中豎屏FP1與FP2可以切換為橫屏的FL1,FL2,即豎屏FP1切換到對應(yīng)的橫屏FL1，豎屏FP2對應(yīng)切換到橫屏FL2。
3、FP3不允許橫豎屏切換。
4、豎屏FP1,FP2,FP3用ViewPager實(shí)現(xiàn)左右滑動切換。
5、橫屏的FL1,FL2用布局中的切換按扭實(shí)現(xiàn)左右切換，不允許滑動切換。

看到這需求有點(diǎn)兒暈菜了吧?。?！呵呵?。。?/p>

（一）先說說我走過的彎路，將橫豎屏切換在一個Activity中實(shí)現(xiàn)。

（1）、在一個Activity中實(shí)現(xiàn)橫豎屏切換難在什么地方呢？主要是橫豎屏切換，Activity有它自己的生命周期、Fragment也有它的生命周期，而且Activity的生命周期左右著Fragment的生命周期。最復(fù)雜的地方是，首次橫豎屏切換時(shí)，Activity的onDestory()方法會執(zhí)行，在執(zhí)行此方法之前，F(xiàn)ragment的onDestoryView()首先會獲得執(zhí)行，接著會執(zhí)行onCreateView()方法。而首次切換到橫屏?xí)r，Activity的onCreate()方法會執(zhí)行，接著橫屏FL1的onCreateView()方法又會執(zhí)行，這樣的話，F(xiàn)ragment的布局就會發(fā)生覆蓋。（這是我在做的時(shí)候發(fā)現(xiàn)的問題，不知道其他人是否遇到）。
（2）、在一個Activity中橫豎屏切換，豎屏布局與橫屏布局不一樣，本文示例豎屏為Activity中嵌套3個Fragment，橫屏嵌套2個Fragment，首先會有很多頁面狀態(tài)需要記錄，其次就是Activity與Fragment的生命周期關(guān)系問題，確實(shí)挺復(fù)雜，控制這里面的狀態(tài)，只有做過的人才知道有多苦。

（二）可取的辦法，將橫豎屏切換在兩個Activity中實(shí)現(xiàn)

三、解決問題思路

1、首先當(dāng)然是要讓兩個Activity能夠橫豎切，這里首先需要在AndroidManifest.xml中配置兩個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" />

可點(diǎn)擊此處查看較為詳細(xì)的Android權(quán)限設(shè)置說明

2、豎屏Activity的切換到橫屏Activity的時(shí)候，通過Intent跳轉(zhuǎn)到橫屏的Activity，然后將當(dāng)前Activity給finish()掉。反之也是一樣的邏輯。那么現(xiàn)在面臨的一個問題是什么，這個跳轉(zhuǎn)寫在什么地方，寫在onDestory()方法中顯然是不合適的，因?yàn)檫@個方法在橫豎切的時(shí)候會始終執(zhí)行，當(dāng)你在按回退鍵返回到上一個頁面時(shí)，同樣會執(zhí)行這個方法，這樣跳轉(zhuǎn)的話，就會死循環(huán)，會總是打開頁面。這時(shí)候就想到了Activity的onConfigurationChanged()方法。Google官網(wǎng)說橫豎屏切換不希望大家用這個方法實(shí)現(xiàn)橫豎屏切換，但是遇到了這樣怪異的需求，不得不使用。上代碼：

@Override
public void onConfigurationChanged(Configuration newConfig) {
  super.onConfigurationChanged(newConfig);
  ActivityLand.showActivityLand(this);
  finish();
}

3、在兩個Activity中實(shí)現(xiàn)橫豎切換之后，換來一個好處，F(xiàn)ragment的生命周期我們非常好控制,里面的邏輯想怎么寫就怎么寫,而且切換過來之后，布局也會自動去加載橫屏的布局。（相信大家明白我的意思）。

4、切換到對應(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對豎1 橫2對豎2 完成對應(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對豎1 橫2對豎2 完成對應(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)擊此處本站下載。

更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《Android開發(fā)入門與進(jìn)階教程》、《Android視圖View技巧總結(jié)》、《Android編程之a(chǎn)ctivity操作技巧總結(jié)》、《Android文件操作技巧匯總》、《Android資源操作技巧匯總》及《Android控件用法總結(jié)》

希望本文所述對大家Android程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: