template 10: hamburger gezintisinde yeni bir düğme bildirme ve sayfaya gitme

Question

UWP Platformunda yeni başladım ve şablon 10'u kullanarak bir uygulama yapıyorum. Belirli bir sayfa için GridView kullanıyorum ama sorun şu ki; Üzerine geldiğinizde veya öğeyi seçtiğinde GridView sınırlarını gösterir. Şunun gibi:

Ben kullanıcı üzerinde gezinen veya bir GridView öğeyi seçer ortaya çıkmaya değil sınır istiyorum.

Benim XAML Kod geçerli:

<Page 
x:Class="Sample.Views.Category" 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
xmlns:local="using:Sample.Views" 
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
xmlns:data="using:Sample.ViewModels" 
xmlns:controls="using:Template10.Controls" 
mc:Ignorable="d"> 
<Page.Resources> 
    <DataTemplate x:DataType="data:CategoryViewModel" x:Key="CategoryDataTemplate"> 
     <StackPanel HorizontalAlignment="Center" Margin="10,0,20,10"> 

      <Image Width="150" Source="{x:Bind IconFile}" /> 
      <TextBlock FontSize="16" Text="{x:Bind Category}" HorizontalAlignment="Center" /> 
      <!--<TextBlock FontSize="10" Text="{x:Bind Author}" HorizontalAlignment="Center" />--> 
     </StackPanel> 
    </DataTemplate> 
</Page.Resources> 
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 

    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="*"/> 
    </Grid.RowDefinitions> 

    <!-- header --> 
    <controls:PageHeader x:Name="pageHeader" Frame="{x:Bind Frame}" Text="Category Page" Grid.Row="0" Grid.ColumnSpan="2"> 
     <!-- place stretched, across top --> 
     <RelativePanel.AlignTopWithPanel>True</RelativePanel.AlignTopWithPanel> 
     <RelativePanel.AlignRightWithPanel>True</RelativePanel.AlignRightWithPanel> 
     <RelativePanel.AlignLeftWithPanel>True</RelativePanel.AlignLeftWithPanel> 
    </controls:PageHeader> 

    <GridView Grid.Row="2" > 
     <GridView ItemsSource="{x:Bind Categories}" 
       IsItemClickEnabled="True" 
       ItemClick="GridView_ItemClick" 
       ItemTemplate="{StaticResource CategoryDataTemplate}" > 
     </GridView> 
    </GridView> 
</Grid> 

Answer 1

(kalınlık işe yaramadı varsayılarak) Şeffaf için

https://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.controls.gridview.aspx

0'a gridview BorderThickness ayarlamayı deneyin ve fırça Burada, XAML'deki gridview kontrolünün özelliklerine bir bağlantı var.

Yeni başlayan bir kişi olduğunuzu söylediğinizden beri, farklı özelliklerle uğraşmaya çalışın ve bir gridview içinde iç içe bir kılavuz görünümünüz olduğundan (neden olmasın) ikisini de ayarlamayı deneyin. İyi şanslar

<GridView> 
    <GridView.ItemContainerStyle> 
     <Style TargetType="GridViewItem"> 
      <Setter Property="Margin" Value="0,0,4,4" /> 
      <Setter Property="Background" Value="Transparent"/> 
      <Setter Property="TabNavigation" Value="Local"/> 
      <Setter Property="IsHoldingEnabled" Value="True"/> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate TargetType="GridViewItem"> 
         <ContentPresenter /> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 
    </GridView.ItemContainerStyle> 
</GridView> 

:

ör .:

<GridView Grid.Row="2" BorderThickness="0"> 

Answer 2

Bu burada Şablon 10 soru değil, ama bir cevap.