Question

我正在使用C＃在VS 2017中创建UWP页面，我想从数据库为每个用户（不超过20个）重复运行以下Canvas代码，以创建一系列用户磁贴：

  <Canvas Grid.Column="1" Margin="34,73,1532,625" Grid.Row="1" >
        <Rectangle Canvas.Left="10" Canvas.Top="10" Fill="#3458a5" Width="280" Height="110" VerticalAlignment="Center" />
        <TextBlock Canvas.Left="30" TextWrapping="Wrap" Text="Jill Brown" FontWeight="SemiBold" Canvas.Top="20" Foreground="white" FontSize="26"/>
        <TextBlock Canvas.Left="30" TextWrapping="Wrap" Text="Senior Lounge Host" Canvas.Top="60" Foreground="white" FontSize="16"/>
        <Button Content="Log in" Tag="1" Canvas.Left="200" Canvas.Top="78" HorizontalAlignment="Right" Background="#CC4A7BE5" Foreground="White" Width="78" Click="buttonLogInClick"/>
    </Canvas>

它看起来很好，但我需要能够在页面初始化时创建它。在Bootstrap条款中，我们正在谈论浮动左侧的卡片，但是使用UWP我不知道。

Answer 1

以下是我目前正在处理的项目的代码片段。它使用UWP社区工具包中的Bladeview控件和WrapPanel面板（如果你还没有它，可以使用nuget将它添加到你的项目中）来创建我相信你会动态的效果生成的画布。

我还建议下载＆＃34; UWP Sample App＆＃34;如果你还没有从Windows商店购买。它演示了Community Toolkit可用的控件，并为它们提供了代码。它还提供了代码和文档，可以为您的应用程序提供许多有用的功能。

示例应用程序还将为您提供我正在谈论的bladeview控件的演示。

.toMatch(/[A-Z]{2}\d{5}/)

BladeView Control中的ItemSource应该是包含用户对象的ObservableCollection，而在BladeItem中，您的绑定应该代表您要显示的属性。

这样做会创建一个BladeItem，其中包含类中集合中每个对象的所有绑定属性。 WrapPanel将确保BladeViewer在必要时显示新的BladeItem系列。

以编程方式将画布面板添加到C＃UWP页面

1 个答案: