Çoklu dokunma: Kaydırma, yakınlaştırma, döndürme

Kaydırma, yakınlaştırma ve döndürme için kullanılan çoklu dokunma hareketlerini algılamak üzere transformable değiştiricisini kullanabilirsiniz. Bu değiştirici, öğeleri tek başına dönüştürmez, yalnızca hareketleri algılar.

@Composable
private fun TransformableSample() {
    // set up all transformation states
    var scale by remember { mutableFloatStateOf(1f) }
    var rotation by remember { mutableFloatStateOf(0f) }
    var offset by remember { mutableStateOf(Offset.Zero) }
    val state = rememberTransformableState { zoomChange, offsetChange, rotationChange ->
        scale *= zoomChange
        rotation += rotationChange
        offset += offsetChange
    }
    Box(
        Modifier
            // apply other transformations like rotation and zoom
            // on the pizza slice emoji
            .graphicsLayer(
                scaleX = scale,
                scaleY = scale,
                rotationZ = rotation,
                translationX = offset.x,
                translationY = offset.y
            )
            // add transformable to listen to multitouch transformation events
            // after offset
            .transformable(state = state)
            .background(Color.Blue)
            .fillMaxSize()
    )
}

Çoklu dokunma hareketlerine (kaydırma, yakınlaştırma ve döndürme) yanıt veren bir kullanıcı arayüzü öğesi

Yakınlaştırma, kaydırma ve döndürme işlemlerini diğer hareketlerle birleştirmeniz gerekiyorsa PointerInputScope.detectTransformGestures algılayıcısını kullanabilirsiniz.

  • Not: JavaScript devre dışı bırakıldığında bağlantı metni gösterilir.
  • Hareketleri anlama