Android官网培训课：淡入淡出两个view

最新推荐文章于 2025-08-11 21:24:53 发布

赵开鹏

最新推荐文章于 2025-08-11 21:24:53 发布

阅读量1.6k

点赞数

分类专栏： android 文章标签： android 动画

android 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一种在Android应用中实现淡入淡出动画的方法，通过改变View的透明度来实现平滑过渡效果，提供了具体的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

淡入淡出动画（亦称渐隐动画）通常是隐去一个UI组件同时渐现另一个UI组件。这个动画比较适合于当你选择切换应用中的某个内容或是某个视图时。渐隐动画很短小但是能提供从一个界面到另一个节目的流畅过渡，避免生硬和仓促的过渡。

创建View

创建将要淡入淡出的两个View，下面示例创建一个进度条和一个可滚动text view：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

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

    </ScrollView>

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

</FrameLayout>

设置动画

设置动画步骤：

为你要淡入淡出的view设置相应的成员变量。在动画期间修改view时你需要用到对应的成员变量。
把要淡入的view的visibility设为GONE，可以防止view占用布局空间，省略其布局计算的开销。
把config_shortAnimTime系统参数缓存到一个成员变量。这个参数定义了动画的标准“short”持续时间。对于频繁发生的微小动画，这个持续时间非常合适。config_longAnimTime 和 config_mediumAnimTime 分别对应long持续时间和medinum持续时间。

下面的示例以上述布局文件为activity的内容布局：

public class CrossfadeActivity extends Activity {

    private View mContentView;
    private View mLoadingView;
    private int mShortAnimationDuration;

    ...

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

        mContentView = findViewById(R.id.content);
        mLoadingView = findViewById(R.id.loading_spinner);

        // 最初隐藏内容试图.
        mContentView.setVisibility(View.GONE);

        // 缓存系统默认的短动画时间
        mShortAnimationDuration = getResources().getInteger(
                android.R.integer.config_shortAnimTime);
    }

淡入淡出View

View已经建立好了，按照如下步骤实现淡入淡出：

对于要淡入的view，设置alpha值为0，并设置其可见性visibility为VISIBLE。(记得吧，最初其visibility值为GONE)这样做使该view为可见，但是完全透明。
对于要淡入的view，设置alpha值为0，同时对于要淡出的view，设置其alpha值从1渐变到0。
执行 Animator.AnimatorListener中的onAnimationEnd(), 设置淡出view的visibility为GONE。即使其alpha值为0，也要设为GONE，避免其占用布局空间，节省其布局计算量。

下面是代码示例：

private View mContentView;
private View mLoadingView;
private int mShortAnimationDuration;

...

private void crossfade() {

    // 设置mContentView的不透明度为0%，即完全透明，但是可见，
    mContentView.setAlpha(0f);
    mContentView.setVisibility(View.VISIBLE);

    // 将mContentView的不透明度渐变为100%，并且清除其上的动画监听器
    mContentView.animate()
            .alpha(1f)
            .setDuration(mShortAnimationDuration)
            .setListener(null);

    // 将mHideView的不透明度渐变到0%.动画结束后，将其visibility设为GONE，使其不参与布局计算
    mHideView.animate()
            .alpha(0f)
            .setDuration(mShortAnimationDuration)
            .setListener(new AnimatorListenerAdapter() {
                @Override
                public void onAnimationEnd(Animator animation) {
                    mHideView.setVisibility(View.GONE);
                }
            });
}