我有一个简单的切换按钮,效果非常好。我可以点击切换按钮并更改它显示的图像。我现在想要做的是从背后的代码中得到同样的东西。找到类似的链接
编辑:这就是我想要做的事情
我读了下面的帖子,告诉我到底需要做什么 WPF ToggleButton.IsChecked binding does not work
以编程方式我的代码似乎没有任何效果。如果我点击它工作的UI,但我真的想从程序内改变状态。以下程序只是一个原型。
我无法弄清楚我的XAML或代码中有什么问题。 Finnally决定将其全部粘贴为测试程序!
Xaml:
<Window x:Class="ToggleButtonImageChange.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:ToggleButtonImageChange"
Title="MainWindow" Height="350" Width="525">
<Window.Resources>
<Image Source="secured.jpg"
x:Key="MyImage1" />
<Image Source="unsecured.jpg"
x:Key="MyImage2" />
<Style TargetType="{x:Type ToggleButton}"
x:Key="MyToggleButtonStyle">
<Setter Property="Content"
Value="{DynamicResource MyImage2}" />
<Style.Triggers>
<Trigger Property="IsChecked"
Value="True">
<Setter Property="Content"
Value="{DynamicResource MyImage2}" />
</Trigger>
</Style.Triggers>
</Style>
</Window.Resources>
<Grid>
<ToggleButton Style="{StaticResource MyToggleButtonStyle}" Name="tgbtn" Margin="0,29,0,139" IsChecked="{Binding Path=isAdmin, Mode=TwoWay}"/>
</Grid>
</Window>
代码背后:
namespace ToggleButtonImageChange
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window,INotifyPropertyChanged
{
bool _isAdmin;
public MainWindow()
{
InitializeComponent();
isAdmin = true;
OnPropertyChanged("isAdmin");
}
public bool isAdmin
{
get
{
return _isAdmin;
}
set
{
_isAdmin = value;
OnPropertyChanged("isAdmin");
}
}
private void OnPropertyChanged(string p)
{
if (PropertyChanged != null)
PropertyChanged(this, new PropertyChangedEventArgs(p));
}
public event PropertyChangedEventHandler PropertyChanged;
}
我进入调试器并看到即使我将isAdmin设置为true,按钮isChecked仍然为false,因此显示的图像不正确。我不明白错误做了什么&amp;如何通过代码更改isChecked。
答案 0 :(得分:1)
尝试将xaml文件更改为:
<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow"
Height="350" Width="525"
x:Name="TestWindow">
<Window.Resources>
<Image Source="secured.png" x:Key="MyImage1" />
<Image Source="unsecured.png" x:Key="MyImage2" />
<Style TargetType="{x:Type ToggleButton}" x:Key="MyToggleButtonStyle">
<Setter Property="Content" Value="{DynamicResource MyImage2}" />
<Style.Triggers>
<Trigger Property="IsChecked" Value="True">
<Setter Property="Content" Value="{DynamicResource MyImage1}" />
</Trigger>
</Style.Triggers>
</Style>
</Window.Resources>
<Grid>
<ToggleButton x:Name="tgbtn"
Margin="0,29,0,139"
Style="{StaticResource MyToggleButtonStyle}"
IsChecked="{Binding Path=isAdmin, Mode=TwoWay, ElementName=TestWindow}"/>
</Grid>
</Window>
请注意默认内容值使用 MyImage2 ,但触发器将其设置为 MyImage1 - 它们只需要是不同的图像。
另请注意我已添加到根窗口元素的 x:Name =“TestWindow” - 稍后将用于绑定:
{Binding Path=isAdmin, Mode=TwoWay, ElementName=TestWindow}
这基本上是改变所需的所有内容,以使其按预期工作,我相信。
此外,你可以像这样在代码中留下构造函数,但这是可选的更改:
public MainWindow()
{
InitializeComponent();
isAdmin = true;
}
希望有所帮助。