Storing WPF Image Resources

Question

For a WPF application which will need 10 - 20 small icons and images for illustrative purposes  is storing these in the assembly as embedded resources the right way to go  If so  how do I specify in XAML that an Image control should load the image from an embedded resource

User · Answer

If you re using Blend  to make it extra easy and not have any trouble getting the correct path for the Source attribute  just drag and drop the image from the Project panel onto the designer

User · Answer

Yes  it is the right way   You could use the image in the resource file just using the path    lt Image Source     Media Image png    gt    You must set the build action of the image file to  Resource

User · Answer

If you re using Blend  to make it extra easy and not have any trouble getting the correct path for the Source attribute  just drag and drop the image from the Project panel onto the designer

User · Answer

Some people are asking about doing this in code and not getting an answer   After spending many hours searching I found a very simple method  I found no example and so I share mine here which works with images   mine was a  gif   Summary   It returns a BitmapFrame which ImageSource  destinations  seem to like   Use   doGetImageSourceFromResource    YourAssemblyNameHere      YourResourceNameHere       Method   static internal ImageSource doGetImageSourceFromResource string psAssemblyName  string psResourceName        Uri oUri   new Uri  pack   application        psAssemblyName    component    psResourceName  UriKind RelativeOrAbsolute       return BitmapFrame Create oUri       Learnings   From my experiences the pack string is not the issue  check your streams and especially if reading it the first time has set the pointer to the end of the file and you need to re-set it to zero before reading again   I hope this saves you the many hours I wish this piece had for me

User · Answer

If you re using Blend  to make it extra easy and not have any trouble getting the correct path for the Source attribute  just drag and drop the image from the Project panel onto the designer

User · Answer

I found to be the best practice of using images  videos  etc  is   Change your files  quot Build action quot  to  quot Content quot   Be sure to check Copy to build directory   Found on the  quot Right-Click quot  menu at the Solution Explorer window    Image Source in the following format    quot    YourAssemblyName   component   YourPath     YourImage png   quot     Example  lt Image Source  quot  WPFApplication component Images Start png quot    gt   Benefits   Files are not embedded into the assembly   The Resource Manager will raise some memory overflow problems with too many resources  at build time     Can be called between assemblies

User · Answer

The following worked and the images to be set is resources in properties       var bitmapSource   Imaging CreateBitmapSourceFromHBitmap MyProject Properties Resources myImage GetHbitmap                                          IntPtr Zero                                        Int32Rect Empty                                        BitmapSizeOptions FromEmptyOptions         MyButton Background   new ImageBrush bitmapSource   img username Source   bitmapSource

User · Answer

In code to load a resource in the executing assembly where my image Freq png was in the folder Icons and defined as Resource   this Icon   new BitmapImage new Uri   pack   application              Assembly GetExecutingAssembly   GetName   Name          component           Icons Freq png   UriKind Absolute       I also made a function        lt summary gt      Load a resource WPF-BitmapImage  png  bmp       from embedded resource defined as  Resource  not as  Embedded resource        lt  summary gt       lt param name  pathInApplication  gt Path without starting slash lt  param gt       lt param name  assembly  gt Usually  Assembly GetExecutingAssembly     If not mentionned  I will use the calling assembly lt  param gt       lt returns gt  lt  returns gt  public static BitmapImage LoadBitmapFromResource string pathInApplication  Assembly assembly   null        if  assembly    null                assembly   Assembly GetCallingAssembly               if  pathInApplication 0                        pathInApplication   pathInApplication Substring 1             return new BitmapImage new Uri   pack   application         assembly GetName   Name     component     pathInApplication  UriKind Absolute         Usage  assumption you put the function in a ResourceHelper class    this Icon   ResourceHelper LoadBitmapFromResource  Icons Freq png      Note  see MSDN Pack URIs in WPF  pack   application     ReferencedAssembly component Subfolder ResourceFile xaml

User · Answer

Yes  it is the right way   You could use the image in the resource file just using the path    lt Image Source     Media Image png    gt    You must set the build action of the image file to  Resource

User · Answer

Yes  it s the right way  You can use images in the Resource file using a path    lt StackPanel Orientation  Horizontal  gt       lt CheckBox  Content   Binding Nname   IsChecked   Binding IsChecked    gt       lt Image Source  E  SWorking SharePointSecurityApps SharePointSecurityApps SharePointSecurityApps WPF Images sitepermission png   gt       lt TextBlock Text   Binding Path Title   gt  lt  TextBlock gt   lt  StackPanel gt

User · Answer

Visual Studio 2010 Professional SP1   NET Framework 4 Client Profile  PNG image added as resource on project properties  New file in Resources folder automatically created  Build action set to resource    This worked for me    lt BitmapImage x Key  MyImageSource  UriSource  Resources Image png    gt

User · Answer

I found to be the best practice of using images  videos  etc  is   Change your files  quot Build action quot  to  quot Content quot   Be sure to check Copy to build directory   Found on the  quot Right-Click quot  menu at the Solution Explorer window    Image Source in the following format    quot    YourAssemblyName   component   YourPath     YourImage png   quot     Example  lt Image Source  quot  WPFApplication component Images Start png quot    gt   Benefits   Files are not embedded into the assembly   The Resource Manager will raise some memory overflow problems with too many resources  at build time     Can be called between assemblies

User · Answer

Yes  it is the right way   You could use the image in the resource file just using the path    lt Image Source     Media Image png    gt    You must set the build action of the image file to  Resource

User · Answer

Some people are asking about doing this in code and not getting an answer   After spending many hours searching I found a very simple method  I found no example and so I share mine here which works with images   mine was a  gif   Summary   It returns a BitmapFrame which ImageSource  destinations  seem to like   Use   doGetImageSourceFromResource    YourAssemblyNameHere      YourResourceNameHere       Method   static internal ImageSource doGetImageSourceFromResource string psAssemblyName  string psResourceName        Uri oUri   new Uri  pack   application        psAssemblyName    component    psResourceName  UriKind RelativeOrAbsolute       return BitmapFrame Create oUri       Learnings   From my experiences the pack string is not the issue  check your streams and especially if reading it the first time has set the pointer to the end of the file and you need to re-set it to zero before reading again   I hope this saves you the many hours I wish this piece had for me

User · Answer

Yes  it s the right way  You can use images in the Resource file using a path    lt StackPanel Orientation  Horizontal  gt       lt CheckBox  Content   Binding Nname   IsChecked   Binding IsChecked    gt       lt Image Source  E  SWorking SharePointSecurityApps SharePointSecurityApps SharePointSecurityApps WPF Images sitepermission png   gt       lt TextBlock Text   Binding Path Title   gt  lt  TextBlock gt   lt  StackPanel gt

User · Answer

The following worked and the images to be set is resources in properties       var bitmapSource   Imaging CreateBitmapSourceFromHBitmap MyProject Properties Resources myImage GetHbitmap                                          IntPtr Zero                                        Int32Rect Empty                                        BitmapSizeOptions FromEmptyOptions         MyButton Background   new ImageBrush bitmapSource   img username Source   bitmapSource

User · Answer

Full description how to use resources  WPF Application Resource  Content  and Data Files  And how to reference them  read  Pack URIs in WPF    In short  there is even means to reference resources from referenced referencing assemblies

User · Answer

If you re using Blend  to make it extra easy and not have any trouble getting the correct path for the Source attribute  just drag and drop the image from the Project panel onto the designer

User · Answer

Yes  it is the right way   You could use the image in the resource file just using the path    lt Image Source     Media Image png    gt    You must set the build action of the image file to  Resource

User · Answer

In code to load a resource in the executing assembly where my image Freq png was in the folder Icons and defined as Resource   this Icon   new BitmapImage new Uri   pack   application              Assembly GetExecutingAssembly   GetName   Name          component           Icons Freq png   UriKind Absolute       I also made a function        lt summary gt      Load a resource WPF-BitmapImage  png  bmp       from embedded resource defined as  Resource  not as  Embedded resource        lt  summary gt       lt param name  pathInApplication  gt Path without starting slash lt  param gt       lt param name  assembly  gt Usually  Assembly GetExecutingAssembly     If not mentionned  I will use the calling assembly lt  param gt       lt returns gt  lt  returns gt  public static BitmapImage LoadBitmapFromResource string pathInApplication  Assembly assembly   null        if  assembly    null                assembly   Assembly GetCallingAssembly               if  pathInApplication 0                        pathInApplication   pathInApplication Substring 1             return new BitmapImage new Uri   pack   application         assembly GetName   Name     component     pathInApplication  UriKind Absolute         Usage  assumption you put the function in a ResourceHelper class    this Icon   ResourceHelper LoadBitmapFromResource  Icons Freq png      Note  see MSDN Pack URIs in WPF  pack   application     ReferencedAssembly component Subfolder ResourceFile xaml

User · Answer

Full description how to use resources  WPF Application Resource  Content  and Data Files  And how to reference them  read  Pack URIs in WPF    In short  there is even means to reference resources from referenced referencing assemblies

User · Answer

If you will use the image in multiple places  then it s worth loading the image data only once into memory and then sharing it between all Image elements   To do this  create a BitmapSource  as a resource somewhere    lt BitmapImage x Key  MyImageSource  UriSource     Media Image png    gt    Then  in your code  use something like    lt Image Source   StaticResource MyImageSource     gt    In my case  I found that I had to set the Image png file to have a build action of Resource rather than just Content   This causes the image to be carried within your compiled assembly

User · Answer

Visual Studio 2010 Professional SP1   NET Framework 4 Client Profile  PNG image added as resource on project properties  New file in Resources folder automatically created  Build action set to resource    This worked for me    lt BitmapImage x Key  MyImageSource  UriSource  Resources Image png    gt

User · Answer

If you will use the image in multiple places  then it s worth loading the image data only once into memory and then sharing it between all Image elements   To do this  create a BitmapSource  as a resource somewhere    lt BitmapImage x Key  MyImageSource  UriSource     Media Image png    gt    Then  in your code  use something like    lt Image Source   StaticResource MyImageSource     gt    In my case  I found that I had to set the Image png file to have a build action of Resource rather than just Content   This causes the image to be carried within your compiled assembly

[c#] Storing WPF Image Resources

Examples related to c#

Examples related to .net

Examples related to wpf

Examples related to embedded-resource