用XAML构建Tile

Question

我正在尝试通过XAML添加一个瓷砖。我最终希望将文本添加到瓷砖中，比如新闻文章(因此，我的mainpage.xaml中的每个瓷砖都有一篇新闻文章)。有人能向我指出一个例子，或者向我展示如何实现这一目标的代码片段吗？我会贴出一张截图.

​

​

这是我在网上找到的一个代码片段，但看起来是用于Windows 8开发的吗？

<controls:Tile Title="Hello!" 
   TiltFactor="2"
   Width="100" Height="100" 
   Count="1">
</controls:Tile>

注意:这是一个通用Windows应用程序

Answer 1

看看xaml中的GridView ( W8和UWP都存在) https://msdn.microsoft.com/nl-nl/library/windows/apps/windows.ui.xaml.controls.gridview.aspx

您可以定义一个ItemContainterStyle，使它看起来像您的瓷砖。

例如，有一些硬编码项：

<GridView Width="800" Height="300">
  <GridView.ItemsPanel>
    <ItemsPanelTemplate>
      <ItemsWrapGrid Orientation="Vertical" />
    </ItemsPanelTemplate>
  </GridView.ItemsPanel>
  <GridView.ItemContainerStyle>
    <Style TargetType="GridViewItem">
      <Style.Setters>
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate>
              <Grid Background="Gray" Margin="5" Height="100" Width="100">
                <ContentPresenter />
              </Grid>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Style.Setters> 
    </Style>
  </GridView.ItemContainerStyle>

  <GridViewItem>
    Item1
  </GridViewItem>
  <GridViewItem>
    Item2
  </GridViewItem>
  <GridViewItem>
    Item3
  </GridViewItem>
  <GridViewItem>
    Item4
  </GridViewItem>
  <GridViewItem>
    Item5
  </GridViewItem>
  <GridViewItem>
    Item6
  </GridViewItem>
  <GridViewItem>
    Item7
  </GridViewItem>
  <GridViewItem>
    Item8
  </GridViewItem>
</GridView>

这将看起来像：

​

​

如果您想将您的ItemsSource绑定到您的VM，您可以这样做。假设public ObservableCollection<string> Items {get;set;}属性存在于VM中。

将<GridView Width="800" Height="300">替换为<GridView Width="800" Height="300" ItemsSource="{Binding Items}">