Android自定义视图修改Pivot Point时位置跳变问题求助

我在Android应用中使用自定义MyView实现平移与旋转效果时遇到异常：

• 当支点（Pivot Point）设为视图中心时一切正常
• 切换到其他支点（如Spinner选择的Point 2）时，视图会意外跳转到其他位置
• 该问题仅在视图处于旋转状态时出现，若旋转角度为0则无此现象；若切换支点前将旋转恢复为0，也可避免问题

核心代码示例 #

class MyView(context: Context, attrs: AttributeSet?) : View(context, attrs) {
    var pivotType = 0 // 0:中心，1:Point2
    var rotationAngle = 0f

    override fun onDraw(canvas: Canvas?) {
        super.onDraw(canvas)
        // 绘制自定义内容
    }

    fun updatePivot() {
        when(pivotType) {
            0 -> {
                pivotX = width / 2f
                pivotY = height / 2f
            }
            1 -> {
                pivotX = width * 0.8f
                pivotY = height * 0.2f
            }
        }
    }

    fun setRotation(angle: Float) {
        rotationAngle = angle
        rotation = rotationAngle
    }
}

问题原因 #

Android View的pivotX/pivotY是基于当前视图的坐标系设置的，但视图旋转后，其内部坐标系已随旋转发生偏移。此时直接修改支点坐标，系统会用旋转后的坐标系计算新支点位置，导致视图绘制原点偏移，最终表现为位置跳转。

简言之：旋转状态下的视图坐标系已改变，此时设置的支点是相对旋转后坐标系的位置，而非原始未旋转坐标系，因此出现跳变。

修复方案 #

方案1：临时重置旋转再修改支点 #

核心逻辑是修改支点前先恢复视图到未旋转状态，基于原始坐标系设置支点后，再重新应用旋转角度：

fun updatePivot() {
    // 记录当前旋转角度
    val currentRotation = rotation
    // 临时重置旋转为0，回到原始坐标系
    rotation = 0f
    // 在原始坐标系下设置新支点
    when(pivotType) {
        0 -> {
            pivotX = width / 2f
            pivotY = height / 2f
        }
        1 -> {
            pivotX = width * 0.8f
            pivotY = height * 0.2f
        }
    }
    // 恢复之前的旋转角度
    rotation = currentRotation
}

方案2：手动使用Matrix控制变换（复杂场景推荐） #

通过Matrix完全自定义变换顺序，避免系统默认View变换的坐标系干扰，所有变换基于原始视图坐标系计算：

class MyView(context: Context, attrs: AttributeSet?) : View(context, attrs) {
    private val transformMatrix = Matrix()
    var pivotType = 0
    var rotationAngle = 0f
    var translationX = 0f
    var translationY = 0f

    override fun onDraw(canvas: Canvas?) {
        canvas?.save()
        // 重置矩阵，每次绘制重新计算变换
        transformMatrix.reset()
        // 先执行平移，再基于原始坐标系的支点执行旋转（变换顺序不可乱）
        transformMatrix.postTranslate(translationX, translationY)
        val (pivotX, pivotY) = getPivotPoint()
        transformMatrix.postRotate(rotationAngle, pivotX, pivotY)
        canvas?.concat(transformMatrix)
        // 绘制自定义内容
        drawCustomContent(canvas)
        canvas?.restore()
    }

    private fun getPivotPoint(): Pair<Float, Float> {
        return when(pivotType) {
            0 -> width / 2f to height / 2f
            1 -> width * 0.8f to height * 0.2f
            else -> width / 2f to height / 2f
        }
    }

    private fun drawCustomContent(canvas: Canvas?) {
        // 示例：绘制红色矩形
        val paint = Paint().apply { color = Color.RED }
        canvas?.drawRect(0f, 0f, width.toFloat(), height.toFloat(), paint)
    }

    fun updatePivot() {
        // 修改支点后直接触发重绘即可
        invalidate()
    }

    fun setRotation(angle: Float) {
        rotationAngle = angle
        invalidate()
    }

    fun setTranslation(x: Float, y: Float) {
        translationX = x
        translationY = y
        invalidate()
    }
}

验证效果 #

• 旋转状态下切换支点，视图位置保持连续无跳变
• 支点始终基于原始视图坐标系计算，旋转中心符合预期

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