增加小圖片的可觸摸目標區域？

在列表框中，我有一個標題列表，每個標題旁邊有一個編輯圖標，如何增加可觸摸區域，以便即使用戶觸摸標題的一部分，實際上也會觸發圖像事件？增加小圖片的可觸摸目標區域？

我想我需要換另一種元素的圖像，但可以不知道是什麼，需要是。

我想在一個按鈕包裹的圖像，並添加填充到該按鈕，但然後推來推去的UI元素，我不希望影響的介紹，只是沒有可見的觸摸區域。

來源

2010-12-09 KevinUK

剛想要添加的最小目標尺寸是7毫米，最佳尺寸是9毫米和更多。 – 2010-12-09 20:03:06

把它包在一個按鈕 - 你在正確的球公園是完全。但是您需要編輯按鈕的控件模板並減少所有標準填充和邊距，邊框等，因此它只是一個原始的可觸摸區域。

然後，您可以在此按鈕任何包裝和應用你的模板/風格做任何事情互動。

盧克

來源

2010-12-09 22:05:07

+1我正要寫的很接近這個，然後意識到它已經寫得足夠接近。聽起來像按鈕給你的演講比你討論的要多一點，但是你在正確的道路上。只需重新設計它即可在默認的metro按鈕樣式中提取不必要的樣式。 – 2010-12-09 22:45:53

你可以嘗試在Panel或Grid包裝。
或者只是調整邊距和Z順序。

來源

2010-12-09 19:51:41

把圖像中的按鈕，設置按鈕的大小，你想&然後設置描邊屬性設置爲「無刷」按鈕來刪除邊框。

來源

2010-12-10 06:25:00

嘗試：

<Border BorderBrush="Transparent" 
     BorderThickness="20,25,20,0" 
     Background="Transparent"> 
     <Grid/> 
</Border>

或在其它變型中使用它：

<Border Background="Transparent"> 
     <Grid Margin="20 25 20 0"/> 
</Border>

充滿樣品與按鈕：（無當在此樣品按背景相互作用）

<Button BorderBrush="Transparent" 
     Tag="{Binding SelectedPhoto.commentsCount}"> 
    <Button.Template> 
     <ControlTemplate> 
      <Border BorderThickness="20,25,20,0" 
        BorderBrush="Transparent" 
        Background="Transparent"> 
       <StackPanel Orientation="Horizontal" 
          VerticalAlignment="Top"> 
        <Grid Margin="0 0 4 0" 
          Visibility="{Binding CommentsAllowedForAlbum,Converter={StaticResource BoolToVisibilityConverter}}"> 
         <TextBlock Text="{TemplateBinding Tag}" 
            Visibility="{Binding SelectedPhoto.HasComments,Converter={StaticResource BoolToVisibilityConverter}}" 
            Foreground="{StaticResource BlueColorBrush}" 
            FontSize="{StaticResource MFontSize36}" /> 
        </Grid> 
        <Image Source="/Images/photo_comments_icon.png" 
          Stretch="Uniform" 
          MaxWidth="23" 
          Visibility="{Binding CommentsAllowedForAlbum,Converter={StaticResource BoolToVisibilityConverter}}" 
          Margin="0 7 0 0" 
          VerticalAlignment="Top" /> 

        <Image Source="/Images/photo_comments_icon_blocked.png" 
          Stretch="Uniform" 
          MaxWidth="23" 
          Visibility="{Binding CommentsAllowedForAlbum,Converter={StaticResource OppositeBoolToVisibilityConverter}}" 
          Margin="0 7 0 0" 
          VerticalAlignment="Top" /> 

       </StackPanel> 
      </Border> 
     </ControlTemplate> 
    </Button.Template> 
</Button>

來源

2014-07-31 07:52:31

增加小圖片的可觸摸目標區域？

回答

相關問題