如何自定义按钮的大小？

Question

我在堆栈面板中自定义按钮的大小时遇到​​问题。我用Rectangle做了一个实验，它看起来很完美，这里是XAML中的代码：

 <StackPanel Orientation="Horizontal" VerticalAlignment="Top">
    <Rectangle Width="170" Height="170" Fill="Bisque" Margin="10,0,0,0" />
    <StackPanel Orientation="Vertical" Margin="10,0,0,0">
        <StackPanel Orientation="Horizontal">
            <Rectangle Width="80" Height="80" Fill="Azure" />
            <Rectangle Width="80" Height="80" Fill="Azure" Margin="10,0,0,0" />
        </StackPanel>

        <StackPanel Orientation="Horizontal" Margin="0,10,0,0">
            <Rectangle Width="80" Height="80" Fill="Tomato" />
            <Rectangle Width="80" Height="80" Fill="Azure" Margin="10,0,0,0" />
        </StackPanel>
    </StackPanel>

</StackPanel>

以下是截图：

但是，当我删除那些矩形到按钮时， 像XAML中的这些：

<Button x:Name="Btn2" >
</Button>
<Button x:Name="Btn3" Width="40" Height="40" Margin="11,0,0,0"  >
</Button>

它看起来不是我想要的：

我无法调整这两个按钮的大小。如何快速解决这个问题？

Answer 1

WP8.1中的按钮具有最小宽度 - MinWidth 属性 - 尝试更改它，它应该有帮助。

附注 - 考虑使用 Grid 面板而不是 StackPanel 来定位元素。如果您定义了一些行和列，那么您的应用在不同设备上使用时应该可以正确缩放。