UWP-如何将按钮居中？

如何解决UWP-如何将按钮居中？

我创建了一个UWP解决方案并创建了一个按钮。按钮没有问题。

我不知道如何将按钮在窗口中居中。

---

代码

        StackPanel stackPanel1 = new StackPanel();

        Button TestButton = new Button();
        TestButton.Content = "Test";

        stackPanel1.Children.Add(subscribeButton);
  
        Window.Current.Content = stackPanel1;

解决方法

这行是您所需要的。

TestButton.HorizontalAlignment = HorizontalAlignment.Center;

,

将按钮的位置更改为表单宽度和高度的一半即可。

Point point = new Point(this.Width / 2 - (button1.Width/2),this.Height / 2 - (button1.Height/ 2)); 
button1.Location = point;

添加的- (button1.Width/2)是因为按钮的位置基于按钮的右上角，而不是中心。

,

您可以在堆栈面板中设置HorizontalAlignment这样的内容...

<StackPanel Margin="10,0" Orientation="Horizontal" Grid.Column="0">
<TextBlock Grid.Column="1" Grid.Row="0" FontSize="16" HorizontalAlignment="Center">2. Draw a pattern</TextBlock>
                <Button x:Name="DeleteSiteButton" Content="Delete Site" 
                        HorizontalAlignment="Right" Margin="0,0" VerticalAlignment="Top" Click="DeleteSiteButton_Click"/>
                <Button x:Name="AddSiteButton" Content="Add Site" HorizontalAlignment="Right"
                    Margin="10,0" VerticalAlignment="Top" Click="AddSiteButton_Click"/>
            </StackPanel>

,

StackPanel控件将子元素排列为单行，可以水平或垂直定向。当Orientation属性设置为Vertical（默认值为Vertical）时，按钮控件的VerticalAlignment属性将无效。同样，当Orientation属性设置为Horizontal时，按钮控件的HorizontalAlignment属性将无效。

如果您将按钮控件添加到StackPanel中，则按钮控件的HorizontalAlignment属性和VerticalAlignment属性将无法同时使用，也就是说，按钮控件可以不在StackPanel中居中。

我们建议您可以将按钮控件添加到Grid面板中，如下所示：

Grid gridPanel1 = new Grid();

Button TestButton = new Button();
TestButton.Content = "Test";
TestButton.HorizontalAlignment = HorizontalAlignment.Center;
TestButton.VerticalAlignment = VerticalAlignment.Center;

gridPanel1.Children.Add(TestButton);

Window.Current.Content = gridPanel1;