如何用Anime XML与Java代码实现箭头按钮左右循环平移动画？

嘿，我来帮你搞定这个箭头按钮的左右循环平移动画！之前你改缩放动画没成功，大概率是没切换到平移动画的对应标签和属性，咱们一步步来实现：

首先在你的res/anim目录下新建一个动画文件，比如命名为translate_arrow.xml。这里用<translate>标签来定义平移动画，同时配置循环规则：

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="0"          <!-- 动画起始位置：相对于按钮自身的X轴偏移为0 -->
    android:toXDelta="20"           <!-- 动画结束位置：相对于自身向右移20dp（你可以根据需求调整数值） -->
    android:duration="800"          <!-- 单次动画的时长，单位毫秒 -->
    android:repeatMode="reverse"    <!-- 循环模式：到达终点后反向移动回起点 -->
    android:repeatCount="infinite"  <!-- 无限循环 -->
    android:interpolator="@android:anim/linear_interpolator" /> <!-- 匀速运动，避免快慢变化 -->

这里的fromXDelta和toXDelta还支持百分比写法：

• "10%"：相对于按钮自身宽度的10%
• "10%p"：相对于父布局宽度的10%

找到你的箭头ImageButton，加载上面的动画并启动即可：

// 获取箭头按钮实例
ImageButton arrowBtn = findViewById(R.id.your_arrow_button_id);

// 加载XML动画
Animation translateAnim = AnimationUtils.loadAnimation(this, R.anim.translate_arrow);

// （可选）如果需要监听动画状态，比如开始、重复事件，可以添加监听器
translateAnim.setAnimationListener(new Animation.AnimationListener() {
    @Override
    public void onAnimationStart(Animation animation) {
        // 动画开始时的自定义操作，比如记录状态
    }

    @Override
    public void onAnimationEnd(Animation animation) {
        // 无限循环下这个方法不会触发，除非手动停止动画
    }

    @Override
    public void onAnimationRepeat(Animation animation) {
        // 每次动画重复时的操作
    }
});

// 启动动画
arrowBtn.startAnimation(translateAnim);

如果后续需要停止动画，只需要调用：

arrowBtn.clearAnimation();

如果你的边界范围不能硬写在XML里，需要根据父布局或按钮尺寸动态计算，那可以直接用Java代码创建平移动画，比如让按钮在父布局左右各留10dp的范围内来回移动：

ImageButton arrowBtn = findViewById(R.id.your_arrow_button_id);
ViewGroup parentLayout = findViewById(R.id.parent_layout_id);

// 必须等布局绘制完成后才能获取正确的尺寸，所以用post方法
parentLayout.post(() -> {
    int parentWidth = parentLayout.getWidth();
    int btnWidth = arrowBtn.getWidth();
    // 将dp转换为像素
    int margin = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 10, getResources().getDisplayMetrics());
    
    // 计算按钮可移动的最大右偏移（避免超出父布局右侧）
    int maxRightOffset = parentWidth - btnWidth - margin;
    
    // 创建动态平移动画
    TranslateAnimation dynamicAnim = new TranslateAnimation(
            Animation.RELATIVE_TO_SELF, 0f,  // 起始X：相对于自身初始位置
            Animation.RELATIVE_TO_PARENT, (float) maxRightOffset / parentWidth,  // 结束X：相对于父布局的比例位置
            Animation.RELATIVE_TO_SELF, 0f,  // Y轴保持不动
            Animation.RELATIVE_TO_SELF, 0f
    );
    
    // 设置动画参数
    dynamicAnim.setDuration(1500);
    dynamicAnim.setRepeatMode(Animation.REVERSE);
    dynamicAnim.setRepeatCount(Animation.INFINITE);
    dynamicAnim.setInterpolator(new LinearInterpolator());
    
    // 启动动画
    arrowBtn.startAnimation(dynamicAnim);
});

为什么之前改缩放动画没成功？因为缩放动画用的是<scale>标签，平移动画是<translate>标签，两者的属性完全不同，只要把标签切换成translate并配置对应的X轴偏移属性，就能实现你要的效果啦～

内容的提问来源于stack exchange，提问作者Kylo Ren