Search code examples
c#xamlgridviewuwp-xamlfluent-design

How to enable reveal highlighting in `GridView`


I am developing a UWP app with the target build and min build of 16299. According to the documenation GridView should have the reveal highlight automatically for the FCU. But I could not see anything. AutoSuggestBox is also not working. However, NavigationView is showing the reveal highlight effects.

Below is the XAML. The project is developed using Windows Template Studio 1.5 in Visual Studio 2017 15.5.2.

<GridView Margin="{StaticResource MediumLeftRightMargin}">
    <GridView.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapGrid HorizontalAlignment="Center" Orientation="Horizontal" />
        </ItemsPanelTemplate>
    </GridView.ItemsPanel>
    <Border Margin="10" BorderBrush="Bisque" BorderThickness="1">
        <Button Content="1" Width="150" Height="200"  />
    </Border>
    <Border Margin="10" BorderBrush="Bisque" BorderThickness="1">
        <Button Content="1" Width="150" Height="200" />
    </Border>
    <Border Margin="10" BorderBrush="Bisque" BorderThickness="1">
        <Button Content="1" Width="150" Height="200" />
    </Border>
    <Border Margin="10" BorderBrush="Bisque" BorderThickness="1">
        <Button Content="1" Width="150" Height="200" />
    </Border>
</GridView>

Solution

  • But I could not see anything. AutoSuggestBox is also not working. However, NavigationView is showing the reveal highlight effects.

    GridView automatically use Reveal. The problem is that reveal highlighting has been covered by UWP default light theme.

    You could modify the page RequestedTheme to dark, you will see the reveal highlighting.

    <Page    
          ......  
       RequestedTheme="Dark >
    </Page>
    

    enter image description here