Android

关注公众号 jb51net

关闭
首页 > 软件编程 > Android > Android淡入淡出动画

Android创建淡入淡出动画的详解

作者:路宇

大家好,本篇文章主要讲的是Android创建淡入淡出动画的详解,感兴趣的同学赶快来看一看吧,对你有帮助的话记得收藏一下,方便下次浏览

介绍:

淡入淡出动画(也称为“叠化”)逐渐淡出一个 View 或 ViewGroup,同时淡入另一个。此动画适用于您希望在应用中切换内容或视图的情况。

下面我们通过一个例子来创建使用淡入淡出动画。

首先创建一个简单的布局activity_short_anim.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ShortAnimActivity">

    <ScrollView
        android:id="@+id/scrollView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TextView
            style="?android:textAppearanceMedium"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:lineSpacingMultiplier="1.2"
            android:padding="16dp"
            android:text="@string/lorem_ipsum" />
    </ScrollView>

    <ProgressBar
        android:id="@+id/progressBar"
        style="?android:progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center" />
</FrameLayout>

接下来在对应的Activity中实现相应的功能ShortAnimActivity类

public class ShortAnimActivity extends AppCompatActivity {
    private ScrollView scrollView;
    private ProgressBar progressBar;
    private int shortAnimationDuration;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_short_anim);
        scrollView = findViewById(R.id.scrollView);
        progressBar = findViewById(R.id.progressBar);

        scrollView.setVisibility(View.GONE);
        //长动画的持续时间为500ms
        shortAnimationDuration = getResources().getInteger(android.R.integer.config_longAnimTime);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.animation_menu, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(@NonNull MenuItem item) {
        switch (item.getItemId()) {
            case R.id.cross:
                crossFade();
                break;
            default:
                break;
        }
        return super.onOptionsItemSelected(item);
    }

    private void crossFade() {
        //将内容视图设置为0%不透明(就是透明的意思,不可见的状态),正常显示的为100%不透明可见
        // 以便在动画期间可见
        scrollView.setAlpha(0f);
        scrollView.setVisibility(View.VISIBLE);

        //将内容视图设置为100%不透明,并清除视图上的任何动画监听器
        scrollView.animate()
                .alpha(1f)
                .setDuration(shortAnimationDuration)
                .setListener(null);

        //将动画视图设置为0%不透明,动画结束后,将视图隐藏
        progressBar.animate()
                .alpha(0f)
                .setDuration(shortAnimationDuration)
                .setListener(new AnimatorListenerAdapter() {
                    @Override
                    public void onAnimationEnd(Animator animation) {
                        super.onAnimationEnd(animation);
                        progressBar.setVisibility(View.GONE);
                    }
                });

    }
}

通过点击选项菜单,实现一个淡入淡出的效果,我设置的是500ms的一个动画时间,大家可能看的不太明显,但是实际开发中就是这么一个效果,动画时间不会太长。
效果如图所示:

在这里插入图片描述

以上就是淡入淡出动画的简单使用~

到此这篇关于Android创建淡入淡出动画的详解的文章就介绍到这了,更多相关Android淡入淡出动画内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文