图像填充按钮WP8 Xaml

时间:2013-11-23 13:17:53

标签: c# xaml windows-phone-8

我在按钮内有以下图像, 正如您从屏幕截图中看到的那样,按钮大于图像。如果我尝试减小按钮的大小,图像也会减少。如何使图像填充按钮而没有空白?

enter image description here

这是我的xaml代码

    <Button x:Name="Settings" Margin="344,161,0,268" Background="Transparent" BorderThickness="0" Click="Settings_Click">
        <Image Source="Assets/wrench.jpg" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" Width="74.487" d:LayoutRounding="Auto">
            <Image.RenderTransform>
                <CompositeTransform Rotation="0.63"/>
            </Image.RenderTransform>
        </Image>
    </Button> 

---- EDIT 根据你的建议,我的新代码就是这个,我删除了旋转以及错误设置,它现在更接近完整按钮但尚未

    <Button x:Name="Settings" Padding="0" Margin="344,161,0,273" Background="Transparent" BorderThickness="0" Click="Settings_Click">
        <Image Source="Assets/wrench.jpg" Stretch="Fill" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="True" d:LayoutRounding="Auto">
        </Image>
    </Button>

1 个答案:

答案 0 :(得分:1)

你需要:

  • 设置图像宽度和高度属性
  • 将Stretch =“Fill”添加到您的图片
  • 从Padding中删除默认填充(设置为0)

其他解决方案是将Tap事件添加到事件并删除按钮。

如果你想处理Tap而不是Click,你必须知道Click事件处理程序中的第二个参数是RoutedEventArgs的类型,而Tap事件处理程序的类型是GestureEventArgs