Setting WPF image source in code

Question

I m trying to set a WPF image s source in code  The image is embedded as a resource in the project  By looking at examples I ve come up with the below code  For some reason it doesn t work - the image does not show up    By debugging I can see that the stream contains the image data  So what s wrong   Assembly asm   Assembly GetExecutingAssembly    Stream iconStream   asm GetManifestResourceStream  SomeImage png    PngBitmapDecoder iconDecoder   new PngBitmapDecoder iconStream  BitmapCreateOptions PreservePixelFormat  BitmapCacheOption Default   ImageSource iconSource   iconDecoder Frames 0    icon Source   iconSource    The icon is defined something like this   lt Image x Name   icon  Width  16  Height  16    gt

User · Answer

There s also a simpler way  If the image is loaded as a resource in the XAML  and the code in question is the codebehind for that XAML   Here s the resource dictionary for a XAML file - the only line you care about is the ImageBrush with the key  PosterBrush  - the rest of the code is just to show context   lt UserControl Resources gt           lt ResourceDictionary gt               lt ImageBrush x Key  PosterBrush  ImageSource     Resources Images EmptyPoster jpg  Stretch  UniformToFill   gt            lt  ResourceDictionary gt       lt  UserControl Resources gt    Now  in the code behind  you can just do this  ImageBrush posterBrush    ImageBrush Resources  PosterBrush

User · Answer

Put the frame in a VisualBrush   VisualBrush brush   new VisualBrush   TileMode   TileMode None     brush Visual   frame   brush AlignmentX   AlignmentX Center  brush AlignmentY   AlignmentY Center  brush Stretch   Stretch Uniform    Put the VisualBrush in GeometryDrawing  GeometryDrawing drawing   new GeometryDrawing     drawing Brush   brush      Brush this in 1  1 ratio RectangleGeometry rect   new RectangleGeometry   Rect   new Rect 0  0  1  1     drawing Geometry   rect    Now put the GeometryDrawing in a DrawingImage   new DrawingImage drawing     Place this on your source of the image  and voil     You could do it a lot easier though    lt Image gt       lt Image Source gt           lt BitmapImage UriSource   yourassembly component YourImage PNG  gt  lt  BitmapImage gt       lt  Image Source gt   lt  Image gt    And in code   BitmapImage image   new BitmapImage   UriSource   yourassembly component YourImage PNG

User · Answer

If you already have a stream and know the format  you can use something like this   static ImageSource PngStreamToImageSource  Stream pngStream        var decoder   new PngBitmapDecoder pngStream          BitmapCreateOptions PreservePixelFormat  BitmapCacheOption Default       return decoder Frames 0

User · Answer

You can also reduce this to one line   This is the code I used to set the Icon for my main window   It assumes the  ico file is marked as Content and is being copied to the output directory    this Icon   new BitmapImage new Uri  Icon ico   UriKind Relative

User · Answer

This is a bit less code and can be done in a single line   string packUri    pack   application     AssemblyName component Images icon png    image Source   new ImageSourceConverter   ConvertFromString packUri  as ImageSource

User · Answer

Simplest way   var uriSource   new Uri  image path here    image1 Source   new BitmapImage uriSource

User · Answer

I am a new to WPF  but not in  NET   I have spent five hours trying to add a PNG file to a  WPF Custom Control Library Project  in  NET 3 5  Visual Studio 2010  and setting it as a background of an image-inherited control   Nothing relative with URIs worked  I can not imagine why there is no method to get a URI from a resource file  through IntelliSense  maybe as   Properties Resources ResourceManager GetURI  my image      I ve tried a lot of URIs and played with ResourceManager  and Assembly s GetManifest methods  but all there were exceptions or NULL values   Here I pot the code that worked for me      Convert the image in resources to a Stream Stream ms   new MemoryStream   Properties Resources MyImage Save ms  ImageFormat Png       Create a BitmapImage with the stream  BitmapImage bitmap   new BitmapImage    bitmap BeginInit    bitmap StreamSource   ms  bitmap EndInit        Set as source Source   bitmap

User · Answer

After having the same problem as you and doing some reading  I discovered the solution - Pack URIs   I did the following in code   Image finalImage   new Image    finalImage Width   80      BitmapImage logo   new BitmapImage    logo BeginInit    logo UriSource   new Uri  pack   application     AssemblyName component Resources logo png    logo EndInit        finalImage Source   logo    Or shorter  by using another BitmapImage constructor   finalImage Source   new BitmapImage      new Uri  pack   application     AssemblyName component Resources logo png       The URI is broken out into parts    Authority  application     Path  The name of a resource file that is compiled into a referenced assembly  The path must conform to the following format  AssemblyShortName  Version   PublicKey  component Path   AssemblyShortName  the short name for the referenced assembly   Version  optional   the version of the referenced assembly that contains the resource file  This is used when two or more referenced assemblies with the same short name are loaded   PublicKey  optional   the public key that was used to sign the referenced assembly  This is used when two or more referenced assemblies with the same short name are loaded   component  specifies that the assembly being referred to is referenced from the local assembly   Path  the name of the resource file  including its path  relative to the root of the referenced assembly s project folder     The three slashes after application  have to be replaced with commas      Note  The authority component of a pack URI   is an embedded URI that points to a   package and must conform to RFC 2396    Additionally  the     character must   be replaced with the     character    and reserved characters such as       and     must be escaped  See the OPC   for details    And of course  make sure you set the build action on your image to Resource

User · Answer

There s also a simpler way  If the image is loaded as a resource in the XAML  and the code in question is the code-behind for that XAML content   Uri iconUri   new Uri  pack   application     ImageNAme ico   UriKind RelativeOrAbsolute   NotifyIcon Icon   BitmapFrame Create iconUri

User · Answer

Put the frame in a VisualBrush   VisualBrush brush   new VisualBrush   TileMode   TileMode None     brush Visual   frame   brush AlignmentX   AlignmentX Center  brush AlignmentY   AlignmentY Center  brush Stretch   Stretch Uniform    Put the VisualBrush in GeometryDrawing  GeometryDrawing drawing   new GeometryDrawing     drawing Brush   brush      Brush this in 1  1 ratio RectangleGeometry rect   new RectangleGeometry   Rect   new Rect 0  0  1  1     drawing Geometry   rect    Now put the GeometryDrawing in a DrawingImage   new DrawingImage drawing     Place this on your source of the image  and voil     You could do it a lot easier though    lt Image gt       lt Image Source gt           lt BitmapImage UriSource   yourassembly component YourImage PNG  gt  lt  BitmapImage gt       lt  Image Source gt   lt  Image gt    And in code   BitmapImage image   new BitmapImage   UriSource   yourassembly component YourImage PNG

User · Answer

You can also reduce this to one line   This is the code I used to set the Icon for my main window   It assumes the  ico file is marked as Content and is being copied to the output directory    this Icon   new BitmapImage new Uri  Icon ico   UriKind Relative

User · Answer

This is my way   internal static class ResourceAccessor       public static Uri Get string resourcePath                var uri   string Format               pack   application      0  component  1                 Assembly GetExecutingAssembly   GetName   Name               resourcePath                     return new Uri uri             Usage   new BitmapImage ResourceAccessor Get  Images 1 png

User · Answer

Put the frame in a VisualBrush   VisualBrush brush   new VisualBrush   TileMode   TileMode None     brush Visual   frame   brush AlignmentX   AlignmentX Center  brush AlignmentY   AlignmentY Center  brush Stretch   Stretch Uniform    Put the VisualBrush in GeometryDrawing  GeometryDrawing drawing   new GeometryDrawing     drawing Brush   brush      Brush this in 1  1 ratio RectangleGeometry rect   new RectangleGeometry   Rect   new Rect 0  0  1  1     drawing Geometry   rect    Now put the GeometryDrawing in a DrawingImage   new DrawingImage drawing     Place this on your source of the image  and voil     You could do it a lot easier though    lt Image gt       lt Image Source gt           lt BitmapImage UriSource   yourassembly component YourImage PNG  gt  lt  BitmapImage gt       lt  Image Source gt   lt  Image gt    And in code   BitmapImage image   new BitmapImage   UriSource   yourassembly component YourImage PNG

User · Answer

Have you tried   Assembly asm   Assembly GetExecutingAssembly    Stream iconStream   asm GetManifestResourceStream  SomeImage png    BitmapImage bitmap   new BitmapImage    bitmap BeginInit    bitmap StreamSource   iconStream  bitmap EndInit     icon Source   bitmap

User · Answer

If your image is stored in a ResourceDictionary  you can do it with only one line of code   MyImage Source   MyImage FindResource  MyImageKeyDictionary   as ImageSource

User · Answer

Very easy    To set a menu item s image dynamically  only do the following   MyMenuItem ImageSource        new BitmapImage new Uri  Resource icon ico  UriKind Relative         whereas  icon ico  can be located everywhere  currently it s located in the  Resources  directory  and must be linked as Resource

User · Answer

Here is if you want to locate it next to your executable  relative from the executable  img Source   new BitmapImage new Uri AppDomain CurrentDomain BaseDirectory     quot  Images image jpg quot   UriKind Absolute

User · Answer

You just missed a little bit   To get an embedded resource from any assembly  you have to mention the assembly name with your file name as I have mentioned here   Assembly asm   Assembly GetExecutingAssembly    Stream iconStream   asm GetManifestResourceStream asm GetName   Name          Desert jpg    BitmapImage bitmap   new BitmapImage    bitmap BeginInit    bitmap StreamSource   iconStream  bitmap EndInit    image1 Source   bitmap

User · Answer

You just missed a little bit   To get an embedded resource from any assembly  you have to mention the assembly name with your file name as I have mentioned here   Assembly asm   Assembly GetExecutingAssembly    Stream iconStream   asm GetManifestResourceStream asm GetName   Name          Desert jpg    BitmapImage bitmap   new BitmapImage    bitmap BeginInit    bitmap StreamSource   iconStream  bitmap EndInit    image1 Source   bitmap

User · Answer

Very easy    To set a menu item s image dynamically  only do the following   MyMenuItem ImageSource        new BitmapImage new Uri  Resource icon ico  UriKind Relative         whereas  icon ico  can be located everywhere  currently it s located in the  Resources  directory  and must be linked as Resource

User · Answer

If you already have a stream and know the format  you can use something like this   static ImageSource PngStreamToImageSource  Stream pngStream        var decoder   new PngBitmapDecoder pngStream          BitmapCreateOptions PreservePixelFormat  BitmapCacheOption Default       return decoder Frames 0

User · Answer

After having the same problem as you and doing some reading  I discovered the solution - Pack URIs   I did the following in code   Image finalImage   new Image    finalImage Width   80      BitmapImage logo   new BitmapImage    logo BeginInit    logo UriSource   new Uri  pack   application     AssemblyName component Resources logo png    logo EndInit        finalImage Source   logo    Or shorter  by using another BitmapImage constructor   finalImage Source   new BitmapImage      new Uri  pack   application     AssemblyName component Resources logo png       The URI is broken out into parts    Authority  application     Path  The name of a resource file that is compiled into a referenced assembly  The path must conform to the following format  AssemblyShortName  Version   PublicKey  component Path   AssemblyShortName  the short name for the referenced assembly   Version  optional   the version of the referenced assembly that contains the resource file  This is used when two or more referenced assemblies with the same short name are loaded   PublicKey  optional   the public key that was used to sign the referenced assembly  This is used when two or more referenced assemblies with the same short name are loaded   component  specifies that the assembly being referred to is referenced from the local assembly   Path  the name of the resource file  including its path  relative to the root of the referenced assembly s project folder     The three slashes after application  have to be replaced with commas      Note  The authority component of a pack URI   is an embedded URI that points to a   package and must conform to RFC 2396    Additionally  the     character must   be replaced with the     character    and reserved characters such as       and     must be escaped  See the OPC   for details    And of course  make sure you set the build action on your image to Resource

User · Answer

There s also a simpler way  If the image is loaded as a resource in the XAML  and the code in question is the codebehind for that XAML   Here s the resource dictionary for a XAML file - the only line you care about is the ImageBrush with the key  PosterBrush  - the rest of the code is just to show context   lt UserControl Resources gt           lt ResourceDictionary gt               lt ImageBrush x Key  PosterBrush  ImageSource     Resources Images EmptyPoster jpg  Stretch  UniformToFill   gt            lt  ResourceDictionary gt       lt  UserControl Resources gt    Now  in the code behind  you can just do this  ImageBrush posterBrush    ImageBrush Resources  PosterBrush

User · Answer

Simplest way   var uriSource   new Uri  image path here    image1 Source   new BitmapImage uriSource

User · Answer

Put the frame in a VisualBrush   VisualBrush brush   new VisualBrush   TileMode   TileMode None     brush Visual   frame   brush AlignmentX   AlignmentX Center  brush AlignmentY   AlignmentY Center  brush Stretch   Stretch Uniform    Put the VisualBrush in GeometryDrawing  GeometryDrawing drawing   new GeometryDrawing     drawing Brush   brush      Brush this in 1  1 ratio RectangleGeometry rect   new RectangleGeometry   Rect   new Rect 0  0  1  1     drawing Geometry   rect    Now put the GeometryDrawing in a DrawingImage   new DrawingImage drawing     Place this on your source of the image  and voil     You could do it a lot easier though    lt Image gt       lt Image Source gt           lt BitmapImage UriSource   yourassembly component YourImage PNG  gt  lt  BitmapImage gt       lt  Image Source gt   lt  Image gt    And in code   BitmapImage image   new BitmapImage   UriSource   yourassembly component YourImage PNG

User · Answer

How to load an image from embedded in resource icons and images  corrected version of Arcturus    Suppose you want to add a button with an image  What should you do    Add to project folder icons and put image ClickMe png here  In properties of  ClickMe png   set  BuildAction  to  Resource  Suppose your compiled assembly name is  Company ProductAssembly dll   Now it s time to load our image in XAML   lt Button Width  200  Height  70  gt     lt Button Content gt       lt StackPanel gt         lt Image Width  20  Height  20  gt           lt Image Source gt             lt BitmapImage UriSource   Company ProductAssembly component Icons ClickMe png  gt  lt  BitmapImage gt             lt  Image Source gt         lt  Image gt         lt TextBlock HorizontalAlignment  Center  gt Click me  lt  TextBlock gt       lt  StackPanel gt     lt  Button Content gt   lt  Button gt     Done

User · Answer

var uriSource   new Uri    WpfApplication1 component Images Untitled png   UriKind Relative   foo Source   new BitmapImage uriSource     This will load a image called  Untitled png  in a folder called  Images  with its  Build Action  set to  Resource  in an assembly called  WpfApplication1

User · Answer

Here is if you want to locate it next to your executable  relative from the executable  img Source   new BitmapImage new Uri AppDomain CurrentDomain BaseDirectory     quot  Images image jpg quot   UriKind Absolute

User · Answer

There s also a simpler way  If the image is loaded as a resource in the XAML  and the code in question is the code-behind for that XAML content   Uri iconUri   new Uri  pack   application     ImageNAme ico   UriKind RelativeOrAbsolute   NotifyIcon Icon   BitmapFrame Create iconUri

User · Answer

var uriSource   new Uri    WpfApplication1 component Images Untitled png   UriKind Relative   foo Source   new BitmapImage uriSource     This will load a image called  Untitled png  in a folder called  Images  with its  Build Action  set to  Resource  in an assembly called  WpfApplication1

User · Answer

Here is an example that sets the image path dynamically  image located somewhere on disc rather than build as resource    if  File Exists imagePath            Create image element to set as icon on the menu element     Image icon   new Image        BitmapImage bmImage   new BitmapImage        bmImage BeginInit        bmImage UriSource   new Uri imagePath  UriKind Absolute       bmImage EndInit        icon Source   bmImage      icon MaxWidth   25      item Icon   icon      Reflections on Icons     First thought  you would think that the Icon property can only contain an image  But it can actually contain anything  I discovered this by accident when I programmatically tried to set the Image property directly to a string with the path to an image  The result was that it did not show the image  but the actual text of the path   This leads to an alternative to not have to make an image for the icon  but use text with a symbol font instead to display a simple  icon   The following example uses the Wingdings font which contains a  floppydisk  symbol  This symbol is really the character  lt   which has special meaning in XAML  so we have to use the encoded version  amp lt  instead  This works like a dream  The following shows a floppydisk symbol as an icon on the menu item    lt MenuItem Name  mnuFileSave  Header  Save  Command  ApplicationCommands Save  gt     lt MenuItem Icon gt       lt Label VerticalAlignment  Center  HorizontalAlignment  Center  FontFamily  Wingdings  gt  amp lt  lt  Label gt     lt  MenuItem Icon gt   lt  MenuItem gt

User · Answer

If your image is stored in a ResourceDictionary  you can do it with only one line of code   MyImage Source   MyImage FindResource  MyImageKeyDictionary   as ImageSource

User · Answer

Have you tried   Assembly asm   Assembly GetExecutingAssembly    Stream iconStream   asm GetManifestResourceStream  SomeImage png    BitmapImage bitmap   new BitmapImage    bitmap BeginInit    bitmap StreamSource   iconStream  bitmap EndInit     icon Source   bitmap

User · Answer

Here is an example that sets the image path dynamically  image located somewhere on disc rather than build as resource    if  File Exists imagePath            Create image element to set as icon on the menu element     Image icon   new Image        BitmapImage bmImage   new BitmapImage        bmImage BeginInit        bmImage UriSource   new Uri imagePath  UriKind Absolute       bmImage EndInit        icon Source   bmImage      icon MaxWidth   25      item Icon   icon      Reflections on Icons     First thought  you would think that the Icon property can only contain an image  But it can actually contain anything  I discovered this by accident when I programmatically tried to set the Image property directly to a string with the path to an image  The result was that it did not show the image  but the actual text of the path   This leads to an alternative to not have to make an image for the icon  but use text with a symbol font instead to display a simple  icon   The following example uses the Wingdings font which contains a  floppydisk  symbol  This symbol is really the character  lt   which has special meaning in XAML  so we have to use the encoded version  amp lt  instead  This works like a dream  The following shows a floppydisk symbol as an icon on the menu item    lt MenuItem Name  mnuFileSave  Header  Save  Command  ApplicationCommands Save  gt     lt MenuItem Icon gt       lt Label VerticalAlignment  Center  HorizontalAlignment  Center  FontFamily  Wingdings  gt  amp lt  lt  Label gt     lt  MenuItem Icon gt   lt  MenuItem gt

User · Answer

How to load an image from embedded in resource icons and images  corrected version of Arcturus    Suppose you want to add a button with an image  What should you do    Add to project folder icons and put image ClickMe png here  In properties of  ClickMe png   set  BuildAction  to  Resource  Suppose your compiled assembly name is  Company ProductAssembly dll   Now it s time to load our image in XAML   lt Button Width  200  Height  70  gt     lt Button Content gt       lt StackPanel gt         lt Image Width  20  Height  20  gt           lt Image Source gt             lt BitmapImage UriSource   Company ProductAssembly component Icons ClickMe png  gt  lt  BitmapImage gt             lt  Image Source gt         lt  Image gt         lt TextBlock HorizontalAlignment  Center  gt Click me  lt  TextBlock gt       lt  StackPanel gt     lt  Button Content gt   lt  Button gt     Done

User · Answer

This is a bit less code and can be done in a single line   string packUri    pack   application     AssemblyName component Images icon png    image Source   new ImageSourceConverter   ConvertFromString packUri  as ImageSource

User · Answer

This is my way   internal static class ResourceAccessor       public static Uri Get string resourcePath                var uri   string Format               pack   application      0  component  1                 Assembly GetExecutingAssembly   GetName   Name               resourcePath                     return new Uri uri             Usage   new BitmapImage ResourceAccessor Get  Images 1 png

User · Answer

I am a new to WPF  but not in  NET   I have spent five hours trying to add a PNG file to a  WPF Custom Control Library Project  in  NET 3 5  Visual Studio 2010  and setting it as a background of an image-inherited control   Nothing relative with URIs worked  I can not imagine why there is no method to get a URI from a resource file  through IntelliSense  maybe as   Properties Resources ResourceManager GetURI  my image      I ve tried a lot of URIs and played with ResourceManager  and Assembly s GetManifest methods  but all there were exceptions or NULL values   Here I pot the code that worked for me      Convert the image in resources to a Stream Stream ms   new MemoryStream   Properties Resources MyImage Save ms  ImageFormat Png       Create a BitmapImage with the stream  BitmapImage bitmap   new BitmapImage    bitmap BeginInit    bitmap StreamSource   ms  bitmap EndInit        Set as source Source   bitmap

[c#] Setting WPF image source in code

Examples related to c#

Examples related to .net

Examples related to wpf

Examples related to image