android 倾斜view 手动转动动画随手势左右转动

最新推荐文章于 2021-05-29 04:18:18 发布

原创最新推荐文章于 2021-05-29 04:18:18 发布 · 750 阅读

0 ·

CC 4.0 BY-SA版权

Android Studio 同时被 3 个专栏收录

39 篇文章

订阅专栏

Android

32 篇文章

订阅专栏

Kotlin

16 篇文章

订阅专栏

本文介绍了一个基于Android的View旋转动画实现方法，通过监听触摸事件，实现了以控件中心为旋转中心的动态旋转效果。文章详细解析了代码逻辑，包括如何记录和更新旋转角度，以及在不同触摸事件中调整旋转状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

activity：

package com.manss.myapplication

import android.annotation.SuppressLint
import android.os.Bundle
import android.view.MotionEvent
import android.view.View
import android.view.View.OnTouchListener
import android.widget.RelativeLayout
import androidx.appcompat.app.AppCompatActivity

/**
 * View转动activity
 */
class RotateActivity : AppCompatActivity(), OnTouchListener {
    private var mRoot: RelativeLayout? = null
    private var mCircle: RelativeLayout? = null
    var i = 0
    var viewRotation = 0f
    var fingerRotation = 0.0
    var newFingerRotation = 0.0
    private var mImage: View? = null
    @SuppressLint("ClickableViewAccessibility")
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_rotate_image)
        mRoot = findViewById(R.id.root)
        mCircle = findViewById(R.id.circle)
        mImage = findViewById(R.id.rotate_image_image)
        mRoot?.setOnTouchListener(this)
        val mIndex = intArrayOf(0)

    }

    override fun onTouch(v: View, event: MotionEvent): Boolean {
        val x = event.x
        val y = event.y
        //以控件中心为旋转中心
        val xc = mRoot!!.width / 2.toFloat()
        val yc = mRoot!!.height / 2.toFloat()
        when (event.action) {
            MotionEvent.ACTION_DOWN -> {
                viewRotation = mCircle!!.rotation //记录当前点击时的角度
                fingerRotation = Math.toDegrees(
                    Math.atan2(
                        x - xc.toDouble(),
                        yc - y.toDouble()
                    )
                )
            }
            MotionEvent.ACTION_MOVE -> {
                newFingerRotation = Math.toDegrees(
                    Math.atan2(
                        x - xc.toDouble(),
                        yc - y.toDouble()
                    )
                )
                mCircle!!.rotation = (viewRotation + newFingerRotation - fingerRotation).toFloat()
            }
            MotionEvent.ACTION_UP -> {
                newFingerRotation = 0.0
                fingerRotation = newFingerRotation
            }
        }
        return true
    }
}

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RelativeLayout
        android:layout_width="match_parent"
        android:id="@+id/root"
        android:layout_height="match_parent">

        <RelativeLayout
            android:layout_width="300dp"
            android:layout_centerInParent="true"
            android:id="@+id/circle"
            android:rotationX="25"
            android:layout_height="300dp">

            <ImageView
                android:id="@+id/rotate_image_image"
                android:layout_width="300dp"
                android:layout_height="300dp"
                android:layout_centerInParent="true"
                android:src="@mipmap/circle0"/>

            <TextView
                android:layout_width="wrap_content"
                android:text="@string/app_name"
                android:layout_centerInParent="true"
                android:textColor="@android:color/black"
                android:layout_height="wrap_content"/>

        </RelativeLayout>

    </RelativeLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

activity_rotate_image.xml文件