WPF如何让StackPanel 内的控件居中。

最新推荐文章于 2024-09-03 23:32:22 发布

原创最新推荐文章于 2024-09-03 23:32:22 发布 · 7.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#wpf #css

WPF开发专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用WPF中的StackPanel布局，让内部控件实现水平或垂直居中显示。通过调整CSS样式，可以轻松实现这一目标，提升用户界面的美观度。

下面直接代码。
下面展示一些 xaml窗体代码。

<Button Name="btnMember" FontSize="15">
                                        <Button.Template>
                                            <ControlTemplate>
                                                <Grid Background="Transparent" Height="50" Width="130">
                                                    <Grid.ColumnDefinitions>
                                                        <ColumnDefinition/>
                                                        <ColumnDefinition Width="Auto"/>
                                                        <ColumnDefinition/>
                                                    </Grid.ColumnDefinitions>
                                                    <StackPanel Grid.Column="1" Orientation="Horizontal" VerticalAlignment="Center">
                                                        <Label Name="XXXX" Content="M" Foreground="#E9604E" />
                                                        <Label Name="xxxx" Content="11" Foreground="#5F5F5F"/>
                                                    </StackPanel>
                                                </Grid>
                                            </ControlTemplate>
                                        </Button.Template>
                                    </Button>