图像填充按钮WP8 Xaml

Question

I have the following image within a button, As you can see from the screenshot though the button is larger than the image. If I try to reduce the size of the button the image is reduced aswell. How do make the image fill the button with no blanks?

This is my xaml code

    <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 My new code as per your suggestions is this, i removed the rotation aswell as it was set by mistake, it is closer now to the full button but not yet

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

Answer 1

You need to:

• set your Image width and height properties
• add Stretch="Fill" to your Image
• remove default padding from Padding (set to 0)

Other solution is to add Tap event to event and remove button.

If you want to handle Tap instead of Click you must get to know that second parameter in Click event handler is type of RoutedEventArgs , and in Tap event handler is type of GestureEventArgs .