我试图弄清楚,如何使用 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);
}
}
}
非常感谢!