Android为Play Store

时间:2017-10-16 11:48:27

标签: android android-viewpager themes

如何从示例中看到,复制交换主题更改的效果?

目前setTheme()似乎无法动态运行。

Play Store Effect

1 个答案:

答案 0 :(得分:0)

我认为没有动态主题应用于那里。 viewpager中的每个片段都有其主题元素,具体取决于它们的主题。如果你想知道工具栏动画是如何完成的,我可以建议一种能给你相同结果的方法。

播放商店布局

<Toolbar>
    <FrameLayout>
        <RelativeLayout id="toolbarContainer">
        </RelativeLayout>
        <RelativeLayout id="revealContainer">
        </RelativeLayout>
        <TabLayout></TabLayout>
    </FrameLayout>
</Toolbar>
<StoreView></StoreView><!-- This is where you see viewpager fragments -->

过程将是:

  • 您在OnPageChangeListener的onPageSelected内的 revealContainer 上启动Circular Reveal Animation
  • 在动画结束时,您可以设置 toolbarContainer 的背景。
  • 隐藏 revealContainer

代码看起来像这样

viewPager.setOnPageChangeListener(new OnPageChangeListener() {
public void onPageScrollStateChanged(int state) {}
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {}
public void onPageSelected(int position) {
// new position of page
showRevealEffectForPage(position);
}
});

private void showRevealEffectForPage(int page) {
int color;
switch(page) {
case 0:
color = Color.parseColor("#fff"); //white
break;
default:
color = Color.parseColor("#000"); //black
break;
}

//set color before animation starts
revealContainer.setBackgroundColor(color);

int x = revealContainer.getRight();
int y = revealContainer.getBottom();

int startRadius = 0;
int endRadius = (int) Math.hypot(toolbarContainer.getWidth(), toolbarContainer.getHeight());

Animator anim = ViewAnimationUtils.createCircularReveal(revealContainer, x, y, startRadius, endRadius);

layoutButtons.setVisibility(View.VISIBLE);
// you can set animation listener here to check for when the animation ends by

anim.setAnimationListener(new Animation.AnimationListener() {
    @Override
    public void onAnimationStart(Animation animation) {

    }

    @Override
    public void onAnimationEnd(Animation animation) {
//set the color of toolbarContainer
toolbarContainer.setBackgroundColor(color);
revealContainer.setVisibility(View.INVISIBLE);
    }

    @Override
    public void onAnimationRepeat(Animation animation) {

    }
});

anim.start();
}