导航视图中的大按钮。 WinUI / xaml

Question

有谁知道如何在导航面板中制作带有潜台词和图片的大按钮（使用 xaml）？就像在 Windows 11 设置应用中一样。

Like this...

Answer 1

您可以自定义按钮的内容和宽度属性。

由于一个按钮只能有一个内容，所以最好把你需要的所有内容都放在StackPanel或Grid中。

     <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
    <Button x:Name="BigButton" Width="300">
        <Button.Content>
            <Grid ColumnDefinitions="1*,3*">
                <Image Source="WHERE YOU IMAGE IS"/>
                <StackPanel Orientation="Vertical"
                            Grid.Column="1">
                    <TextBlock FontWeight="Bold" Text="Joe Wood"/>
                    <TextBlock Text="Managing Director"/>
                </StackPanel>
            </Grid>
        </Button.Content></Button>

导航视图中的大按钮。 WinUI / xaml

Big button in navigation view. WinUI / xaml

c#

xaml

winui-3