button - Windows 应用商店应用程序按钮单击事件未使用网格模板触发

Question

我使用VS2012的默认网格模板创建了一个项目，并在右上角添加了一个按钮，它不可点击，如果我删除了GridView，那么它是可点击的。对我来说很奇怪，有人可以指出为什么会这样

<Grid Style="{StaticResource LayoutRootStyle}">
    <Grid.RowDefinitions>
        <RowDefinition Height="140"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <!-- Back button and page title -->
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Button x:Name="backButton" Click="GoBack" IsEnabled="{Binding Frame.CanGoBack, ElementName=pageRoot}" Style="{StaticResource BackButtonStyle}"/>
        <TextBlock x:Name="pageTitle" Text="{StaticResource AppName}" Grid.Column="1" IsHitTestVisible="false" Style="{StaticResource PageHeaderTextStyle}"/>
        <Button 
            x:Name="SettingsButton"
            Grid.Column="2"
            HorizontalAlignment="Right" 
            VerticalAlignment="Center" 
            Margin="0,0,120,0" 
            AutomationProperties.Name="Settings" 
            Content="Settings"
            Click="SettingsButton_Click"
              />
    </Grid>

    <GridView .... />
</Grid>

Answer 1

您的 GridView 被绘制在您的按钮网格之上。将按钮网格声明移到 GridView 下方。

<Grid Style="{StaticResource LayoutRootStyle}">
    <Grid.RowDefinitions>
        <RowDefinition Height="140"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <!-- Move the GridView Here -->
    <GridView .... />

    <!-- Back button and page title -->
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Button x:Name="backButton" Click="GoBack" IsEnabled="{Binding Frame.CanGoBack, ElementName=pageRoot}" Style="{StaticResource BackButtonStyle}"/>
        <TextBlock x:Name="pageTitle" Text="{StaticResource AppName}" Grid.Column="1" IsHitTestVisible="false" Style="{StaticResource PageHeaderTextStyle}"/>
        <Button 
            x:Name="SettingsButton"
            Grid.Column="2"
            HorizontalAlignment="Right" 
            VerticalAlignment="Center" 
            Margin="0,0,120,0" 
            AutomationProperties.Name="Settings" 
            Content="Settings"
            Click="SettingsButton_Click"
              />
    </Grid>
</Grid>