Recursos de imagen de WPF

Vengo de un fondo principalmente web y un poco de Windows Forms. Para un nuevo proyecto, utilizaremos WPF. La aplicación WPF necesitará de 10 a 20 iconos e imágenes pequeños con fines ilustrativos. Estoy pensando en almacenarlos en el ensamblado como recursos integrados. ¿Es ese el camino correcto?

¿Cómo especifico en XAML que un control de imagen debería cargar la imagen desde un recurso incrustado?

Si va a usar la imagen en varios lugares, entonces vale la pena cargar los datos de la imagen solo una vez en la memoria y luego compartirlos entre todos los Imageelementos.

Para hacer esto, cree un BitmapSource como recurso en alguna parte:

<BitmapImage x:Key="MyImageSource" UriSource="../Media/Image.png" />

Luego, en su código, use algo como:

<Image Source="{StaticResource MyImageSource}" />

En mi caso, descubrí que tenía que configurar el Image.pngarchivo para que tuviera una acción de compilación en Resourcelugar de solo Content. Esto hace que la imagen se transporte dentro de su ensamblaje compilado.

Descubrí que la mejor práctica de usar imágenes, videos, etc. es:

• Cambie sus archivos "Crear acción" a "Contenido" . Asegúrese de marcar Copiar al directorio de compilación .
  • Se encuentra en el menú "Clic derecho" en la ventana del Explorador de soluciones.
• Fuente de imagen en el siguiente formato:
  • "/ « YourAssemblyName » ; componente /« YourPath »/ « YourImage.png » "

Ejemplo

<Image Source="/WPFApplication;component/Images/Start.png" />

Beneficios:

• Los archivos no están incrustados en el ensamblaje.
  • El Administrador de recursos generará algunos problemas de desbordamiento de memoria con demasiados recursos (en el momento de la compilación).
• Se puede llamar entre ensamblajes.

Algunas personas preguntan acerca de hacer esto en código y no obtener una respuesta.

Después de pasar muchas horas buscando, encontré un método muy simple, no encontré ningún ejemplo, así que comparto el mío aquí que funciona con imágenes. (el mío era un .gif)

Resumen:

Devuelve un BitmapFrame que parece gustarle a los "destinos" de ImageSource.

Utilizar:

doGetImageSourceFromResource ("[YourAssemblyNameHere]", "[YourResourceNameHere]");

Método:

static internal ImageSource doGetImageSourceFromResource(string psAssemblyName, string psResourceName)
{
    Uri oUri = new Uri("pack://application:,,,/" +psAssemblyName +";component/" +psResourceName, UriKind.RelativeOrAbsolute);
    return BitmapFrame.Create(oUri);
}

Aprendizajes:

Según mi experiencia, la cadena del paquete no es el problema, verifique sus transmisiones y, especialmente, si la lee por primera vez ha establecido el puntero al final del archivo y necesita volver a establecerlo en cero antes de volver a leerlo.

¡Espero que esto te ahorre las muchas horas que deseo que esta pieza tuviera para mí!

En el código para cargar un recurso en el ensamblaje en ejecución donde mi imagen Freq.pngestaba en la carpeta Iconsy definida como Resource:

this.Icon = new BitmapImage(new Uri(@"pack://application:,,,/" 
    + Assembly.GetExecutingAssembly().GetName().Name 
    + ";component/" 
    + "Icons/Freq.png", UriKind.Absolute)); 

También hice una función:

/// <summary>
/// Load a resource WPF-BitmapImage (png, bmp, ...) from embedded resource defined as 'Resource' not as 'Embedded resource'.
/// </summary>
/// <param name="pathInApplication">Path without starting slash</param>
/// <param name="assembly">Usually 'Assembly.GetExecutingAssembly()'. If not mentionned, I will use the calling assembly</param>
/// <returns></returns>
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)); 
}

Uso (se supone que coloca la función en una clase ResourceHelper):

this.Icon = ResourceHelper.LoadBitmapFromResource("Icons/Freq.png");

Nota : vea los URI del paquete MSDN en WPF :
pack://application:,,,/ReferencedAssembly;component/Subfolder/ResourceFile.xaml

Sí, es el camino correcto.

Puede usar la imagen en el archivo de recursos simplemente usando la ruta:

<Image Source="..\Media\Image.png" />

Debe establecer la acción de compilación del archivo de imagen en "Recurso".

Descripción completa de cómo utilizar los recursos: recursos de aplicaciones, contenido y archivos de datos de WPF

Y cómo hacer referencia a ellos, lea "URI de paquete en WPF".

En resumen, incluso hay medios para hacer referencia a recursos de ensamblados referenciados / referenciados.

1. Visual Studio 2010 Professional SP1.
2. .NET Framework 4 Perfil del cliente.
3. Imagen PNG agregada como recurso en las propiedades del proyecto.
4. Nuevo archivo en la carpeta Recursos creado automáticamente.
5. Crear acción establecida en recurso.

Esto funcionó para mí:

<BitmapImage x:Key="MyImageSource" UriSource="Resources/Image.png" />

Si está utilizando Blend , para hacerlo más fácil y no tener problemas para obtener la ruta correcta para el atributo Fuente , simplemente arrastre y suelte la imagen desde el panel Proyecto en el diseñador.

Sí, es el camino correcto. Puede usar imágenes en el archivo de Recursos usando una ruta:

<StackPanel Orientation="Horizontal">
    <CheckBox  Content="{Binding Nname}" IsChecked="{Binding IsChecked}"/>
    <Image Source="E:\SWorking\SharePointSecurityApps\SharePointSecurityApps\SharePointSecurityApps.WPF\Images\sitepermission.png"/>
    <TextBlock Text="{Binding Path=Title}"></TextBlock>
</StackPanel>

Lo siguiente funcionó y las imágenes a configurar son recursos en propiedades:

    var bitmapSource = Imaging.CreateBitmapSourceFromHBitmap(MyProject.Properties.Resources.myImage.GetHbitmap(),
                                      IntPtr.Zero,
                                      Int32Rect.Empty,
                                      BitmapSizeOptions.FromEmptyOptions());
    MyButton.Background = new ImageBrush(bitmapSource);
img_username.Source = bitmapSource;