Как правильно установить значения пути для описания анимации ar c в Android - PullRequest
Новая
       6

Как правильно установить значения пути для описания анимации ar c в Android

0 голосов
/ 27 марта 2020

У меня есть один вид «whiteCircle» внутри кнопки, который я хочу переместить из своей начальной позиции в белое поле «imageSquared», описывающее ar c, а затем вернусь к своей начальной позиции.

Я попробовал: 

private fun startArcAnimation() {

    val path = Path()

    val location = IntArray(2)
    imageSquared.getLocationOnScreen(location)

    path.arcTo(
        0f,
        0f,
        location[0].toFloat() + imageSquared.width,
        location[0].toFloat() + imageSquared.height,
        180f,
        180f,
        true
    )

    val animator = ObjectAnimator.ofFloat(whiteCircle, View.X, View.Y, path)
    animator.duration = 1000
    animator.start()

}

И вот результат:

enter image description here

Можете ли вы помочь мне установить правильные значения пути ? Я безуспешно боролся со свойствами arcTo.

Заранее спасибо.

1 Ответ

1 голос
/ 27 марта 2020

Вот моя реализация:

gif

arcTo метод создания овала, который помещается в прямоугольник. Итак, прежде всего вам нужно создать правильный прямоугольник. Ваш путь должен начинаться с 180 градусов в овале и двигаться на 180 градусов по часовой стрелке (нулевой угол овала находится справа).

scheme

Предлагаю анимировать translationX и translationY свойства вида. 

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        greenButton.setOnClickListener {
            startArcAnimation()
        }
    }

    private fun startArcAnimation() {
        if (red.translationX != 0f) {
            //return to start position animation
            red.animate().translationX(0f).translationY(0f).start()
            return
        }

        val rectHeight = 600
        val left = 0f
        val top = -rectHeight / 2
        val right = white.x - red.x
        val bottom = white.y + rectHeight / 2 - red.y

        val path = Path()
        path.arcTo(left, top.toFloat(), right, bottom, 180f, 180f, true)

        val animator = ObjectAnimator.ofFloat(red, View.TRANSLATION_X, View.TRANSLATION_Y, path)
        animator.duration = 1000
        animator.start()
    }
}

Вот имя_события. xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000"
    android:padding="16dp">

    <Button
        android:id="@+id/greenButton"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:background="#0a0"
        android:stateListAnimator="@null" />

    <ImageView
        android:id="@+id/white"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_gravity="center_vertical|right"
        android:background="#fff" />

    <ImageView
        android:id="@+id/red"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="70dp"
        android:layout_marginBottom="10dp"
        android:background="#f00" />

</FrameLayout>
...