Java 从垂直方向到水平方向旋转时合并PageViewer片段

我正在开发一个android应用程序，它使用PageViewer以不同的片段显示两幅图像。我想知道如何将这两个片段合并到同一个屏幕上，或者将它们并排放置在屏幕的旋转上。这将类似于下面的第一幅图像，预计这是由于页面旋转，而不是设备类型：

理想情况下，如果两个图像合适，我可以将它们合并到一个片段中。这应该使用if语句来完成吗？我使用的代码与android屏幕幻灯片演示非常相似：

主要活动：

package com.example.android.animationsdemo;

import android.app.Fragment;
import android.app.FragmentManager;
import android.content.Intent;
import android.os.Bundle;
import android.support.v13.app.FragmentStatePagerAdapter;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.NavUtils;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.Menu;
import android.view.MenuItem;

/**
 * Demonstrates a "screen-slide" animation using a {@link ViewPager}. Because {@link ViewPager}
 * automatically plays such an animation when calling {@link ViewPager#setCurrentItem(int)}, there
 * isn't any animation-specific code in this sample.
 *
 * <p>This sample shows a "next" button that advances the user to the next step in a wizard,
 * animating the current screen out (to the left) and the next screen in (from the right). The
 * reverse animation is played when the user presses the "previous" button.</p>
 *
 * @see ScreenSlidePageFragment
 */
public class ScreenSlideActivity extends FragmentActivity {
    /**
     * The number of pages (wizard steps) to show in this demo.
     */
    private static final int NUM_PAGES = 5;

    /**
     * The pager widget, which handles animation and allows swiping horizontally to access previous
     * and next wizard steps.
     */
    private ViewPager mPager;

    /**
     * The pager adapter, which provides the pages to the view pager widget.
     */
    private PagerAdapter mPagerAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_screen_slide);

        // Instantiate a ViewPager and a PagerAdapter.
        mPager = (ViewPager) findViewById(R.id.pager);
        mPagerAdapter = new ScreenSlidePagerAdapter(getFragmentManager());
        mPager.setAdapter(mPagerAdapter);
        mPager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {
            @Override
            public void onPageSelected(int position) {
                // When changing pages, reset the action bar actions since they are dependent
                // on which page is currently active. An alternative approach is to have each
                // fragment expose actions itself (rather than the activity exposing actions),
                // but for simplicity, the activity provides the actions in this sample.
                invalidateOptionsMenu();
            }
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        super.onCreateOptionsMenu(menu);
        getMenuInflater().inflate(R.menu.activity_screen_slide, menu);

        menu.findItem(R.id.action_previous).setEnabled(mPager.getCurrentItem() > 0);

        // Add either a "next" or "finish" button to the action bar, depending on which page
        // is currently selected.
        MenuItem item = menu.add(Menu.NONE, R.id.action_next, Menu.NONE,
                (mPager.getCurrentItem() == mPagerAdapter.getCount() - 1)
                        ? R.string.action_finish
                        : R.string.action_next);
        item.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM | MenuItem.SHOW_AS_ACTION_WITH_TEXT);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case android.R.id.home:
                // Navigate "up" the demo structure to the launchpad activity.
                // See http://developer.android.com/design/patterns/navigation.html for more.
                NavUtils.navigateUpTo(this, new Intent(this, MainActivity.class));
                return true;

            case R.id.action_previous:
                // Go to the previous step in the wizard. If there is no previous step,
                // setCurrentItem will do nothing.
                mPager.setCurrentItem(mPager.getCurrentItem() - 1);
                return true;

            case R.id.action_next:
                // Advance to the next step in the wizard. If there is no next step, setCurrentItem
                // will do nothing.
                mPager.setCurrentItem(mPager.getCurrentItem() + 1);
                return true;
        }

        return super.onOptionsItemSelected(item);
    }

    /**
     * A simple pager adapter that represents 5 {@link ScreenSlidePageFragment} objects, in
     * sequence.
     */
    private class ScreenSlidePagerAdapter extends FragmentStatePagerAdapter {
        public ScreenSlidePagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
            return ScreenSlidePageFragment.create(position);
        }

        @Override
        public int getCount() {
            return NUM_PAGES;
        }
    }
}

package com.example.android.animationsdemo；
导入android.app.Fragment；
导入android.app.FragmentManager；
导入android.content.Intent；
导入android.os.Bundle；
导入android.support.v13.app.FragmentStatePagerAdapter；
导入android.support.v4.app.FragmentActivity；
导入android.support.v4.app.NavUtils；
导入android.support.v4.view.PagerAdapter；
导入android.support.v4.view.ViewPager；
导入android.view.Menu；
导入android.view.MenuItem；
/**
*使用{@link ViewPager}演示“屏幕幻灯片”动画。因为{@link ViewPager}
*在调用{@link ViewPager#setCurrentItem（int）}时自动播放这样的动画
*此示例中没有任何特定于动画的代码。
*
*此示例显示了一个“下一步”按钮，可将用户推进向导中的下一步，
*设置当前屏幕向外（向左）和下一屏幕向内（向右）的动画。这个
*当用户按下“上一步”按钮时，将播放反向动画

*
*@参见ScreenSlidePageFragment
*/
公共类ScreenSlideActivity扩展了FragmentActivity{
/**
*要在此演示中显示的页数（向导步骤）。
*/
私有静态最终int NUM_PAGES=5；
/**
*寻呼机小部件，处理动画并允许水平滑动以访问上一页
*以及接下来的向导步骤。
*/
私人寻呼机；
/**
*寻呼机适配器，为查看寻呼机小部件提供页面。
*/
私人寻呼器；
@凌驾
创建时受保护的void（Bundle savedInstanceState）{
super.onCreate（savedInstanceState）；
setContentView（R.layout.activity\u screen\u slide）；
//实例化ViewPager和PagerAdapter。
mPager=（ViewPager）findViewById（R.id.pager）；
mPagerAdapter=newscreensilepageradapter（getFragmentManager（））；
mPager.setAdapter（mPagerAdapter）；
mPager.setOnPageChangeListener（新的ViewPager.SimpleOnPageChangeListener（）{
@凌驾
已选择页面上的公共无效（内部位置）{
//更改页面时，请重置操作栏操作，因为它们是相关的
//当前处于活动状态的页面。另一种方法是
//片段暴露动作本身（而不是暴露动作的活动），
//但为了简单起见，活动提供了本示例中的操作。
无效操作菜单（）；
}
});
}
@凌驾
公共布尔onCreateOptions菜单（菜单）{
super.onCreateOptions菜单（菜单）；
getMenuInflater（）.充气（R.菜单.活动\屏幕\幻灯片，菜单）；
menu.findItem（R.id.action_previous）.setEnabled（mPager.getCurrentItem（）>0）；
//将“下一步”或“完成”按钮添加到操作栏，具体取决于哪个页面
//当前已选定。
MenuItem item=menu.add（menu.NONE，R.id.action\u下一步，menu.NONE，
（mPager.getCurrentItem（）==mpageAdapter.getCount（）-1）
？R.串.动作\u饰面
：R.string.action\u next）；
item.setShowAsAction（MenuItem.SHOW_AS_ACTION_，如果是房间，则为MenuItem.SHOW_AS_ACTION_；带文字的MenuItem.SHOW_AS_ACTION_）；
返回true；
}
@凌驾
公共布尔值onOptionsItemSelected（菜单项项）{
开关（item.getItemId（））{
案例android.R.id.home：
//将演示结构“向上”导航到launchpad活动。
//看http://developer.android.com/design/patterns/navigation.html 更多。
NavUtils.navigateUpTo（this，newintent（this，MainActivity.class））；
返回true；
案例R.id.action_先前：
//转到向导中的上一步。如果没有上一步，
//setCurrentItem将不执行任何操作。
mPager.setCurrentItem（mPager.getCurrentItem（）-1）；
返回true；
案例R.id.行动\下一步：
//前进到向导中的下一步。如果没有下一步，请设置CurrentItem
//我什么也做不了。
mPager.setCurrentItem（mPager.getCurrentItem（）+1）；
返回true；
}
返回super.onOptionsItemSelected（项目）；
}
/**
*一个简单的寻呼机适配器，在
*顺序。
*/
私有类ScreenSlidePagerAdapter扩展FragmentStatePagerAdapter{
公共屏幕SlidePagerAdapter（FragmentManager fm）{
超级（fm）；
}
@凌驾
公共片段getItem（int位置）{
返回ScreenSlidePageFragment.create（位置）；
}
@凌驾
public int getCount（）{
返回NUM_页；
}
}
}

屏幕幻灯片放映

package com.example.android.animationsdemo;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

/**
 * A fragment representing a single step in a wizard. The fragment shows a dummy title indicating
 * the page number, along with some dummy text.
 *
 * <p>This class is used by the {@link CardFlipActivity} and {@link
 * ScreenSlideActivity} samples.</p>
 */
public class ScreenSlidePageFragment extends Fragment {
    /**
     * The argument key for the page number this fragment represents.
     */
    public static final String ARG_PAGE = "page";

    /**
     * The fragment's page number, which is set to the argument value for {@link #ARG_PAGE}.
     */
    private int mPageNumber;

    /**
     * Factory method for this fragment class. Constructs a new fragment for the given page number.
     */
    public static ScreenSlidePageFragment create(int pageNumber) {
        ScreenSlidePageFragment fragment = new ScreenSlidePageFragment();
        Bundle args = new Bundle();
        args.putInt(ARG_PAGE, pageNumber);
        fragment.setArguments(args);
        return fragment;
    }

    public ScreenSlidePageFragment() {
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mPageNumber = getArguments().getInt(ARG_PAGE);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        // Inflate the layout containing a title and body text.
        ViewGroup rootView = (ViewGroup) inflater
                .inflate(R.layout.fragment_screen_slide_page, container, false);

        // Set the title view to show the page number.
        ((TextView) rootView.findViewById(android.R.id.text1)).setText(
                getString(R.string.title_template_step, mPageNumber + 1));

        return rootView;
    }

    /**
     * Returns the page number represented by this fragment object.
     */
    public int getPageNumber() {
        return mPageNumber;
    }
}

package com.example.android.animationsdemo；
导入android.app.Fragment；
导入android.os.Bundle；
导入android.view.LayoutInflater；
导入android.view.view；
导入android.view.ViewGroup；
导入android.widget.TextView；
/**
*表示向导中单个步骤的片段。片段显示一个虚拟标题，指示
*页码，以及一些虚拟文本。
*
*该类由{@link CardFlipActivity}使用
public class ImageFragmentAdapter extends FragmentPagerAdapter{

    ArrayList<String> images;
    public ImageFragmentAdapter(FragmentManager fm, ArrayList<String> images) {
        super(fm);
        this.images = images;
    }

    @Override
    public Fragment getItem(int position) {
        ImageFragment fragment = new ImageFragment();
        Bundle bundle = new Bundle();
        bundle.putString("image_url", images.get(position));
        fragment.setArguments(bundle);
        return fragment;
    }

    @Override
    public int getCount() {
        return images.size();
    }
}

public class ImageFragment extends Fragment{
View view;
ImageView ivImage;
Bundle bundle;
String imageUrl;
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    view = inflater.inflate(R.layout.fragment_image, null);
    ivImage = (ImageView)view.findViewById(R.id.ivImageAlbum);
    bundle = getArguments();
    if(bundle != null){
        imageUrl = bundle.getString("image_url");
        try{
            ImageLoader.getInstance().displayImage(imageUrl, ivImage, ImageLoadOption.options);
        } catch(Exception ex){
            ex.printStackTrace();
        }
    }


    return view;
}