Android开发使用Activity嵌套多个Fragment实现横竖屏切换功能的方法

本文实例讲述了Android开发使用Activity嵌套多个Fragment实现横竖屏切换功能的方法。分享给大家供大家参考,具体如下:

一、上图

二、需求

近期项目遇到个横竖屏切换的问题,较为复杂,在此记之。

1、Activity中竖屏嵌套3个Fragment,本文简称竖屏FP1,FP2,FP3。
2、其中竖屏FP1与FP2可以切换为横屏的FL1,FL2,即竖屏FP1切换到对应的横屏FL1,竖屏FP2对应切换到横屏FL2。
3、FP3不允许横竖屏切换。
4、竖屏FP1,FP2,FP3用ViewPager实现左右滑动切换。
5、横屏的FL1,FL2用布局中的切换按扭实现左右切换,不允许滑动切换。

看到这需求有点儿晕菜了吧!!!呵呵!!!

(一)先说说我走过的弯路,将横竖屏切换在一个Activity中实现。

(1)、在一个Activity中实现横竖屏切换难在什么地方呢?主要是横竖屏切换,Activity有它自己的生命周期、Fragment也有它的生命周期,而且Activity的生命周期左右着Fragment的生命周期。最复杂的地方是,首次横竖屏切换时,Activity的onDestory()方法会执行,在执行此方法之前,Fragment的onDestoryView()首先会获得执行,接着会执行onCreateView()方法。而首次切换到横屏时,Activity的onCreate()方法会执行,接着横屏FL1的onCreateView()方法又会执行,这样的话,Fragment的布局就会发生覆盖。(这是我在做的时候发现的问题,不知道其他人是否遇到)。
(2)、在一个Activity中横竖屏切换,竖屏布局与横屏布局不一样,本文示例竖屏为Activity中嵌套3个Fragment,横屏嵌套2个Fragment,首先会有很多页面状态需要记录,其次就是Activity与Fragment的生命周期关系问题,确实挺复杂,控制这里面的状态,只有做过的人才知道有多苦。

(二)可取的办法,将横竖屏切换在两个Activity中实现

三、解决问题思路

1、首先当然是要让两个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" />

可点击此处查看较为详细的Android权限设置说明

2、竖屏Activity的切换到横屏Activity的时候,通过Intent跳转到横屏的Activity,然后将当前Activity给finish()掉。反之也是一样的逻辑。那么现在面临的一个问题是什么,这个跳转写在什么地方,写在onDestory()方法中显然是不合适的,因为这个方法在横竖切的时候会始终执行,当你在按回退键返回到上一个页面时,同样会执行这个方法,这样跳转的话,就会死循环,会总是打开页面。这时候就想到了Activity的onConfigurationChanged()方法。Google官网说横竖屏切换不希望大家用这个方法实现横竖屏切换,但是遇到了这样怪异的需求,不得不使用。上代码:

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

3、在两个Activity中实现横竖切换之后,换来一个好处,Fragment的生命周期我们非常好控制,里面的逻辑想怎么写就怎么写,而且切换过来之后,布局也会自动去加载横屏的布局。(相信大家明白我的意思)。

4、切换到对应的Fragment,主要是借助于缓存,记录页面状态。详见源码。

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;
  /**分时、K线、明细界面适配器**/
  private ChartFragmentPagerAdapter mPagerAdapter;
  /**屏幕方向 默认指定为竖屏**/
  private int mScreenOrientation = Configuration.ORIENTATION_PORTRAIT;
  /**当前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:// 竖屏 分时 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 完成对应页的横竖切换
    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);
    }
  }
  /**分时、K线、明细竖屏界面切换**/
  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) {
      //设置界面指示器
      switch (i) {
      case 0:
        mCurentFragment = fragment1;
        setPageType(PORT_PAGE_1);
        break;
      case 1:
        setPageType(PORT_PAGE_2);
        mCurentFragment = fragment2;
        setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_SENSOR);//设置可以横竖切换
        break;
      case 2:
        setPageType(PORT_PAGE_3);
        mCurentFragment = fragment3;
        setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);//禁止屏幕旋转
        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;
  }
  /**记录当前页面类型**/
  private void setPageType(int chartPageType) {
    DataCache.instance().setmChartPageType(chartPageType);
  }
  /**获取当前页面类型 **/
  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;
  /**屏幕方向 默认指定为竖屏**/
  private int mScreenOrientation = Configuration.ORIENTATION_PORTRAIT;
  /**当前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:// 横屏 分时 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 完成对应页的横竖切换
    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;
  }
  /**记录当前页面类型**/
  private void setPageType(int chartPageType) {
    DataCache.instance().setmChartPageType(chartPageType);
  }
  /**获取当前页面类型 **/
  private int getPageType() {
    return DataCache.instance().getmChartPageType();
  }
}

6、完整实例代码点击此处本站下载

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android开发入门与进阶教程》、《Android视图View技巧总结》、《Android编程之activity操作技巧总结》、《Android文件操作技巧汇总》、《Android资源操作技巧汇总》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。

(0)

相关推荐

  • Android使用Fragment打造万能页面切换框架

    首先我们来回忆一下传统用Activity进行的页面切换,activity之间切换,首先需要新建intent对象,给该对象设置一些必须的参数,然后调用startActivity方法进行页面跳转.如果需要activity返回结果,则调用startActivityForResult方法,在onActivityResult方法中获得返回结果.此外,每一个要展示的activity需要在AndroidManifest.xml文件中注册.而且,如果在某些特定的情况下(比如65536方法数爆炸)要动态加载dex

  • Android Fragment中使用SurfaceView切换时闪一下黑屏的解决办法

    重构了下之前自己的一个新闻客户端,全部使用了Fragment来进行页面切换,只有一个入口Activity作为程序的启动Activity,其中有一个界面需要调用摄像头识别二维码,于是就会用到SurfaceView进行预览,那么问题来了,当切换到对应的Fragment时,屏幕会黑一下,黑了1秒左右就显示出正常的界面,而且这种现象只有第一次进入该Fragment才会出现,之后进入都不会出现,解决方法是无意在github上看到了,试了一下,可以行的通,下面贴出解决方法. 方法一.在Activity的on

  • Android App中使用ViewPager+Fragment实现滑动切换效果

    在android应用中,多屏滑动是一种很常见的风格,没有采用viewpager的代码实现会很长,如果采用ViewPager,代码就会短很多,但是使用ViewPager也有弊端:需要导入android-support-v4.jar.细节无法控制.不过现在情况已经不一样了,android-support-v4中提供了很多实用的功能,以至于现在新建一个android工程默认都会导入这个jar包.那我们就也采用viewpager来做滑动吧.另外一个概念就是Fragment和FragmentActivit

  • Android中使用TabHost 与 Fragment 制作页面切换效果

    三个标签页置于顶端 效果图: 在文件BoardTabHost.java中定义页面切换的效果:切换页面时,当前页面滑出,目标页面滑入.这是2个不同的动画设定动画时要区分对待 import android.content.Context; import android.util.AttributeSet; import android.view.animation.Animation; import android.view.animation.TranslateAnimation; import

  • Android基础之使用Fragment控制切换多个页面

    今天讲解一下Fragment的控制,主要是切换View和页面替换等操作.还有就是如何获取Fragment的管理对象,以及与Activity的通信方式.1.管理Fragment要在activity中管理fragment,需要使用FragmentManager. 通过调用activity的getFragmentManager()取得它的实例. •可以通过FragmentManager做一些事情, 包括: 使用findFragmentById()(用于在activity layout中提供一个UI的f

  • Android使用TabLayou+fragment+viewpager实现滑动切换页面效果

    TabLayou 主要实现的是标题头的 滑动 这个 控件 类似于 ScrollView XML中的布局 <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <android.support.design.widget.TabLayout a

  • 一个Activity中多个Fragment的切换

    经常会遇到在一个activity界面上布局多个fragment,但是如何从一个fragment跳转到另一个fragment呢?今天在做项目中恰好遇到这样的问题,点击首页fragment的更多店铺,会切换到店铺的fragment,处理的步骤如下: 1.在一个fragment1中定义一个接口: /** * 定义地接口,用于fragment和activity之间的数据传递 */ public interface onClickShopListner{ public void setOnClickSho

  • fragment实现隐藏及界面切换效果

    在前文中的效果中(Android如何创建自定义ActionBar),点击屏幕下方的 TextView 以此来实现 5 种 fragment 界面的切换. 由于网络数据的加载存在于不同的界面之中,当快速的切换界面时,就会出现程序的出错.因为快速的切换时,当前界面的数据还在读取,就切换到下一个界面,下一个界面也开始加载数据,每次界面的切换都会加载数据.这样就会出错(在本文中,fragment 是使用 replace() 方法来加载界面的,).所以可以使每个 fragment 只加载一次来减少数据的加

  • Android中Fragment相互切换间不被回收的实现方法

    前言 Android运行在各种各样的设备中,有小屏幕的手机,超大屏的平板甚至电视.针对屏幕尺寸的差距,很多情况下,都是先针对手机开发一套App,然后拷贝一份,修改布局以适应平板神马超级大屏的.难道无法做到一个App可以同时适应手机和平板么,当然了,必须有啊.Fragment的出现就是为了解决这样的问题. 如今市面上的应用基本上都是单Activity+多Fragment实现的了,而这类APP都有在相互切换时不被回收,即切换回原来的Fragment时还是原先的状态,这就是这里要实现的了. 这里使用F

  • Android fragment实现多个页面切换效果

    现在的APP首页大部分屏幕的下方显示一行Tab标签选项,点击不同的标签就可以切换到不同的界面.如下图: 我们之前都是用TabHost来实现,但是殊不知,TabHost并非是那么的简单,它的可扩展性非常的差,不能随意地定制Tab项显示的内容,而且运行还要依赖于ActivityGroup.ActivityGroup原本主要是用于为每一个TabHost的子项管理一个单独的Activity,但目前已经被废弃了.下面就借助Fragment来完成类似于TabHost一般的效果. 先实现主界面布局main_l

随机推荐