把一个网格变成一个按钮

Question

我有一个2列的网格，我想包裹一个<Button>现在当我这样做，它完全螺丝网格的布局，我该如何禁用按钮的样式，使网格可以通过按钮点击，但看起来是一样的。

当我开始，我有以下XAML

<Grid> 
    <Grid x:Name="LayoutRoot" Background="White"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="180*" /> 
      <ColumnDefinition Width="296*" /> 
     </Grid.ColumnDefinitions> 

     <Image Grid.Column="0" Source="{Binding image}" Margin="10,10,10,10"/> 

     <StackPanel Grid.Column="1"> 
      <TextBlock Grid.Column="1" Text="{Binding hoursAgo}" FontSize="16" FontWeight="Light" FontStyle="Italic"></TextBlock> 
      <TextBlock FontSize="26.667" TextDecorations="Underline" Text="{Binding title}" TextWrapping="Wrap" Height="40" Width="295" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="#FF3253B8" Canvas.Top="22" Grid.Column="1" >News Title Goes here</TextBlock> 
      <TextBlock FontSize="21.333" Text="{Binding description}" TextWrapping="Wrap" d:LayoutOverrides="VerticalAlignment" Grid.Column="1" /> 
     </StackPanel> 
    </Grid>   
</Grid> 

如果我使用Expression Blend将转换为一个按钮，它搅乱源了一下，这是不是我想要

<UserControl.Resources> 
    <Style x:Key="SelectedEntry" TargetType="Button"> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="Button"> 
        <Grid> 
         <Grid x:Name="LayoutRoot" Background="White"> 
          <Grid.ColumnDefinitions> 
           <ColumnDefinition Width="180*" /> 
           <ColumnDefinition Width="296*" /> 
          </Grid.ColumnDefinitions> 

          <Image Grid.Column="0" Source="{Binding image}" Margin="10,10,10,10"/> 

          <StackPanel Grid.Column="1"> 
           <TextBlock FontSize="26.667" TextDecorations="Underline" Text="{Binding title}" TextWrapping="Wrap" Height="40" Width="295" HorizontalAlignment="Left" VerticalAlignment="Top" Foreground="#FF3253B8" Canvas.Top="22" Grid.Column="1" ><Run Text="News Title Goes here"/></TextBlock> 
           <TextBlock FontSize="21.333" Text="{Binding description}" TextWrapping="Wrap" d:LayoutOverrides="VerticalAlignment" Grid.Column="1" /> 
          </StackPanel> 
         </Grid>   
         <ContentPresenter/> 
        </Grid> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
     <Setter Property="FontWeight" Value="Light"/> 
     <Setter Property="FontSize" Value="16"/> 
     <Setter Property="FontStyle" Value="Italic"/> 
    </Style> 
</UserControl.Resources> 

<Button Content="{Binding hoursAgo}" Style="{StaticResource SelectedEntry}"/> 

现在该描述未显示在网格中。

Answer 1

打开混合，用鼠标右键单击要变为Button的Grid，然后选择Make Into Control。

然后在弹出的窗口中，选择控制你想让它转了，在你的情况下，Button。 ：） 而已。