ToggleButton 中的 Windows Phone 8.1 XAML 图像添加了神秘的填充答案

【问题标题】：Windows Phone 8.1 XAML Image inside ToggleButton adds mystery paddingToggleButton 中的 Windows Phone 8.1 XAML 图像添加了神秘的填充
【发布时间】：2015-04-09 13:36:09
【问题描述】：

我正在使用切换按钮而不是显示文本我想显示图像所以我有这个：

<ToggleButton Grid.Column="1" IsChecked="true" MinWidth="50" MinHeight="0" BorderThickness="0" HorizontalAlignment="Center">
                <Image Source="ms-appx:///Assets/Icons/phonebutton.png" Stretch="None" RenderTransformOrigin="0.5,0.5" Margin="0">
                    <Image.RenderTransform>
                        <CompositeTransform ScaleX="0.5" ScaleY="0.5"/>
                    </Image.RenderTransform>
                </Image>
</ToggleButton>

我有使图像更小一点的变换，所以它在按钮“内部”而不是填充它。

但是，无论我做什么，按钮在图像周围都有很大的填充，即使图像本身没有边距或填充。我在所有东西上都设置了 margin=0 但 ToggleButton 坚持在图像周围放置空间，所以按钮比它需要的大并且在它所在的网格行内切断（它有一个 height="*"）

我希望切换按钮“缩小”以适应行，但仍显示里面的完整图像...

在键入此内容时，自动提示找到此链接 ToggleButton does not fill the area(windows phone) 并通过添加样式 PhoneTouchTargetOverhang 它看起来确实更好，但随后会切断底部的图像，除非我向切换按钮添加负填充。

有人知道我做错了什么吗？

有什么办法可以关闭吗？

【问题讨论】：

标签： xaml windows-phone-8.1 togglebutton

【解决方案1】：

我在 512x512 的图像中添加了以下边距：

<Image Source="/Assets/award4.png" Stretch="None" RenderTransformOrigin="0.5,0.5" Margin="-100,0,-100,0">
                <Image.RenderTransform>
                    <CompositeTransform ScaleX="0.5" ScaleY="0.5"/>
                </Image.RenderTransform>
</Image>

它适合居中

【讨论】：