4

我试图弄清楚,如何使用 android UI 完成以下操作。我不认为我是唯一遇到此问题的人,但我不知道要搜索什么,也没有找到任何有用的信息。

我的情况:

目前,我有一个扩展 FragmentStatePagerAdapter 的类,用于获取我的页面的片段。我有一个“主要”片段(它不应该是屏幕填充!!<- 此处非常重要的信息)和一些随后的屏幕填充 页面。

我还有一个 PageTransformer,它可以转换页面,就好像它们已经在当前页面后面一样。)类似于此页面上的 DepthPageTransformer:http: //developer.android.com/training/animation/screen-slide.html#浏览器

我的开始屏幕应该是这样的: 在此处输入图像描述

我将简单解释一下:左边圆角的区域是主页,它不是屏幕填充的。在该主页后面,第二页应该已经在背景中可见。当我向左滑动主页时,第二页将是以下活动页面。

所以,问题来了:

第二页不显示在后台,直到我开始转换(滑动)主页。我开始构建场景(由于问题尚未完成),它看起来像这样:

在此处输入图像描述

背面的深色渐变是android的标准渐变。浅蓝色区域是具有透明度的拉伸图像(如果这是一块拼图)

所以当我开始刷主页面的时候,突然变成了这个样子。返回主页后,第二个仍然可见:

在此处输入图像描述

这是它从一开始就应该看起来的情况。

我怎样才能做到这一点,从一开始就可以看到两个页面?这是主要的活动代码(基本上它是来自给定 android 开发链接的代码,没有注释):

public class MainActivity extends FragmentActivity {

    private static final int NUM_PAGES = 5;
    private ViewPager mPager;
    private PagerAdapter mPagerAdapter;

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

        // Instantiate a ViewPager and a PagerAdapter.
        mPager = (ViewPager) findViewById(R.id.pager);
        mPagerAdapter = new ScreenSlidePagerAdapter(getSupportFragmentManager());
        mPager.setAdapter(mPagerAdapter);
        mPager.setPageTransformer(true, new DepthPageTransformer());
    }

    @Override
    public void onBackPressed() {
        if (mPager.getCurrentItem() == 0) {
            super.onBackPressed();
        } else {
            mPager.setCurrentItem(mPager.getCurrentItem() - 1);
        }
    }

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

        @Override
        public Fragment getItem(int position) {
            switch (position) {
            case 0:
                return new ScreenMainSlideFragment();
            }
            return new ScreenSlideFragment();
        }

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

}

这是 PageTransformer(也许有解决方案):

public class DepthPageTransformer implements PageTransformer {
    private static float MIN_SCALE = 1f;

    public void transformPage(View view, float position) {
        int pageWidth = view.getWidth();

        if (position < -1) { // [-Infinity,-1)
            // This page is way off-screen to the left.
            view.setAlpha(0);

        } else if (position <= 0) { // [-1,0]
            // Use the default slide transition when moving to the left page
            view.setAlpha(1);
            view.setTranslationX(0);
            view.setScaleX(1);
            view.setScaleY(1);

        } else if (position <= 1) { // (0,1]
            // Fade the page out.
            view.setAlpha(0.75f + (1 - position) * 0.25f);

            // Counteract the default slide transition
            view.setTranslationX(pageWidth * -position);

            // Scale the page down (between MIN_SCALE and 1)
            float scaleFactor = MIN_SCALE + (1 - MIN_SCALE) * (1 - Math.abs(position));
            view.setScaleX(scaleFactor);
            view.setScaleY(scaleFactor);

        } else { // (1,+Infinity]
            // This page is way off-screen to the right.
            view.setAlpha(0);
        }
    }
}

非常感谢!

4

1 回答 1

2

我不确定这是否会完全解决您的问题,但是您是否查看过 ViewPager 适配器的 getPageWidth 方法。它可以帮助你去你想去的地方:

https://developer.android.com/reference/android/support/v4/view/PagerAdapter.html#getPageWidth(int)

在适配器的实现中返回一个小于 1 的值:

...
private static final int POS_MAIN_PAGE = 0;
private static final float WIDTH_MAIN_PAGE = 0.9f;
...

...
@Override
public float getPageWidth (int position) {
    if (position == POS_MAIN_PAGE) {
        return WIDTH_MAIN_PAGE;
    }
    return 1f;
}
....

OP评论后更新:

如果第二页需要与第一页同时可见,那么 aViewPager可能不适合您。a 中的页面ViewPager彼此相邻显示,而不是彼此重叠。

您可以做的是在您的第一页(位置== 0)中显示您的主页和“第二”页ViewPager(a ViewGroup/Fragment包含主页和“第二”页,您的主页略小)。您的“第二”页是固定的,您的主页可能是一个滑动抽屉。当用户在主页面上向左滑动时(即在滑动抽屉上),主页面可能会滑出视线而“第二”页保持不变。当用户在“2nd”页面上向左滑动时,ViewPager 中的“3rd”页面可以通过ViewPager从一个屏幕移动到另一个屏幕和(主要和)“2nd”页面的正常方式显示将移出视线。

于 2013-03-27T13:55:41.647 回答