收藏本站 收藏本站
积木网首页 - 软件测试 - 常用手册 - 站长工具 - 技术社区
首页 > Android > Android技巧 > 正文

首页 - PHP - 数据库 - 操作系统 - 游戏开发 - JS - Android - MySql - Redis - MongoDB - Win8 - Shell编程 - DOS命令 - jQuery - CSS样式 - Python - Perl

Access - Oracle - DB2 - SQLServer - MsSql2008 - MsSql2005 - Sqlite - PostgreSQL - node.js - extjs - JavaScript vbs - Powershell - Ruby

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" />

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、示例代码下载链接地址

http://download.csdn.net/detail/xiogjie_67/8839853




























 

版权声明:本文为博主原创文章,未经博主允许不得转载。

Alt+/ 提示不管用?
问题:Alt/提示不管用?解决办法:1、菜单window-Preferences-Java-Editor-ContentAssist-Enableautoactivation选项要打上勾2、window→Preferences→General→Keys→找到ContentAssist在B

问题:eclipse xml文件中按alt+/没有提示信息?
问题:eclipsexml文件中按alt/没有提示信息?解决办法:方案1:在xml文件上右击--openwith,看一下xml文件的默认打开方式。我遇到的是在Layout下的xml文件里没有

Worklight生成的android代码, 运行时,
问题:解决办法:暂未解决.哪位大神来补充下.版权声明:本文为博主原创文章,未经博主允许不得转载。

本周排行

更新排行

强悍的草根IT技术社区,这里应该有您想要的! 友情链接:b2b电子商务
Copyright © 2010 Gimoo.Net. All Rights Rreserved  京ICP备05050695号