如何在WPF中制作像tile视图这样的东西

Question

我想制作像瓷砖一样的东西;就像在附加图片（下面的可点击图片和标签），但我是XAML的新手，不知道我应该使用什么控件。我试过网格，但我认为有更好的解决方案。项目将在运行时添加和管理。

Answer 1

你可以尝试这种风格，

"~/Views/MyController/MyPartial"

请不要忘记标记为答案

Answer 2

考虑使用UniformGrid，它旨在均匀地分隔行/列类型格式的项目。然后只使用填充边框和文本框。我把它留给你添加一个图像，一个按钮，边框内需要的东西，以达到预期的效果。

<UniformGrid  Height="100" Width="120">
    <UniformGrid.Resources>
        <Style x:Name="BorderStyle" TargetType="Border">
            <Setter Property="Height" Value="40"/>
            <Setter Property="Width" Value="40"/>
            <Setter Property="BorderBrush" Value="Red"/>
            <Setter Property="BorderThickness" Value="2"/>
            <Setter Property="Background" Value="Brown"/>
        </Style>
        <Style x:Name="TextBlockStyle" TargetType="TextBlock">
            <Setter Property="HorizontalAlignment" Value="Center"/>
            <Setter Property="VerticalAlignment" Value="Bottom"/>
            <Setter Property="Foreground" Value="Wheat"/> 
        </Style>                
    </UniformGrid.Resources>
    <Border><TextBlock Text="Pizza"/></Border>
    <Border><TextBlock Text="Pizza"/></Border>
    <Border><TextBlock Text="Pizza"/></Border>
    <Border><TextBlock Text="Pizza"/></Border>
</UniformGrid>

请注意，UniformedGrid可以动态加载模板化项目，就像任何其他控件一样。我的演示使它看起来像静态，我不想给它那种印象。

Answer 3

你知道mahapps.metro？我建议你使用如果你想要遵循瓷砖的路径，它们在WPF的地铁风格方面几乎都有。

http://mahapps.com/controls/tile.html

希望有所帮助。