在 WPF 中创建网格/WrapPanel 或其他 UIElement 的缩略图

Question

我有一个带有一些图像的Grid。

我想制作另一个 Grid ，它将是这个 Grid 的副本，“只是更小”。我希望添加到第一个 Grid 的每个 Image 也会添加到另一个 Grid 中。

如果有人可以帮助我。

Answer 1

如果您使用 MVVM，您就有一个驱动第一个网格内容的绑定。将第二个网格重新绑定到相同的数据成员，即使在对该集合执行编辑之后，它也会更新以显示相同的内容。

Answer 2

使用视觉画笔

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<UniformGrid Rows="1">
    <StackPanel Name="Original" Width="100" Height="100">
        <TextBlock Text="Pretend I'm a list of images"/>
        <TextBlock Text="Pretend I'm a list of images"/>
        <TextBlock Text="Pretend I'm a list of images"/>
        <TextBlock Text="Pretend I'm a list of images"/>
        <TextBlock Text="Pretend I'm a list of images"/>
        <TextBlock Text="Pretend I'm a list of images"/>
        <TextBlock Text="Pretend I'm a list of images"/>
        <TextBlock Text="Pretend I'm a list of images"/>
        <TextBlock Text="Pretend I'm a list of images"/>
        <TextBlock Text="Pretend I'm a list of images"/>
    </StackPanel>
    <Rectangle Name="Thumbnail" Width="50" Height="50">
        <Rectangle.Fill>
            <VisualBrush Visual="{Binding ElementName=Original}"/>
        </Rectangle.Fill>
    </Rectangle>
</UniformGrid>
</Page>