What is the best way to implement my control

Question

I need to have many different buttons like this:

Each button have your own Image.Source, TextBlock.Text and Button.Click event handler.

What is the way to implement this button if all that I want to use this button is something like this:

Do I need to create UserControl or it will be enough to use some Template or Attached property ?

nrudnyk · Accepted Answer

I see at least 2 ways of doing this.

First is to inherit from Button, extend it with your ImageSource Dependency property and bind to it inside DataTemplate.

Another way to do this is to create ImageSource attached property, and bind to it inside DataTemplate as below:

public class Config
{
    public static readonly DependencyProperty ImageSourceProperty = DependencyProperty.RegisterAttached(
        "ImageSource", typeof (ImageSource), typeof (Config), new PropertyMetadata(default(ImageSource)));

    public static void SetImageSource(DependencyObject element, ImageSource value)
    {
        element.SetValue(ImageSourceProperty, value);
    }

    public static ImageSource GetImageSource(DependencyObject element)
    {
        return (ImageSource) element.GetValue(ImageSourceProperty);
    }
}

Here is the data template and button:

Hope this helps.

EDIT

Just extend button control with ImageSource dependency property and create default style for it, like below:

public class MyButton : Button
{
    public static readonly DependencyProperty ImageSourceProperty = DependencyProperty.Register(
        "ImageSource", typeof (ImageSource), typeof (MyButton), new PropertyMetadata(default(ImageSource)));

    public ImageSource ImageSource
    {
        get { return (ImageSource) GetValue(ImageSourceProperty); }
        set { SetValue(ImageSourceProperty, value); }
    }

    public MyButton()
    {
        DefaultStyleKey = typeof (MyButton);
    }
}

Style and button itself:

What is the best way to implement my control

Answers (2)

Related Questions