增加小图片的可触摸目标区域？

在列表框中，我有一个标题列表，每个标题旁边有一个编辑图标，如何增加可触摸区域，以便即使用户触摸标题的一部分，实际上也会触发图像事件？增加小图片的可触摸目标区域？

我想我需要换另一种元素的图像，但可以不知道是什么，需要是。

我想在一个按钮包裹的图像，并添加填充到该按钮，但然后推来推去的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

增加小图片的可触摸目标区域？

回答

相关问题