Xamarin.forms xamarin表单中的动态水平列表视图

Xamarin.forms xamarin表单中的动态水平列表视图,xamarin.forms,cross-platform,Xamarin.forms,Cross Platform,我需要在我的项目中集成动态水平listview。我在网站的博客下面找到了这个概念。但是我混淆了这段代码来集成到我的项目中。请向任何人提出一个想法。我需要这种图像类型的网格或水平列表视图() Mainpage.xaml.cs public void SetupUserStack() { ---------- issue in _itemSelectCommand in my code cButtonList.Add(new CircleButton(_itemSelectCo

我需要在我的项目中集成动态水平listview。我在网站的博客下面找到了这个概念。但是我混淆了这段代码来集成到我的项目中。请向任何人提出一个想法。我需要这种图像类型的网格或水平列表视图()

Mainpage.xaml.cs

public void SetupUserStack()
{


    ---------- issue in _itemSelectCommand in my code

    cButtonList.Add(new CircleButton(_itemSelectCommand)

     { CircleSize = otherCircleSize, CircleFontSize = 35, Text = initials, BackgroundColor = Color.White, TextColor = ourBlue, BorderColor = ourBlue, BorderWidth = 1.5 });
    var b2 = new Button() { Text = lname, TextColor = ourBlue };

    //otherGrid.Children.Add(LargeCB, 0, 0);


    otherGrid.Children.Add(cButtonList[i], 0, 0);


    otherGrid.Children.Add(b2, 0, 1);


    UserStack.Children.Add(otherGrid);

}

我所指的博客:

这是实现同样目标的另一种方式。Xamarin表单现在支持
可绑定布局

XAML代码:

 <ScrollView  
   Orientation="Horizontal" 
   HorizontalScrollBarVisibility="Default">
     <StackLayout Margin="20,0,20,0"
                    Orientation="Horizontal"
                    BindableLayout.ItemsSource="{Binding LogoImages}">
                    <BindableLayout.ItemTemplate>
                        <DataTemplate>
                            <Image
                                HeightRequest="25"
                                Margin="0,0,5,0"
                                Source="{Binding logoImage}">
                            </Image>
                        </DataTemplate>
                    </BindableLayout.ItemTemplate>
                </StackLayout>
            </ScrollView>

以下是示例的更多信息:

使用a创建水平列表会更简单、更快,例如:

<CollectionView ItemsSource="{Binding Monkeys}"
                ItemsLayout="HorizontalList">
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <Grid Padding="10">
                <Grid.RowDefinitions>
                    <RowDefinition Height="35" />
                    <RowDefinition Height="35" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="70" />
                    <ColumnDefinition Width="140" />
                </Grid.ColumnDefinitions>
                <Image Grid.RowSpan="2"
                       Source="{Binding ImageUrl}"
                       Aspect="AspectFill"
                       HeightRequest="60"
                       WidthRequest="60" />
                <Label Grid.Column="1"
                       Text="{Binding Name}"
                       FontAttributes="Bold"
                       LineBreakMode="TailTruncation" />

                //...your layout

            </Grid>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

//…你的布局
Monkeys
应该是ViewModel中的列表

您可以在此处使用MVVM结构检查示例:


在你的链接博客中,他用
用户动态创建网格。Count
我认为很难将他的代码集成到MVVM结构中。

你检查博客,我需要那种水平滚动视图。但是我不知道博客代码MVVM流程是否与我的项目集成。你没有动态设置所有内容。只需设计XAML并绑定模型列表。你能简单解释一下吗?因为我是xamarin的新手,这是我的第一个项目,所以只要问问你是否介意,请帮我这里是一个可以帮助你的例子,你真正想要什么?水平列表视图?有什么要求吗?我附加了下面的博客网站作为参考水平列表视图,你能检查一下吗?我不知道如何将博客网站代码集成到我的MVVM结构的项目中使用collectionView,然后将itemSource绑定到你的ViewModel中的属性。你能告诉我如何将下面的参考集成到我的项目中吗无需对水平列表或集合视图进行采样。我需要在水平列表中动态单击按钮时添加项目。“添加”按钮也位于水平列表中。如何执行此操作?@jelinTirsha单击“添加”按钮时,将新用户添加到blog和call页面中的_用户。SetupUserStack(_用户);。我已经整合了这个博客,但在下面不知何故将其命名为我的代码cButtonList.Add(新的CircleButton(ItemSelectCommand){CircleSize=otherCircleSize,CircleFontSize=35,Text=缩写,BackgroundColor=Color.White,TextColor=ourBlue,BorderColor=ourBlue,BorderWidth=1.5});var b2=new Button(){Text=lname,TextColor=ourBlue}//otherGrid.Children.Add(LargeCB,0,0);otherGrid.Children.Add(cButtonList[i],0,0);otherGrid.Children.Add(b2,0,1);UserStack.Children.Add(其他网格);你能编辑你的问题并在那里添加你的代码吗?告诉我们问题出在哪里,你需要什么。@jelinTirsha我还是不明白你的意思,\u itemSelectCommand中有什么问题?