Question

我正在尝试使SharedElementTransition向上移动一些项目（并且工作正常）并在途中调整居中图像的大小。我遇到的问题是图像在调整大小阶段不会居中。这产生了怪异的效果（显示在随附的gif上）。

我将图像在ConstraintLayout中居中，如下所示：在主屏幕（顶部带有标签的页面）中，我这样做：

<ImageView
                    android:id="@+id/coverCv"
                    android:layout_width="0dp"
                    android:layout_height="0dp"
                    android:layout_marginStart="76dp"
                    android:layout_marginTop="56dp"
                    android:layout_marginEnd="76dp"
                    android:layout_marginBottom="60dp"
                    android:transitionName="songImageTransition"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintDimensionRatio="1:1"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintHorizontal_bias="0.5"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toTopOf="parent" />

此图像的高度基于父级高度，这在各种屏幕尺寸上都不同。在第二个视图（一个在底部的菜单中）中，我像这样设置图像：

<androidx.constraintlayout.widget.Guideline
                            android:id="@+id/guidelineLeft"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:orientation="vertical"
                            app:layout_constraintGuide_percent="0.3" />

                    <androidx.constraintlayout.widget.Guideline
                            android:id="@+id/guidelineRight"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:orientation="vertical"
                            app:layout_constraintGuide_percent="0.7" />

                    <ImageView
                            android:id="@+id/songImageCv"
                            android:layout_width="0dp"
                            android:layout_height="0dp"
                            android:layout_marginTop="24dp"
                            android:transitionName="songImageTransition"
                            app:layout_constraintDimensionRatio="1:1"
                            app:layout_constraintEnd_toEndOf="@+id/guidelineRight"
                            app:layout_constraintStart_toEndOf="@+id/guidelineLeft"
                            app:layout_constraintTop_toBottomOf="@+id/activity_layout_album_details_cl" />

此处图像的宽度固定为屏幕宽度的40％左右。转换由Jetpack导航方向传递，并在第二个屏幕中进行设置，如下所示：

override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        sharedElementEnterTransition =
            TransitionInflater.from(context).inflateTransition(android.R.transition.move)
    }

当我在两个屏幕上设置相同的图像大小时，过渡效果完美。但是在这里看起来图像边界在过渡期间是浮动的，而不是同时居中和拉伸

sharedElementTransition上的图像调整大小不正确

0 个答案: