Início / coding / Perguntas / 79425646
Accepted
Gary Riley
Asked: 2025-02-10 04:25:04 +0800 CST

Centralização de botões de rádio do WinUI 3

  • 772

Estou tentando converter um aplicativo WPF C# para usar o WinUI 3. Esta é uma versão simplificada do meu código XAML:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <StackPanel Grid.Row="0" Grid.Column="0" 
        Orientation="Horizontal"
        HorizontalAlignment="Center" VerticalAlignment="Center">
        <TextBlock Text="1234567890123456789012345678901234567890"/>
    </StackPanel>
    <StackPanel Grid.Row="1" Grid.Column="0" 
        Orientation="Horizontal"
        HorizontalAlignment="Center" VerticalAlignment="Center">
        <RadioButton GroupName="Choices" Content="Yes" />
    </StackPanel>
    <StackPanel Grid.Row="2" Grid.Column="0"
        Orientation="Horizontal"
        HorizontalAlignment="Center" VerticalAlignment="Center">
        <Button Content="Prev"/>
        <Button Content="Next"/>
    </StackPanel>
</Grid>

No meu aplicativo WPF, este XAML centraliza o RadioButton apropriadamente:

O botão de opção WPF está centralizado corretamente

O mesmo XAML produz este resultado no meu aplicativo WinUI 3:

O botão WinUI não está centralizado corretamente

Como faço para centralizar corretamente o botão de opção? No final das contas, vou adicionar dinamicamente um número variável de botões de opção ao painel de pilha, mas não consigo nem fazer funcionar para apenas um que é definido estaticamente.

wpf

1 respostas

  1. Best Answer

    Isso se deve ao RadioButon's MinWidth, que é 120 por padrão. Você pode aprender mais sobre isso no generic.xaml .

    Você pode atualizar diretamente o RadioButton's MinWidth:

    <RadioButton MinWidth="0" .../>

    ou atualizá-lo por meio de um estilo:

    <Style
    BasedOn="{StaticResource DefaultRadioButtonStyle}"
    TargetType="RadioButton">
    <Setter Property="MinWidth" Value="0" />
</Style>
    • 1

relate perguntas