如何使滚动视图中的项目位于屏幕中央

Question

我在水平滚动视图中有三个cardwiew，我希望中间的一个位于屏幕的中心（就好像用户为了接近它而刷卡一样）。如何在XML中或通过编程实现这一点？

XML布局：

<HorizontalScrollView
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="16dp"
    android:layout_marginTop="8dp"
    android:layout_marginEnd="16dp"
    android:scrollbars="none"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/culture_toolbar">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <androidx.cardview.widget.CardView
            android:id="@+id/one"
            android:layout_width="300dp"
            android:layout_height="300dp"
            android:layout_marginEnd="10dp"
            app:cardCornerRadius="12dp">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="fitXY"
                android:src="@drawable/beach_bg_placeholder" />

        </androidx.cardview.widget.CardView>

        <androidx.cardview.widget.CardView
            android:id="@+id/two"
            android:layout_width="300dp"
            android:layout_height="300dp"
            app:cardCornerRadius="12dp">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="fitXY"
                android:src="@drawable/beach_bg_placeholder" />

        </androidx.cardview.widget.CardView>

        <androidx.cardview.widget.CardView
            android:id="@+id/three"
            android:layout_width="300dp"
            android:layout_height="300dp"
            app:cardCornerRadius="12dp">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="fitXY"
                android:src="@drawable/beach_bg_placeholder" />

        </androidx.cardview.widget.CardView>
    </LinearLayout>
</HorizontalScrollView>

这就是我想要的结果：




Answer 1

所以我不认为你能在xml中做到这一点。

我的建议是用代码来做。因此，在Activity中设置ContentView（）或片段中的onViewCreated（）后，可以测量整个scrollview的宽度，将其除以2，然后使用horizontalScrollView的smoothScrollBy（int dx，int dy）方法，如果不需要设置动画，则使用scrollBy（int dx，int dy）方法。

要获得滚动视图的宽度，您可以按照以下答案进行操作。只需确保将正确的单位传递给方法，如像素、dps等。

如果你需要变换单位，那么你可以使用这样的东西。

Answer 2

您是否尝试在线性布局中使用布局？

android:layout_gravity="center"

<LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

<LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_gravity="center">

Answer 3

我怎么做，在xml最好？

AFAIK只使用XML，这是不可能的

如何使滚动视图中的项目位于屏幕中央

我建议您应该使用carousel布局，而不是使用HorizontalScrollView

您可以使用ViewPager和RecyclerView

查看以下有关carousel布局的好文章

>

Android中带ViewPager的旋转木马布局

Android ViewPager-在左右两侧显示页面预览

带RecyclerView的旋转木马布局