如何将res/drawable下的animation.xml动画添加到activity_main.xml布局中

1. 布局文件添加ImageView承载动画 #

在你的activity_main.xml中，找到要放动画的按钮所在的父布局，在按钮旁新增一个ImageView控件，通过src属性直接引用你写好的animation.xml帧动画文件即可。
示例代码（横向排列按钮和动画的场景）：

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_marginTop="24dp">

    <!-- 你原有已开发完成的按钮 -->
    <Button
        android:id="@+id/test_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="功能按钮"/>

    <!-- 新增承载帧动画的ImageView -->
    <ImageView
        android:id="@+id/walk_anim_iv"
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:layout_marginStart="16dp"
        <!-- 核心配置：引用drawable下的帧动画文件 -->
        android:src="@drawable/animation"/>

</LinearLayout>

你可以根据你的布局类型（比如ConstraintLayout）调整ImageView的约束位置，确保和按钮对齐即可。

2. 代码中启动动画 #

直接在布局中设置src只会显示帧动画的第一帧，需要在对应MainActivity中添加代码启动动画：

Kotlin 示例 #

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)

    val walkAnimIv = findViewById<ImageView>(R.id.walk_anim_iv)
    val animationDrawable = walkAnimIv.drawable as AnimationDrawable
    // 页面渲染完成后自动启动动画
    walkAnimIv.post {
        animationDrawable.start()
    }

    // 如果需要点击按钮才触发动画，把启动逻辑放到按钮点击事件里即可
    // findViewById<Button>(R.id.test_btn).setOnClickListener {
    //     animationDrawable.start()
    // }
}

Java 示例 #

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

    ImageView walkAnimIv = findViewById(R.id.walk_anim_iv);
    AnimationDrawable animationDrawable = (AnimationDrawable) walkAnimIv.getDrawable();
    // 页面渲染完成后自动启动动画
    walkAnimIv.post(() -> animationDrawable.start());
}

注意事项 #

• 调整ImageView的宽高匹配你的帧动画素材尺寸，避免图片拉伸变形
• 如果你需要动画循环播放，确认你的animation.xml中animation-list标签的oneshot属性设置为false

内容的提问来源于stack exchange，提问作者Mark Ezberg