Android:在ContraintsLayout中对ImageView进行动画处理

时间:2019-06-23 21:44:24

标签: android android-studio animation constraints

我正在尝试为一些contointsLayout中的imageView设置动画,但是找不到关于它如何工作的很好的解释。

我已经设置了一个屏幕布局,其中imageViews应该开始被限制在几个editText框上。然后,我尝试相对于此起始位置制作动画,但是当我尝试以编程方式计算出imageView所在的位置时,它总是会丢失坐标并在屏幕顶​​部变为0。

我试图在onCreate上获得imageView的Y位置,以为它只会在我将其放在设计中的位置然后从那里进行动画处理,但是它只会在屏幕顶部到达Y = 0。

这是我的布局XML ...

    <EditText
        android:id="@+id/testTimerEditText"
        android:layout_width="214dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="32dp"
        android:background="@null"
        android:ems="10"
        android:enabled="false"
        android:gravity="top"
        android:inputType="none|textMultiLine|textNoSuggestions"
        android:singleLine="false"
        android:textAppearance="@style/TextAppearance.AppCompat"
        android:textColor="@android:color/black"
        android:textSize="18sp"
        android:textStyle="bold"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/editTextEventDesc" />

    <EditText
        android:id="@+id/editTextEventDesc"
        android:layout_width="214dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:background="@null"
        android:ems="10"
        android:enabled="false"
        android:gravity="top"
        android:inputType="none|textMultiLine|textNoSuggestions"
        android:textAppearance="@style/TextAppearance.AppCompat"
        android:textColor="@android:color/black"
        android:textSize="18sp"
        android:textStyle="bold"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />




    <ImageView
        android:id="@+id/imgSecsUnitsCurr"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="32dp"
        app:layout_constraintStart_toStartOf="@+id/testTimerEditText"
        app:layout_constraintTop_toBottomOf="@+id/testTimerEditText"
        app:srcCompat="@drawable/zero" />

    <ImageView
        android:id="@+id/imgSecsUnitsNew"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toStartOf="@+id/imgSecsUnitsCurr"
        app:layout_constraintTop_toBottomOf="@+id/imgSecsUnitsCurr"
        app:srcCompat="@drawable/nine" />

这是我尝试制作动画的活动代码...

    float yPosSecs;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imgCurrSecsUnits = (ImageView) findViewById(R.id.imgSecsUnitsCurr);
        imgNewSecsUnits = (ImageView) findViewById(R.id.imgSecsUnitsNew);
        yPosSecs = imgCurrSecsUnits.getY();
    }

    public void incrementDigit (String currentImage, String newImage) {

        //Setup images.
        imgCurrSecsUnits.setImageResource(getResources().getIdentifier(currentImage, "drawable", getPackageName()));
        imgNewSecsUnits.setImageResource(getResources().getIdentifier(newImage, "drawable", getPackageName()));

        //Initialise imageViews.
        imgCurrSecsUnits.setAlpha(1f);
        imgCurrSecsUnits.setY((yPosSecs) - imgCurrSecsUnits.getHeight());
        imgCurrSecsUnits.setScaleY(1f);
        imgNewSecsUnits.setY(imgCurrSecsUnits.getY() + imgCurrSecsUnits.getHeight());
        imgNewSecsUnits.setX(imgCurrSecsUnits.getX());
        imgNewSecsUnits.setAlpha(0f);
        imgNewSecsUnits.setScaleY(0f);

        //Increment animation.
        imgCurrSecsUnits.animate().translationYBy(imgCurrSecsUnits.getHeight() * -1).alpha(0f).scaleY(0f).setDuration(1000).start();
        imgNewSecsUnits.animate().translationYBy(imgNewSecsUnits.getHeight() * -1).alpha(1f).scaleY(1f).setDuration(1000).start();

    }

我正在尝试一种伪机械时钟动画,其中一个数字(第一个imageView)上升并超出可见性,而下一个数字(第二个imageView)上升至可见性之下。我对动画效果很好,只是不能让它停留在我在设计时添加的位置。

0 个答案:

没有答案