如何在滾動時固定值並在中心突出顯示

Question

我需要創建如下所示的 UI

您可以在這里看到數字是突出顯示的部分，它始終位於中心。 我們從左到右滾動它，反之亦然。

我想實現這個所以，我寫了一些如下的代碼。 但我對如何為其添加滾動效果並將突出顯示的文本置於中心沒有任何想法

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        app:layout_constraintBottom_toTopOf="@+id/idCameraControlBottom"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent">

        <TextView
            android:id="@+id/idZoom1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginEnd="50dp"
            android:text="."
            android:textAlignment="textEnd"
            android:textSize="20sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/idZoom2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginEnd="50dp"
            android:background="@drawable/circle_shade"
            android:gravity="center"
            android:text="1X"
            android:textSize="16sp" />

        <TextView
            android:id="@+id/idZoom3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="."
            android:textAlignment="viewStart"
            android:textSize="20sp"
            android:textStyle="bold" />

    </LinearLayout>

非常感謝任何想法/幫助。

Answer 1

您可以像這樣創建它：

<RelativeLayout
    android:layout_centerInParent="true"
    android:layout_width="100dp"
    android:layout_height="wrap_content">
    <HorizontalScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="1"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="1"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="1"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="1"/>
        </LinearLayout>
    </HorizontalScrollView>
    <TextView
        android:layout_centerInParent="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#000"
        android:textColor="#fff"
        android:text="1"/>
</RelativeLayout>

按照您認為合適的方式更改它，基本上，相對布局父級包含在水平可滾動滾動視圖中，在其中您有需要滾動的視圖。 如果你定義了你的數字視圖，在一個相對布局中，它會被簡單地排序在它上面。 然后，您可以將其居中顯示在可滾動的 scrollView 上方。 請注意以下2點：

1. 只有當用戶觸摸可滾動視圖時才會執行滾動。 就像，如果用戶試圖通過自己按下數字來滑動，它不會滾動。
2. 數字后面的內容將隱藏在其后面，它不會從一側“跳過”到另一側，因此您可以通過這種方式獲得“不可見”的內容。