如何自定义按钮的大小？

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>

看起来不是我想要的：

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

Answer 1

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

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

如何自定义按钮的大小？

How to Customize Button's Size?

user-interface

button

windows-phone-8.1