英文:
Maui multiple RadiobuttonGroup not working
问题
我有一个带有两个单选按钮组的测试项目。页面上的第一组不会在页面加载时显示应该选择的单选按钮。下面的示例项目演示了这个问题。
表单有两行单选按钮：
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="RadioButtonGroupTest.MainPage">
<ScrollView>
<VerticalStackLayout
Spacing="0"
Padding="30,30,0,0"
VerticalOptions="Start">
<Grid>
<Grid.RowDefinitions>
<RowDefinition
Height="*"></RowDefinition>
<RowDefinition
Height="*"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition
Width="1*"></ColumnDefinition>
<ColumnDefinition
Width="5*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Label
Text="Group 1"
Grid.Row="0"
Grid.Column="0"></Label>
<HorizontalStackLayout
Grid.Row="0"
Grid.Column="1"
RadioButtonGroup.GroupName="Group1">
<RadioButton
x:Name="Group1YesRadioButton"
Content="Yes"
IsChecked="{Binding Path=Group1YesChecked}"
Value="Yes">
</RadioButton>
<RadioButton
x:Name="Group1NoRadioButton"
Content="No"
IsChecked="{Binding Path=Group1NoChecked}"
Value="No">
</RadioButton>
</HorizontalStackLayout>
<Label
Text="Group 2"
Grid.Row="1"
Grid.Column="0"></Label>
<HorizontalStackLayout
Grid.Row="1"
Grid.Column="1"
RadioButtonGroup.GroupName="Group2">
<RadioButton
x:Name="Group2RedRadioButton"
Content="Red"
IsChecked="{Binding Path=Group2RedChecked}"
Value="Red">
</RadioButton>
<RadioButton
x:Name="Group2GreenRadioButton"
Content="Green"
IsChecked="{Binding Path=Group2GreenChecked}"
Value="Green">
</RadioButton>
<RadioButton
x:Name="Group2BlueRadioButton"
Content="Blue"
IsChecked="{Binding Path=Group2BlueChecked}"
Value="Bule">
</RadioButton>
</HorizontalStackLayout>
</Grid>
</VerticalStackLayout>
</ScrollView>
</ContentPage>
视图模型有5个布尔值：
public class ViewModel : INotifyPropertyChanged
{
public bool Group1YesChecked { get; set; }
public bool Group1NoChecked { get; set; }
public bool Group2RedChecked { get; set; }
public bool Group2GreenChecked { get; set; }
public bool Group2BlueChecked { get; set; }
public ViewModel()
{
Group1YesChecked = true;
Group1NoChecked = false;
Group2RedChecked = false;
Group2GreenChecked = true;
Group2BlueChecked = false;
}
public event PropertyChangedEventHandler PropertyChanged;
protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
{
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
}
页面的代码设置了视图模型：
public partial class MainPage : ContentPage
{
public MainPage()
{
InitializeComponent();
ViewModel vm = new ViewModel();
this.BindingContext = vm;
}
}
我期望"Yes"按钮被选中。
英文:
I have a test project with two radio button groups. The first group on the page will not show the radio button that should be selected when the page loads. The sample project below demonstrates the problem.
The form has two rows of radio buttons:
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="RadioButtonGroupTest.MainPage">
<ScrollView>
<VerticalStackLayout
Spacing="0"
Padding="30,30,0,0"
VerticalOptions="Start">
<Grid>
<Grid.RowDefinitions>
<RowDefinition
Height="*"></RowDefinition>
<RowDefinition
Height="*"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition
Width="1*"></ColumnDefinition>
<ColumnDefinition
Width="5*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Label
Text="Group 1"
Grid.Row="0"
Grid.Column="0"></Label>
<HorizontalStackLayout
Grid.Row="0"
Grid.Column="1"
RadioButtonGroup.GroupName="Group1">
<RadioButton
x:Name="Group1YesRadioButton"
Content="Yes"
IsChecked="{Binding Path=Group1YesChecked}"
Value="Yes">
</RadioButton>
<RadioButton
x:Name="Group1NoRadioButton"
Content="No"
IsChecked="{Binding Path=Group1NoChecked}"
Value="No">
</RadioButton>
</HorizontalStackLayout>
<Label
Text="Group 2"
Grid.Row="1"
Grid.Column="0"></Label>
<HorizontalStackLayout
Grid.Row="1"
Grid.Column="1"
RadioButtonGroup.GroupName="Group2">
<RadioButton
x:Name="Group2RedRadioButton"
Content="Red"
IsChecked="{Binding Path=Group2RedChecked}"
Value="Red">
</RadioButton>
<RadioButton
x:Name="Group2GreenRadioButton"
Content="Green"
IsChecked="{Binding Path=Group2GreenChecked}"
Value="Green">
</RadioButton>
<RadioButton
x:Name="Group2BlueRadioButton"
Content="Blue"
IsChecked="{Binding Path=Group2BlueChecked}"
Value="Bule">
</RadioButton>
</HorizontalStackLayout>
</Grid>
</VerticalStackLayout>
</ScrollView>
</ContentPage>
The view model has 5 boolean values:
public class ViewModel : INotifyPropertyChanged
{
public bool Group1YesChecked { get; set; }
public bool Group1NoChecked { get; set; }
public bool Group2RedChecked { get; set; }
public bool Group2GreenChecked { get; set; }
public bool Group2BlueChecked { get; set; }
public ViewModel()
{
Group1YesChecked = true;
Group1NoChecked = false;
Group2RedChecked = false;
Group2GreenChecked = true;
Group2BlueChecked = false;
}
public event PropertyChangedEventHandler PropertyChanged;
protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
{
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
}
The code behind for the page sets the view model:
public partial class MainPage : ContentPage
{
public MainPage()
{
InitializeComponent();
ViewModel vm = new ViewModel();
this.BindingContext = vm;
}
}
main page display when application is run
What am I doing wrong?
I expected the Yes button to be selected.
答案1
得分: 0
我可以在我的项目中重现你的问题。而且这个问题只在 Windows 平台上出现。即使我直接将它的值设置为 true，它也不起作用。
<RadioButton
x:Name="Group1YesRadioButton"
Content="是"
IsChecked="True"
Value="是">
</RadioButton>
我发现这是在 GitHub 上的一个已知问题。你可以关注这个问题：RadioButton GroupName 和 IsChecked 属性在 Windows 上工作不一致。
英文:
I can reproduce your problem in my project. And this problem only appeared on the windows platform. Even though I set its value as true directly, it will not work either.
<RadioButton
x:Name="Group1YesRadioButton"
Content="Yes"
IsChecked="True"
Value="Yes">
</RadioButton>
And I found it is a known issue on the github. You can follow up this issue about RadioButton GroupName and IsChecked properties work inconsistently on Windows.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论