Android水平滾動視圖選取器-Xamarin

Question

我正在嘗試實現一個選擇器。 在下面的圖像中，當用戶向左滑動“早餐”時，將選擇“早餐”並顯示結果。如果您在“早餐”中，也可以按“晚餐”，然后它將平滑滾動到“晚餐”。 到目前為止，我擁有的XML是：

  <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:minWidth="25px"
    android:minHeight="25px">
    <HorizontalScrollView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scrollbarSize="0dp">
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:gravity="center">
            <LinearLayout
                android:padding="16dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="vertical">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Breakfast" />
            </LinearLayout>
            <LinearLayout
                android:padding="16dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="vertical">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Lunch" />
            </LinearLayout>
            <LinearLayout
                android:padding="16dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="vertical"
                android:id="@+id/linearLayout2">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Dinner"
                    android:id="@+id/textView2" />
            </LinearLayout>
        </LinearLayout>
    </HorizontalScrollView>
</LinearLayout>

我不太確定這是最好的解決方法，我也希望小綠色條顯示在選擇選項下，如下圖所示。 任何指針或幫助將不勝感激。 很想知道Im是否與XML保持正確的對接，如果您能向我指出如何使代碼選擇器正確的方向，那也很棒！

Ĵ

Answer 1

我不太確定這是最好的解決方法，我也希望小綠色條顯示在選擇選項下，如下圖所示。

實現這種視圖的常見方法是在Android ViewPager與Indicator一起使用。 您可以使用一些庫來簡化此工作，例如ViewPagerIndicator ，並且可以查看一些示例。

或者，您可以嘗試創建自己的一個。 像在代碼中一樣，使用HorizontalScrollView創建一個指示器。 因此，您在正確的方向上創建指示器，只需將ViewPager與指示器一起使用並ViewPager設置滾動偵聽器即可。