Setting image in runtime WPF

Question

I have a template in app.xaml. During runtime, i want to create a button and apply this template. I also want to set the Image source during runtime.

<Application.Resources>
        <ControlTemplate x:Key="btemp2" TargetType="{x:Type Button}">
            <Image x:Name="myimage" HorizontalAlignment="Center" Height="84" VerticalAlignment="Center" Width="100" Margin="10,-17.5,7,-24.5"  Stretch="UniformToFill"/>
        </ControlTemplate>
    </Application.Resources>

runtime code:

Button newButton = new Button();
newButton.Width = 100;
newButton.Height = 50;
newButton.Template = (ControlTemplate)TryFindResource("btemp2");
System.Windows.Controls.Image i = newButton.Template.FindName("myimage",this) as System.Windows.Controls.Image;

Bitmap bmp = GetIconImageFromFile(fileName);
BitmapSource src = GetBitmapImageFromBitmap(bmp);
i.Source = src;
stack.Children.Add(newButton);

It does not work as expected. Breakpoint does not reach

Bitmap bmp = GetIconImageFromFile(fileName);

It doesnt work lol. Breakpoint doesnt reach Bitmap bmp = GetIconImageFromFile(fileName); — RStyle
– RStyle, Commented Dec 15, 2015 at 7:50
Then put it into your question so ppl can read it and directly see what your problem is. — AntiHeadshot
– AntiHeadshot, Commented Dec 15, 2015 at 7:52

Clemens · Accepted Answer · 2015-12-15 09:20:37Z

4

You can use Binding to set image. So you should change ControlTemplate. In that example we using Button Tag property to set image Source.

<ControlTemplate x:Key="btemp2" TargetType="{x:Type Button}">
    <Image x:Name="myimage" HorizontalAlignment="Center" Height="84" VerticalAlignment="Center" Width="100" Margin="10,-17.5,7,-24.5"  Stretch="UniformToFill"
                    Source="{Binding RelativeSource={RelativeSource Mode=TemplatedParent}, Path=Tag}"/>
</ControlTemplate>

And the Button creating code should look like this.

Button newButton = new Button();
newButton.Width = 100;
newButton.Height = 50;
newButton.Template = ( ControlTemplate )TryFindResource( "btemp2" );
tempGrid.Children.Add( newButton );
BitmapImage image = new BitmapImage(new Uri("pack://application:,,,/WPFTest;component/Images/GPlus.png"));
newButton.Tag = image;

edited Dec 15, 2015 at 9:20

Clemens

129k13 gold badges163 silver badges296 bronze badges

answered Dec 15, 2015 at 8:09

bars222

1,6703 gold badges13 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

AntiHeadshot Over a year ago

Binding sould be the way to go.

RStyle Over a year ago

Thanks so much. Finally works. Is there any recommendation books to read on wpf with c#?

bars222 Over a year ago

You're welcome. "Wpf unleashed" is very helpful book.

Clemens Over a year ago

In code behind, a WPF Resource File Pack URI should be created like this: new Uri("pack://application:,,,/WPFTest;component/Images/GPlus.png").

Clemens Over a year ago

I also, as no UriKind is necessary.

AnjumSKhan · Accepted Answer · 2015-12-15 08:32:39Z

1

Remove this , and use newButton in code below, and handle Loaded event :

    Grd.Children.Add(newButton);
    newButton.Loaded += newButton_Loaded;
    ...


void newButton_Loaded(object sender, RoutedEventArgs e)
        {
            Image img = (Image)newButton.Template.FindName("myimage", newButton);
            ...
        }

edited Dec 15, 2015 at 8:32

answered Dec 15, 2015 at 8:16

AnjumSKhan

9,8471 gold badge30 silver badges39 bronze badges

1 Comment

AntiHeadshot Over a year ago

This will return null insteadof throwing an exception. So still he can't set the source on that.

Collectives™ on Stack Overflow

Setting image in runtime WPF

2 Answers 2

5 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related