Android Horizontal Picker View Picker - Xamarin

Question

J'essaie de mettre en œuvre un sélecteur. Sur l'image ci-dessous lorsque l'utilisateur glisse vers la gauche, le petit-déjeuner sera sélectionné et les résultats apparaîtront. Vous pourriez aussi si vous étiez sur le petit-déjeuner, appuyez sur Dîner et cela défilerait doucement jusqu'au dîner. Le XML que j'ai à ce jour est:

<?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> 

Je ne suis pas sûr que ce soit la meilleure façon d'aller à ce sujet, je voudrais aussi que la petite barre verte à afficher sous l'option de sélection comme dans l'image ci-dessous. Tout pointeur ou aide serait vraiment apprécié. J'adorerais savoir si je suis sur les bonnes lignes avec le XML et si vous pouviez me pointer dans la bonne direction de la façon de faire le sélecteur dans le code aussi ce serait génial!

J

Answer 1

Je ne suis pas sûr que ce soit la meilleure façon d'aller à ce sujet, je voudrais aussi que la petite barre verte à afficher sous l'option de sélection comme dans l'image ci-dessous.

La manière courante de mettre en œuvre une telle vue est d'utiliser ViewPager avec indicateur dans Android. Vous pouvez utiliser des bibliothèques pour simplifier ce travail, par exemple ViewPagerIndicator, et vous pouvez jeter un coup d'œil sur certains exemples.

Ou vous pouvez essayer de créer le vôtre. Comme vous l'avez fait dans votre code, utilisez un HorizontalScrollView pour créer un indicateur. Donc, vous êtes dans la bonne direction pour créer un indicateur, il suffit d'utiliser ViewPager avec votre indicateur et définir un écouteur de défilement à eux.