如何在此应用程序中保持图像视图的纵横比？ 【Android、ImageView、长宽比、ScrollView】

Question

我想实现图像视图和按钮组的纵横比，如下图 1 所示。图 2 是我活动的当前状态。我想达到与图1中的应用程序相同的状态。

编辑 1 - 图片一上的应用程序始终是 imageview + 按钮组，一个所有设备，所以这不是纵横比的问题，而是别的东西

图像视图和按钮组被包裹在一个约束布局中，它位于滚动视图内部。

图片1 - 图二——

下面的代码是关于 ImageView 和按钮组的部分。

<ImageView
        android:id="@+id/poster_image"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toTopOf="@id/buttons_group"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>

<androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/buttons_group"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toBottomOf="@id/poster_image"
        app:layout_constraintBottom_toTopOf="@id/imdb_placeholder"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="parent">

    <Button
            android:id="@+id/trailer_button"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:background="@drawable/ic_play"
            android:foreground="?android:attr/selectableItemBackground"
            android:scaleType="centerCrop"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toStartOf="@+id/watch_later_button"
            app:layout_constraintTop_toTopOf="@id/buttons_group"
            app:layout_constraintBottom_toBottomOf="@id/buttons_group"/>

    <Button
            android:id="@+id/watch_later_button"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:background="@drawable/ic_watch_later"
            android:foreground="?android:attr/selectableItemBackground"
            android:scaleType="centerCrop"
            app:layout_constraintTop_toTopOf="@id/buttons_group"
            app:layout_constraintBottom_toBottomOf="@id/buttons_group"
            app:layout_constraintStart_toEndOf="@+id/trailer_button"
            app:layout_constraintEnd_toStartOf="@+id/share_movie_button"/>
    <Button
            android:id="@+id/share_movie_button"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:background="@drawable/ic_share"
            android:foreground="?android:attr/selectableItemBackground"
            android:scaleType="centerCrop"
            app:layout_constraintTop_toTopOf="@id/buttons_group"
            app:layout_constraintBottom_toBottomOf="@id/buttons_group"
            app:layout_constraintStart_toEndOf="@+id/watch_later_button"
            app:layout_constraintEnd_toEndOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

Answer 1

使用RecyclerView，您可以提供多种视图类型。

enum class ViewType {
    HEADER_CONTROLS,
    ADDITIONAL_CONTROLS,
    COMMENTS
}

class Adapter() {
    fun getViewType(position: Int): Int {
        when (position) {
            0 -> ViewType.HEADER_CONTROLS.ordinal
            // ETC
        }
    }
}

然后您可以将标题视图创建为匹配父级，它会适当地滚动。