C# WPF 中的 Bool 到可见性转换器
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/18267722/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
提示：将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间：2020-08-10 11:43:52 来源:igfitidea点击:
Bool to Visibility Converter in WPF
提问by MegaMind
I have three radio buttons and three group boxes and based on the selection of the radio button, group box should have been visible or collapsed, but nothing seems to work here. The code for my constructor gets executed, but still it seems things are overlapping each other.
我有三个单选按钮和三个分组框，根据单选按钮的选择，分组框应该是可见的或折叠的，但这里似乎没有任何效果。我的构造函数的代码被执行，但似乎事情仍然相互重叠。
<baseControls:MaintainTemplate Style="{StaticResource {x:Type baseControls:MaintainTemplate}}" TitleText="{Binding TitleText}">
<baseControls:MaintainTemplate.TabSection>
<Grid>
<GroupBox>
<GroupBox.Header>
<TextBlock Text="Case Information" Style="{StaticResource TextBlockWhite}"/>
</GroupBox.Header>
<GroupBox.Content>
<Grid x:Name="GridMain">
<Grid.RowDefinitions>
<RowDefinition Style="{StaticResource AutoHeightRowDefinition}"/>
<RowDefinition Style="{StaticResource MinHeightRowDefinition}"/>
<RowDefinition Style="{StaticResource AutoHeightRowDefinition}"/>
<RowDefinition Style="{StaticResource MinHeightRowDefinition}"/>
<RowDefinition Style="{StaticResource AutoHeightRowDefinition}"/>
<RowDefinition Style="{StaticResource MinHeightRowDefinition}"/>
<RowDefinition Style="{StaticResource MaxHeightRowDefinition}"/>
<RowDefinition Style="{StaticResource MinHeightRowDefinition}"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Style="{StaticResource MinWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource MaxWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource MinWidthColumnDefinition}"/>
</Grid.ColumnDefinitions>
<Grid Grid.Column="1" x:Name="GridSelectCustomer">
<Grid.RowDefinitions>
<RowDefinition Style="{StaticResource MinHeightRowDefinition}"/>
<RowDefinition Style="{StaticResource AutoHeightRowDefinition}"/>
<RowDefinition Style="{StaticResource MinHeightRowDefinition}"/>
<RowDefinition Style="{StaticResource AutoHeightRowDefinition}"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Style="{StaticResource AutoWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource MinWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource AutoWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource MinWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource AutoWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource MinWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource AutoWidthColumnDefinition}"/>
</Grid.ColumnDefinitions>
<TextBlock Grid.Row="1" Text="Select Customer" Style="{StaticResource TextBlockWhite}"/>
<ComboBox Grid.Row="1" Grid.Column="2" Width="150" ItemsSource="{Binding Customers}"
DisplayMemberPath="FirstName" SelectedValue="{Binding SelectedCustomer}"/>
<Button Grid.Row="1" Grid.Column="4" Content="Quick Search"/>
<Button Grid.Row="1" Grid.Column="6" Content="Add New Customer"/>
<TextBlock Grid.Row="3" Text="Reference No" Style="{StaticResource TextBlockWhite}"/>
<TextBox Grid.Row="3" Grid.Column="2"/>
<TextBlock Grid.Row="3" Text="Case No" Grid.Column="4" Style="{StaticResource TextBlockWhite}"/>
<TextBox Grid.Row="3" Grid.Column="6" Style="{StaticResource TextBoxReadOnly}"/>
</Grid>
<GroupBox Grid.Row="2" Grid.Column="1" x:Name="GroupBoxCustomerInfo">
<GroupBox.Header>
<TextBlock Text="Customer Details" Style="{StaticResource TextBlockWhite}"></TextBlock>
</GroupBox.Header>
<GroupBox.Content>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Style="{StaticResource MinWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource AutoWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource MinWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource AutoWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource MinWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource AutoWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource MinWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource AutoWidthColumnDefinition}"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Style="{StaticResource AutoHeightRowDefinition}"/>
<RowDefinition Style="{StaticResource MinHeightRowDefinition}"/>
<RowDefinition Style="{StaticResource AutoHeightRowDefinition}"/>
<RowDefinition Style="{StaticResource MinHeightRowDefinition}"/>
<RowDefinition Style="{StaticResource AutoHeightRowDefinition}"/>
</Grid.RowDefinitions>
<TextBlock Style="{StaticResource TextBlockWhite}" Grid.Row="0" Grid.Column="1" Text="Name"/>
<TextBox Style="{StaticResource TextBoxReadOnly}" Grid.Column="3"></TextBox>
<TextBlock Style="{StaticResource TextBlockWhite}" Grid.Row="0" Grid.Column="5" Text="Phone No"/>
<TextBox Style="{StaticResource TextBoxReadOnly}" Grid.Column="7"></TextBox>
<TextBlock Style="{StaticResource TextBlockWhite}" Grid.Row="2" Grid.Column="1" Text="Father's Name"/>
<TextBox Style="{StaticResource TextBoxReadOnly}" Grid.Column="3" Grid.Row="2"></TextBox>
<TextBlock Style="{StaticResource TextBlockWhite}" Grid.Row="4" Grid.Column="1" Text="Address"/>
<TextBox Style="{StaticResource TextBoxMultiLineReadOnly}" Grid.Row="4" Grid.Column="3" ></TextBox>
<TextBlock Style="{StaticResource TextBlockWhite}" Grid.Row="2" Grid.Column="5" Text="Date Of Birth"/>
<TextBox Style="{StaticResource TextBoxReadOnly}" Grid.Column="7" Grid.Row="2"></TextBox>
</Grid>
</GroupBox.Content>
</GroupBox>
<GroupBox Grid.Row="4" Grid.Column="1" x:Name="GroupBoxCaseType">
<GroupBox.Header>
<TextBlock Text="Case Type" Style="{StaticResource TextBlockWhite}"/>
</GroupBox.Header>
<GroupBox.Content>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Style="{StaticResource MinWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource AutoWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource MaxWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource AutoWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource MaxWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource AutoWidthColumnDefinition}"/>
<ColumnDefinition Style="{StaticResource MinWidthColumnDefinition}"/>
</Grid.ColumnDefinitions>
<RadioButton Grid.Column="1" x:Name="rdbMonthlyInterest" Content="Monthly Interest"
Style="{StaticResource RadioButtonWhite}" IsChecked="{Binding IsMonthlyInterestChecked}"/>
<RadioButton Grid.Column="3" x:Name="rdbDailyInstallment" Content="Daily Installment"
Style="{StaticResource RadioButtonWhite}" IsChecked="{Binding IsDailyInstallmentChecked}"/>
<RadioButton Grid.Column="5" x:Name="rdbMonthlyInstallment" Content="Monthly Installment"
Style="{StaticResource RadioButtonWhite}" IsChecked="{Binding IsMonthlyInstallmentChecked}"/>
</Grid>
</GroupBox.Content>
</GroupBox>
<GroupBox Grid.Row="6" Grid.Column="1" Visibility="{Binding Path=IsMonthlyInterestChecked, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource VisibilityConverter}}" >
<GroupBox.Header>
<TextBlock Style="{StaticResource TextBlockWhite}">Monthly Interest</TextBlock>
</GroupBox.Header>
</GroupBox>
<GroupBox Grid.Row="6" Grid.Column="1" Visibility="{Binding Path=IsDailyInstallmentChecked, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource VisibilityConverter}}" >
<GroupBox.Header>
<TextBlock Style="{StaticResource TextBlockWhite}">Daily Installment</TextBlock>
</GroupBox.Header>
</GroupBox>
<GroupBox Grid.Row="6" Grid.Column="1" Visibility="{Binding Path=InMonthlyInstallmentChecked, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource VisibilityConverter}}" >
<GroupBox.Header>
<TextBlock Style="{StaticResource TextBlockWhite}">Monthly Installment</TextBlock>
</GroupBox.Header>
</GroupBox>
</Grid>
</GroupBox.Content>
</GroupBox>
</Grid>
</baseControls:MaintainTemplate.TabSection>
</baseControls:MaintainTemplate>
Here is the code for the converter
这是转换器的代码
namespace Finance.MainUI.Common.Converters
{
public class BoolToVisibilityConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
return (bool) value ? Visibility.Visible : Visibility.Collapsed;
}
public object ConvertBack(object value, Type targetType, object parameter,CultureInfo culture)
{
throw new NotImplementedException();
}
}
}
采纳答案by Andrey Gordeev
Change the Visibilitybinding to:
将Visibility绑定更改为：
<GroupBox Grid.Row="7" Grid.Column="1"
Visibility="{Binding
RelativeSource={RelativeSource FindAncestor,
AncestorType={x:Type UserControl}}
Path=DataContext.IsMonthlyInterestChecked,
UpdateSourceTrigger=PropertyChanged,
Converter={StaticResource VisibilityConverter}}" >
Then add a property IsMonthlyInterestCheckedto your ViewModeland bind RadioButtonto it:
然后IsMonthlyInterestChecked向您添加一个属性ViewModel并绑定RadioButton到它：
<RadioButton Grid.Column="0" x:Name="rdbMonthlyInterest"
Content="Monthly Interest"
Style="{StaticResource RadioButtonWhite}"
IsChecked="{Binding IsMonthlyInterestChecked}"/>
