Android视图位置、尺寸及边距动画实现方案咨询

嘿，针对你要实现的Android视图位置、宽高、边距这类属性动画的需求，我给你整理了几个实用的方案，刚好能匹配你图里ViewGroup和内部视图联动动画的场景～

要实现ViewGroup及其内部视图同时改变位置、宽度、高度、边距的动画，Android的**属性动画（Property Animation）**是最适合的选择——它能灵活控制几乎所有视图属性的渐变过程，完美适配你图里的双向动画需求。

一、灵活自定义：用ValueAnimator做多属性联动动画 #

ValueAnimator可以让你手动控制属性的数值变化，在回调里实时更新视图的LayoutParams，轻松实现位置、宽高、边距的同步动画，特别适合ViewGroup和内部视图的联动场景。

代码示例：点击按钮触发联动动画 #

假设你的布局里有三个绿色ViewGroup（id分别为group1、group2、group3），内部视图是viewYellow、viewBlue、viewOrange，触发按钮为btnAnimate，参考代码如下：

btnAnimate.setOnClickListener {
    // 以group1为例，定义动画的起始值和目标值，你可以根据箭头方向给其他ViewGroup设置相反参数
    val startLeft = group1.left
    val targetLeft = startLeft + 200 // 向右移动200px
    val startWidth = group1.width
    val targetWidth = startWidth + 150 // 宽度增加150px
    val startMarginLeft = (group1.layoutParams as ViewGroup.MarginLayoutParams).leftMargin
    val targetMarginLeft = startMarginLeft + 50 // 左外边距增加50px

    val animator = ValueAnimator.ofFloat(0f, 1f)
    animator.duration = 800 // 动画时长800ms
    animator.addUpdateListener { animation ->
        val progress = animation.animatedValue as Float
        // 更新ViewGroup的位置、宽度和边距
        group1.layoutParams.apply {
            left = (startLeft + (targetLeft - startLeft) * progress).toInt()
            width = (startWidth + (targetWidth - startWidth) * progress).toInt()
            (this as ViewGroup.MarginLayoutParams).leftMargin = 
                (startMarginLeft + (targetMarginLeft - startMarginLeft) * progress).toInt()
        }
        group1.requestLayout() // 必须调用触发视图重绘

        // 同步更新内部黄色视图的属性，比如跟随ViewGroup调整尺寸
        viewYellow.layoutParams.apply {
            width = (viewYellow.width + (targetWidth - startWidth) * progress).toInt()
            height = (viewYellow.height * (1 + 0.2f * progress)).toInt() // 高度同步增加20%
        }
        viewYellow.requestLayout()
    }
    animator.start()

    // 给group2、group3添加对应的动画逻辑，根据紫色箭头方向设置相反的目标值即可（比如向左移动、缩小宽度）
}

二、简化操作：用ObjectAnimator+AnimatorSet组合动画 #

如果只需要单独控制某个属性（比如位置、宽高），可以用ObjectAnimator直接操作视图属性，再用AnimatorSet把多个动画组合起来，实现同步执行。

示例：同时移动+缩放ViewGroup #

// 移动ViewGroup到目标位置（X轴方向）
val translateAnim = ObjectAnimator.ofFloat(group1, "translationX", 0f, 200f)
// 缩放ViewGroup的宽度
val scaleWidthAnim = ObjectAnimator.ofInt(group1, "width", group1.width, group1.width + 150)
// 缩放ViewGroup的高度
val scaleHeightAnim = ObjectAnimator.ofInt(group1, "height", group1.height, group1.height + 100)

val animSet = AnimatorSet()
animSet.playTogether(translateAnim, scaleWidthAnim, scaleHeightAnim) // 同时执行所有动画
animSet.duration = 800
animSet.start()

注意：ObjectAnimator直接操作width、height这类属性时，部分场景下需要配合requestLayout()才能生效，确保视图重新计算布局。

三、边距动画的特殊处理 #

边距是存放在MarginLayoutParams中的，无法直接用ObjectAnimator操作，推荐两种方式：

• 用ValueAnimator在回调里修改MarginLayoutParams的属性（如第一个示例）
• 自定义MarginAnimation类继承Animation，重写applyTransformation方法更新边距

四、开发关键注意事项 #

• 动画过程中必须调用requestLayout()或invalidate()触发视图重绘，否则属性变化不会显示在界面上
• 属性动画默认会保留动画结束后的最终状态，不需要额外处理（区别于补间动画）
• 实现双向动画时，给不同ViewGroup设置相反的目标值即可（比如一个向左移，一个向右移）

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