如何在Glance Widget中旋转Composable组件？

Glance的GlanceModifier确实没有直接提供rotate扩展函数，但可以通过以下两种方式实现旋转效果：

1. 利用graphicsLayer修改图层变换 #

这是最接近常规Composable中Modifier.rotate的实现方式，通过graphicsLayer的rotation参数设置旋转角度，同时可以指定旋转原点：

// 示例：旋转时钟时针
Text(
    text = "⏳",
    modifier = GlanceModifier
        .size(40.dp)
        .graphicsLayer {
            rotation = calculateHourRotation() // 自定义计算的旋转角度
            transformOrigin = TransformOrigin(0.5f, 0.5f) // 以组件中心为旋转原点
        }
)

transformOrigin参数用0-1的比例值定义旋转中心，(0.5f, 0.5f)对应组件的正中心，默认是左上角(0f, 0f)。

2. 在Canvas内部旋转绘制 #

如果是自定义绘制时钟指针这类元素，直接在Glance的Canvas组件内旋转画布后再绘制，更灵活：

Canvas(modifier = GlanceModifier.size(120.dp)) {
    val center = Offset(size.width / 2, size.height / 2)
    // 保存当前画布状态
    save()
    // 围绕中心旋转指定角度
    rotate(angle = calculateMinuteRotation(), pivotX = center.x, pivotY = center.y)
    // 绘制分针
    drawLine(
        start = center,
        end = Offset(center.x, center.y - size.height * 0.45f),
        color = Color.DarkGray,
        strokeWidth = 3.dp.toPx()
    )
    // 恢复画布原始状态，避免影响后续绘制
    restore()
}

这种方式适合完全自定义的绘制场景，比如同时绘制时针、分针、秒针时，可以分别旋转画布后绘制对应元素。

关键注意点 #

• 旋转角度的计算要基于当前时间，建议在Glance的provideGlance中通过currentState获取时间，或者使用GlanceAppWidget的定时更新机制刷新旋转角度。
• 对于静态旋转（比如固定角度的装饰元素），直接传入固定数值即可；动态旋转则需要结合状态更新触发重组。

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