Android 加载动画完成打勾

Android 加载动画完成打勾的实现

在 Android 开发中，利用加载动画提供良好的用户体验是一项基本任务。今天我将教你如何实现一个加载动画完成后显示打勾的效果。我们将从流程入手，然后一步步进行代码实现。

整个流程

我们将整个实现过程分为以下几个步骤：

步骤	动作	描述
1	创建加载动画	使用 ProgressBar 作为加载动画
2	创建打勾的图形	使用 ImageView 显示打勾图标
3	组合动画	在加载完成后，显示打勾
4	整合代码	将上述代码片段合并到 Activity 中

接下来，我们将详细讲解每一步的实现。

步骤 1：创建加载动画

首先，我们需要在布局文件中添加一个 ProgressBar 用于加载动画。

登录后复制

<!-- res/layout/activity_main.xml -->
<LinearLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center">

    <ProgressBar
        android:id="@+id/progressBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="visible" />

    <ImageView
        android:id="@+id/checkMark"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/check_mark"
        android:visibility="gone" />
</LinearLayout>

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.
• 11.
• 12.
• 13.
• 14.
• 15.
• 16.
• 17.
• 18.
• 19.
• 20.

代码说明：我们创建了一个 LinearLayout，其中包含 ProgressBar 作为加载动画，和一个 ImageView 显示打勾图标，初始状态隐藏。

步骤 2：创建打勾的图形

将你的打勾图标放置在 res/drawable/ 目录下，命名为 check_mark.xml 或者直接是图像文件。

步骤 3：组合动画

在 MainActivity 中，我们需要实现加载动画和显示打勾的逻辑。

登录后复制

// MainActivity.java
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.widget.ImageView;
import android.widget.ProgressBar;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    private ProgressBar progressBar;
    private ImageView checkMark;

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

        progressBar = findViewById(R.id.progressBar); // 获取 ProgressBar 实例
        checkMark = findViewById(R.id.checkMark); // 获取 ImageView 实例

        // 模拟加载操作
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                // 隐藏加载动画，显示打勾
                progressBar.setVisibility(View.GONE); // 隐藏 ProgressBar
                checkMark.setVisibility(View.VISIBLE); // 显示打勾
            }
        }, 2000); // 2秒后执行 (2000毫秒)
    }
}

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.
• 11.
• 12.
• 13.
• 14.
• 15.
• 16.
• 17.
• 18.
• 19.
• 20.
• 21.
• 22.
• 23.
• 24.
• 25.
• 26.
• 27.
• 28.
• 29.
• 30.
• 31.
• 32.

代码说明：

• 使用 Handler 来模拟加载过程。
• 此处使用 postDelayed 来延迟 2 秒后隐藏进度条，显示打勾图标。

步骤 4：整合代码

确保你已将代码填充在对应文件中，并且所有资源文件（如图片和布局）都已创建。

旅程图（Journey）

接下来，我们使用 Mermaid 语法来展现用户操作的旅程图：

状态图（State Diagram）

我们还可以用状态图展示应用的状态变化：

总结

通过以上步骤，我们成功实现了 Android 应用中的加载动画和完成后的打勾效果。请确保将代码放在正确的文件中并进行测试。希望这篇文章对你有所帮助，如果有疑问，欢迎提出！

原创作者: u_16213365 转载于: https://blog.51cto.com/u_16213365/11651847