Question

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

<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坚持在图像周围放置空间，因此按钮比它需要的大，并切断它所在的网格行（其中有一个高度=“*”）< / p>

我希望切换按钮“缩小”以适合行但仍然显示内部的完整图像...

在输入这个时，autosuggest找到了这个链接ToggleButton does not fill the area(windows phone)，并且通过添加样式PhoneTouchTargetOverhang它看起来更好，但是除非我在togglebutton中添加负填充，否则切断底部的图像。

任何人都知道我做错了什么？

有没有办法禁用它？

Answer 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>

它适合中心

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

1 个答案: