Question

我希望每当照片改变时按下灯泡按钮。我试过但没有成功。我的代码不起作用，请告诉我原因，谢谢。

这是XAML中的UserControl：

<UserControl x:Class="PL_Wpf.CustomControls.Bulb"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"           
             mc:Ignorable="d" 
             >
    <Grid>                   
        <Button x:Name="BulbButton" Height="60" Width="40" Click="BulbButton_Click" >        
            <Button.Template>
                <ControlTemplate>
                    <Image  Source="../Pics/bulb_off.jpg" Width="40" Height="60"  >
                        <Image.Style>
                            <Style TargetType="{x:Type Image}">
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding ElementName=Bulb, Path=OnOff}" Value="True">
                                        <Setter Property="Source" Value="../Pics/bulb_on.jpg" />
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding ElementName=Bulb, Path=OnOff}" Value="False">
                                        <Setter Property="Source" Value="../Pics/bulb_off.jpg" />
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Image.Style>
                    </Image>
                </ControlTemplate>
            </Button.Template>
        </Button>
    </Grid>
</UserControl>

这是背后的代码：

public partial class Bulb : UserControl, INotifyPropertyChanged
{
    public bool OnOff { get; set; }

    public Bulb()
    {
        InitializeComponent();
        DataContext = this;
        OnOff = false;
    }
    public event PropertyChangedEventHandler PropertyChanged;

    public void OnPropertyChanged(PropertyChangedEventArgs e)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, e);
        }
    }

    public void BulbButton_Click(object sender, RoutedEventArgs e)
    {
        OnOff = (OnOff == false) ? true : false;
    }

    public bool On
    {
        get { return OnOff; }
        set
        {
            OnOff = value;
            OnPropertyChanged(new PropertyChangedEventArgs("On"));
        }
    }
}

Answer 1

您可以通过修改复选框的控件模板来完成您想要通过控件实现的想法。

只需在窗口中添加此代码代替您的控件：

<CheckBox>
        <CheckBox.Template>

            <ControlTemplate TargetType="CheckBox">
                <Grid>
                    <Image  Source="pack://siteoforigin:,,,/Pics/bulb_off.jpg" Width="40" Height="60"  />
                    <Image  Source="pack://siteoforigin:,,,/Pics/bulb_on.jpg" Width="40" Height="60" Name="CheckMark" />
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsChecked" Value="false">
                        <Setter TargetName="CheckMark" Property="Visibility" Value="Hidden"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </CheckBox.Template>
    </CheckBox>

为什么在图片更改之间绑定以单击它不起作用

1 个答案: