在Xamarin.Forms中的CardView

Question

我正在寻找一种动态生成类似卡片的控件的方法：

我一直在进行一些搜索，并找到this article，向您展示如何在 Xamarin.Android项目上实施CardView。但是我使用的是Xamarin.Forms，所以我也可以为iOS编译。

我还尝试使用带有ViewCells和一些StackLayout标签的ListView，但是甚至无法接近它，这里是代码：

<ListView x:Name="listView">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell Height="300">
                <StackLayout>
                    <StackLayout Orientation="Horizontal">
                        <Image Source="{Binding UserAvatar}" />
                        <Label Text="{Binding UserName}" />
                    </StackLayout>
                    <Image Source="{Binding BittImage}" />
                </StackLayout>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

我对Xamarin很新，所以如果我错过了一些基本的东西，请告诉我们。

Answer 1

你走在正确的轨道上。使用ListView，以Frame为根元素和边距，并根据需要设置ListView的背景颜色。这应该给你看卡。然后根据需要填写卡片。

<ListView x:Name="listView" BackgroundColor="Gray">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell Height="300">
                <Frame HasShadow="true" Margin="5">
                    <StackLayout>
                        <StackLayout Orientation="Horizontal">
                            <Image Source="{Binding UserAvatar}" />
                            <Label Text="{Binding UserName}" />
                        </StackLayout>
                        <Image Source="{Binding BittImage}" />
                    </StackLayout>
                </Frame>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>