Как привязать данные к стековой структуре в xamarin

Question

Я хочу создать вертикальный ScrollView.Вот так:

Вот код, который я попробовал:

<ScrollView x:Name="newArrival" Orientation="Horizontal" HorizontalScrollBarVisibility="Always">
    <StackLayout Orientation="Horizontal">
        <Frame BackgroundColor="Black" HeightRequest="100" WidthRequest="100">
            <StackLayout>
                <Image HeightRequest="70"/>
                <Label Text="{Binding Name}" FontSize="15" HorizontalOptions="Center"/>
                <Label Text="{Binding Desc}" FontSize="13" HorizontalOptions="Center"/>
            </StackLayout>
        </Frame>
    </StackLayout>
</ScrollView>

Спасибо за любую помощь.

Answer 1

Вы можете использовать ScrollView по горизонтали и дать Stacklayout внутри, которое также ориентировано по горизонтали.В коде позади вы можете создавать свои элементы динамически, создавая цикл, который проходит по вашему списку с объектами, которые вы хотите связать.Всякий раз, когда новый объект проходит через цикл, новый элемент создается внутри Stacklayout.

Answer 2

Основываясь на своем изображении, вы просто хотите достичь на ScrollView, это не разумно, если у вас есть много элементов в этом представлении.Я предлагаю вам добиться этого следующими тремя способами.

1. Повернутый Xamarin Forms ListView.
2. Пользовательский элемент управления - Сетка + Горизонтальный ScrollView
3. Пользовательские элементы рендеринга - Android.RecyclerView& iOS.UICollectionView (я рекомендую это)

Если вы хотите узнать больше информации о трех способах, вы можете обратиться по этой ссылке.https://causerexception.com/2018/02/06/xamarin-forms-ultimate-horizontal-list-guide/

Существует демонстрационный код, приведенный выше.

https://github.com/DanielCauser/XamarinHorizontalList

Если у вас есть сомнения по поводу привязки данных Model-View-ViewModel (MVVM). Пожалуйста, обратитесьна эту ссылку.https://blog.xamarin.com/introduction-to-data-binding/