GridView獲取在WinRT Xaml中點擊

Question

我在SemanticZoom裏面使用GridView在我的WinRT xaml中顯示一組圖像。

我使用的代碼是如下

<SemanticZoom> 
    <SemanticZoom.ZoomedInView> 
     <GridView> 
      <ScrollViewer Name="canvas" Height="500" Background="Red" Margin="288,135,222,133"> 
       <ItemsControl> 
        <Image Name="img1" Height="577" Canvas.Left="145" Canvas.Top="65" Width="608" Source="Assets/issue mentioned.png" Visibility="Visible"/> 
        <Image Name="img2" Height="577" Canvas.Left="154" Canvas.Top="650" Width="608" Source="Assets/issue mentioned.png" Visibility="Visible"/> 
       </ItemsControl> 
      </ScrollViewer> 
     </GridView> 
    </SemanticZoom.ZoomedInView> 

</SemanticZoom> 

的images當我運行該應用程序被正確地顯示。當我觸摸圖像時，它會被挖掘。 如何擺脫這個？我不需要那個被挖掘。

Answer 1

我們可以通過從下面的ItemContainerStyle中刪除按下的狀態動畫，從網格視圖中刪除點擊視覺效果。

<Style x:Key="GridViewItemsStyle" TargetType="GridViewItem"> 
     <Setter Property="HorizontalAlignment" Value="right"/> 
     <Setter Property="IsTabStop" Value="False"/> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="GridViewItem"> 
        <Border x:Name="OuterContainer"> 
         <VisualStateManager.VisualStateGroups> 
          <VisualStateGroup x:Name="CommonStates"> 
           <VisualState x:Name="Normal"/> 
           <VisualState x:Name="PointerOver"/> 
           <VisualState x:Name="Pressed"/> 
          </VisualStateGroup> 
         </VisualStateManager.VisualStateGroups> 
         <Grid x:Name="ReorderHintContent" Background="Transparent"> 
          <Border x:Name="ContentContainer"> 
           <Grid> 
            <Border x:Name="ContentBorder" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"> 
             <ContentPresenter x:Name="contentPresenter" ContentTransitions="{TemplateBinding ContentTransitions}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Margin="{TemplateBinding Padding}" /> 
            </Border> 
           </Grid> 
          </Border> 
         </Grid> 
        </Border> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 


<GridView ItemContainerStyle="{StaticResource GridViewItemsStyle}" 
         SelectionMode="None"> 
       <ScrollViewer Name="canvas" 
           Height="500" 
           Background="Red" 
           Margin="288,135,222,133"> 
        <ItemsControl> 
         <Image Name="img1" 
           Height="577" 
           Width="608" 
           Source="Assets/ShowPlaceholder.png" 
           Visibility="Visible" /> 
         <Image Name="img2" 
           Height="577" 
           Width="608" 
           Source="Assets/ShowPlaceholder.png" 
           Visibility="Visible" /> 
        </ItemsControl> 
       </ScrollViewer> 
      </GridView> 

我希望這會幫助你。

Santyy