Пользовательский элемент управления C# WPF

---

Привет

Мне нужно использовать пользовательский элемент управления.

Я использую этот код XAML :

<UserControl x:Class="WpfClickableImage.ControlClickableImage"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            Name="UC"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300"
             >
    <StackPanel>
        <Button 
 
            Click="Button_Click"
            Margin="10"
            HorizontalAlignment="Center"
            ToolTip="Click on Fred">
            <Button.Template>
                <ControlTemplate>
                    <Border x:Name="theBorder"
                        BorderBrush="Transparent"
                        BorderThickness="2">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Image 
                                Grid.Column="0" 
                                Source="{Binding ElementName=UC, Path=Image}"
                                Width="{Binding ElementName=UC, Path=ImageWidth}"
                                Height="{Binding ElementName=UC, Path=ImageHeight}"/>
                            <StackPanel
                                Grid.Column="1"
                                Orientation="Vertical" Margin="5">
                                <TextBlock 
                                    Text="{Binding ElementName=UC, Path=Text1}"
                                    Margin="10,0,0,0"/>
                                <TextBlock 
                                    Text="{Binding ElementName=UC, Path=Text2}"
                                    Margin="10,0,0,0"/>
                            </StackPanel>
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="BorderBrush" TargetName="theBorder"
                                Value="LightSkyBlue"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Button.Template>
        </Button>
    </StackPanel>
</UserControl>

А за спиной КС :

namespace WpfClickableImage
{
    /// <summary>
    /// Logique d'interaction pour ControlClickableImage.xaml
    /// </summary>
    public partial class ControlClickableImage : UserControl
    {
 
 
 
        public ControlClickableImage()
        {
            InitializeComponent();
        }
        public ImageSource Image
        {
            get { return (ImageSource)GetValue(ImageProperty); }
            set { SetValue(ImageProperty, value); }
        }
 
        // Using a DependencyProperty as the backing store for Image.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty ImageProperty =
            DependencyProperty.Register("Image", typeof(ImageSource), typeof(ControlClickableImage),
            new UIPropertyMetadata(null));
 
 
 
        public ImageSource ImageBack
        {
            get { return (ImageSource)GetValue(ImageBackProperty); }
            set { SetValue(ImageBackProperty, value); }
        }
 
        // Using a DependencyProperty as the backing store for ImageBack.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty ImageBackProperty =
            DependencyProperty.Register("ImageBack", typeof(ImageSource), typeof(ControlClickableImage),
            new UIPropertyMetadata(null));
 
 
 
 
        public double ImageWidth
        {
            get { return (double)GetValue(ImageWidthProperty); }
            set { SetValue(ImageWidthProperty, value); }
        }
 
        // Using a DependencyProperty as the backing store for ImageWidth.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty ImageWidthProperty =
            DependencyProperty.Register("ImageWidth", typeof(double), typeof(ControlClickableImage),
            new UIPropertyMetadata(16d));
 
        public double ImageHeight
        {
            get { return (double)GetValue(ImageHeightProperty); }
            set { SetValue(ImageHeightProperty, value); }
        }
 
        // Using a DependencyProperty as the backing store for ImageHeight.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty ImageHeightProperty =
            DependencyProperty.Register("ImageHeight", typeof(double), typeof(ControlClickableImage), 
            new UIPropertyMetadata(16d));
 
        public string Text1
        {
            get { return (string)GetValue(Text1Property); }
            set { SetValue(Text1Property, value); }
        }
 
        // Using a DependencyProperty as the backing store for Text.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty Text1Property =
            DependencyProperty.Register("Text1", typeof(string), typeof(ControlClickableImage),
            new UIPropertyMetadata(""));
 
        public string Text2
        {
            get { return (string)GetValue(Text2Property); }
            set { SetValue(Text2Property, value); }
        }
 
        // Using a DependencyProperty as the backing store for Text.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty Text2Property =
            DependencyProperty.Register("Text2", typeof(string), typeof(ControlClickableImage),
            new UIPropertyMetadata(""));
 
 
 
 
        public bool IsChecked
        {
            get { return (bool)GetValue(IsCheckedProperty); }
            set { SetValue(IsCheckedProperty, value); }
        }
 
        // Using a DependencyProperty as the backing store for IsChecked.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty IsCheckedProperty =
            DependencyProperty.Register("IsChecked", typeof(bool), typeof(ControlClickableImage), 
            new UIPropertyMetadata(false));
 
        private void Button_Click(object sender, RoutedEventArgs e)
        {
            this.IsChecked = !IsChecked;
           // swap images
            ImageSource temp = this.Image;
            this.Image = this.ImageBack;
            this.ImageBack = temp;
 
            //les 2 events sont declenches ici
            if (this.IsChecked)
                OnCheckedChanged(this, e);
            else if (!this.IsChecked )
                OnUnCheckChanged(this, e);
 
        }
 
 
 
        // event perso Checked
        public static readonly RoutedEvent CheckedEvent = EventManager.RegisterRoutedEvent(
            "Checked", RoutingStrategy.Bubble, typeof(RoutedEventHandler), typeof(ControlClickableImage));
 
        // Provide CLR accessors for the event
        public event RoutedEventHandler Checked
        {
            add { AddHandler(CheckedEvent, value); }
            remove { RemoveHandler(CheckedEvent, value); }
        }
        // event perso UnChecked
        public static readonly RoutedEvent UnCheckedEvent = EventManager.RegisterRoutedEvent(
            "UnChecked", RoutingStrategy.Bubble, typeof(RoutedEventHandler), typeof(ControlClickableImage));
 
        // Provide CLR accessors for the event
        public event RoutedEventHandler UnChecked
        {
            add { AddHandler(UnCheckedEvent, value); }
            remove { RemoveHandler(UnCheckedEvent, value); }
        }
        // methods charge de raiser les 2 events
        private void OnCheckedChanged(ControlClickableImage controlClickableImage, RoutedEventArgs e)
        {
            RoutedEventArgs newEventArgs = new RoutedEventArgs( ControlClickableImage.CheckedEvent);
            newEventArgs.Source = controlClickableImage;
            RaiseEvent(newEventArgs);
 
        }
        private void OnUnCheckChanged(ControlClickableImage controlClickableImage, RoutedEventArgs e)
        {
            RoutedEventArgs newEventArgs = new RoutedEventArgs(ControlClickableImage.UnCheckedEvent);
            newEventArgs.Source = controlClickableImage;
            RaiseEvent(newEventArgs);
 
        }
    }
 
 
}

In my application :

<Window x:Class="WpfClickableImage.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:my="clr-namespace:WpfClickableImage"
        Title="Window1" Height="300" Width="300">
    <StackPanel>
        <my:ControlClickableImage 
            x:Name="yourcontrol"
            Image="calendar.png" 
            ImageBack="worldwallpaper.jpg" 
            Text1="ControlImageClickable" 
            Text2="Description" 
            HorizontalAlignment="Left" VerticalAlignment="Top"
            ImageWidth="20" ImageHeight="20" Margin="10" 
            Checked="ControlClickableImage_Checked"
            UnChecked="ControlClickableImage_UnChecked">
 
        </my:ControlClickableImage>
    </StackPanel>
</Window>

А за КС по моему заявлению :

namespace WpfClickableImage
{
    /// <summary>
    /// Logique d'interaction pour Window1.xaml
    /// </summary>
    public partial class Window1 : Window
    {
        public Window1()
        {
            InitializeComponent();
        }
 
        private void ControlClickableImage_Checked(object sender, RoutedEventArgs e)
        {
            ControlClickableImage ctl = e.Source as ControlClickableImage;
            MessageBox.Show(ctl.IsChecked.ToString() + " ; " + ctl.Text1 + " ; " + ctl.Text2);
 
        }
 
        private void ControlClickableImage_UnChecked(object sender, RoutedEventArgs e)
        {
            ControlClickableImage ctl = e.Source as ControlClickableImage;
            MessageBox.Show(ctl.IsChecked.ToString() + " ; " + ctl.Text1 + " ; " + ctl.Text2);
 
        }
 
 
    }
}

Это работа.

Но, прежде чем, на моем флажке, я отправлю эту привязку :

IsChecked="{Binding bChecked}"

Чтобы проверить все например :

private void btnTous_Click(object sender, RoutedEventArgs e)
{
foreach (var item in LstIlots)
{
item.bChecked = true;
}
}

Но это свойство IsChecked не работает в моем пользовательском элементе управления.

Как я могу включить этот параметр ?

Спасибо.

Что я уже пробовал:

Я пытаюсь добавить этот флажок установлен обязательный bChecked в моем коде приложения XAML :

<my:ControlClickableImage
           x:Name="yourcontrol"
           Image="calendar.png"
           ImageBack="worldwallpaper.jpg"
           Text1="ControlImageClickable"
           Text2="Description"
           HorizontalAlignment="Left" VerticalAlignment="Top"
           ImageWidth="20" ImageHeight="20" Margin="10"
           Checked="ControlClickableImage_Checked"
           UnChecked="ControlClickableImage_UnChecked"
           IsChecked="{Binding bChecked}>

       </my:ControlClickableImage>

Но это не работа.

Заранее спасибо.

---