Android ViewSwitcher

原创于 2021-02-18 10:36:30 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android

View 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何在Android应用中使用ViewSwitcher组件实现两个View的切换，并添加了自定义的切换动画效果。通过控制逻辑，展示了如何根据当前显示的View来决定是前进还是后退。

Android ViewSwitcher

1. 用作两个View切换，布局如下：

<ViewSwitcher
    android:id="@+id/viewSwitcher"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/test1"
        android:text="AAAAA"
        android:gravity="center"
        android:textSize="66sp"
        android:background="@color/purple_200"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
    <TextView
        android:id="@+id/test2"
        android:text="BBBBB"
        android:gravity="center"
        android:textSize="66sp"
        android:background="@color/teal_200"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</ViewSwitcher>

2. 控制两个View的切换

if (viewSwitcher.getCurrentView() != test1) {
   viewSwitcher.showNext();
}else {
   viewSwitcher.showPrevious();
}

3. 添加切换动画

TranslateAnimation inAnimation = new TranslateAnimation(
                Animation.RELATIVE_TO_SELF, 1.0f, Animation.RELATIVE_TO_SELF, 0f,
                Animation.ABSOLUTE, 1.0f, Animation.ABSOLUTE, 1.0f);
inAnimation.setDuration(300);
viewSwitcher.setInAnimation(inAnimation);

TranslateAnimation outAnimation = new TranslateAnimation(
                Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, -1.0f,
                Animation.ABSOLUTE, 1.0f, Animation.ABSOLUTE, 1.0f);
outAnimation.setDuration(300);
viewSwitcher.setOutAnimation(outAnimation);