.net - source - Configuración de fuente de imagen WPF en código

imagesource wpf

Question

Estoy tratando de establecer el código fuente de una imagen WPF. La imagen está incrustada como un recurso en el proyecto. Al mirar ejemplos, he encontrado el siguiente código. Por alguna razón no funciona, la imagen no aparece.

Al depurar puedo ver que la secuencia contiene los datos de la imagen. ¿Así que qué hay de malo?

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;

El icono se define de esta forma: <Image x:Name="_icon" Width="16" Height="16" />

Answer 1

Aquí hay un ejemplo que establece la ruta de la imagen dinámicamente (la imagen se encuentra en algún lugar del disco en lugar de construirla como un recurso):

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;
}

Reflexiones sobre los iconos ...

En primer lugar, pensaría que la propiedad Icono solo puede contener una imagen. ¡Pero en realidad puede contener cualquier cosa! Descubrí esto por accidente cuando intenté establecer la propiedad de Image directamente a una cadena con la ruta a una imagen. El resultado fue que no mostraba la imagen, ¡sino el texto real de la ruta!

Esto lleva a una alternativa para no tener que crear una imagen para el ícono, sino usar texto con una fuente de símbolos en lugar de mostrar un simple "ícono". El siguiente ejemplo utiliza la fuente Wingdings que contiene un símbolo de "disquete". Este símbolo es realmente el carácter < , que tiene un significado especial en XAML, por lo que tenemos que usar la versión codificada < en lugar. ¡Esto funciona como un sueño! A continuación se muestra un símbolo de disquete como un icono en el elemento del menú:

<MenuItem Name="mnuFileSave" Header="Save" Command="ApplicationCommands.Save">
  <MenuItem.Icon>
    <Label VerticalAlignment="Center" HorizontalAlignment="Center" FontFamily="Wingdings">&lt;</Label>
  </MenuItem.Icon>
</MenuItem>

Answer 2

Cómo cargar una imagen desde incrustada en iconos de recursos e imágenes (versión corregida de Arcturus):

Supongamos que desea agregar un botón con una imagen. ¿Qué debes hacer?

1. Añadir a los iconos de la carpeta del proyecto y poner la imagen ClickMe.png aquí
2. En las propiedades de ''ClickMe.png'', establezca ''BuildAction'' en ''Resource''
3. Supongamos que el nombre de ensamblado compilado es ''Company.ProductAssembly.dll''.

4. Ahora es el momento de cargar nuestra imagen en XAML.

   <Button Width="200" Height="70">
     <Button.Content>
       <StackPanel>
         <Image Width="20" Height="20">
           <Image.Source>
             <BitmapImage UriSource="/Company.ProductAssembly;component/Icons/ClickMe.png"></BitmapImage>
             </Image.Source>
         </Image>
         <TextBlock HorizontalAlignment="Center">Click me!</TextBlock>
       </StackPanel>
     </Button.Content>
   </Button>

Hecho.

Answer 3

Después de tener el mismo problema que usted y de leer un poco, descubrí la solución: Pack URIs .

Hice lo siguiente en código:

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;

O más corto, usando otro constructor de BitmapImage:

finalImage.Source = new BitmapImage(
    new Uri("pack://application:,,,/AssemblyName;component/Resources/logo.png"));

El URI se divide en partes:

• Autoridad: application:///

• Ruta: El nombre de un archivo de recursos que se compila en un ensamblaje al que se hace referencia. La ruta debe cumplir con el siguiente formato: AssemblyShortName[;Version][;PublicKey];component/Path

  • AssemblyShortName: el nombre corto para el ensamblado al que se hace referencia.
  • ; Versión [opcional]: la versión del ensamblaje al que se hace referencia que contiene el archivo de recursos. Esto se utiliza cuando se cargan dos o más conjuntos referenciados con el mismo nombre corto.
  • ; PublicKey [opcional]: la clave pública que se usó para firmar el ensamblaje al que se hace referencia. Esto se utiliza cuando se cargan dos o más conjuntos referenciados con el mismo nombre corto.
  • ; componente: especifica que el ensamblado al que se hace referencia se hace referencia desde el ensamblado local.
  • / Ruta: el nombre del archivo de recursos, incluida su ruta, en relación con la raíz de la carpeta de proyectos del ensamblaje al que se hace referencia.

Las tres barras después de la application: deben reemplazarse con comas:

Nota: El componente de autoridad de un URI de paquete es un URI incorporado que apunta a un paquete y debe cumplir con RFC 2396. Además, el carácter "/" debe reemplazarse con el carácter "," y caracteres reservados, como "%" y "?" debe ser escapado. Ver el OPC para más detalles.

Y, por supuesto, asegúrese de configurar la acción de compilación en su imagen en Resource .

Answer 4

Esta es mi manera:

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);
    }
}

Uso:

new BitmapImage(ResourceAccessor.Get("Images/1.png"))

Answer 5

Esto es un poco menos de código y se puede hacer en una sola línea.

string packUri = "pack://application:,,,/AssemblyName;component/Images/icon.png";
_image.Source = new ImageSourceConverter().ConvertFromString(packUri) as ImageSource;

Answer 6

Has probado:

Assembly asm = Assembly.GetExecutingAssembly();
Stream iconStream = asm.GetManifestResourceStream("SomeImage.png");
BitmapImage bitmap = new BitmapImage();
bitmap.BeginInit();
bitmap.StreamSource = iconStream;
bitmap.EndInit();
_icon.Source = bitmap;

Answer 7

Manera más simple:

var uriSource = new Uri("image path here");
image1.Source = new BitmapImage(uriSource);

Answer 8

Muy fácil:

Para configurar dinámicamente la imagen de un elemento del menú, solo haga lo siguiente:

MyMenuItem.ImageSource = 
    new BitmapImage(new Uri("Resource/icon.ico",UriKind.Relative));

... mientras que "icon.ico" puede ubicarse en cualquier lugar (actualmente se encuentra en el directorio ''Recursos'') y debe estar vinculado como Recurso ...

Answer 9

Ponga el marco en un VisualBrush:

VisualBrush brush = new VisualBrush { TileMode = TileMode.None };

brush.Visual = frame;

brush.AlignmentX = AlignmentX.Center;
brush.AlignmentY = AlignmentY.Center;
brush.Stretch = Stretch.Uniform;

Ponga el VisualBrush en 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;

Ahora coloca el GeometryDrawing en una DrawingImage:

new DrawingImage(drawing);

¡Coloca esto en tu fuente de la imagen, y voilà!

Podrías hacerlo mucho más fácil aunque:

<Image>
    <Image.Source>
        <BitmapImage UriSource="/yourassembly;component/YourImage.PNG"></BitmapImage>
    </Image.Source>
</Image>

Y en código:

BitmapImage image = new BitmapImage { UriSource="/yourassembly;component/YourImage.PNG" };

Answer 10

Si su imagen está almacenada en un ResourceDictionary, puede hacerlo con una sola línea de código:

MyImage.Source = MyImage.FindResource("MyImageKeyDictionary") as ImageSource;

Answer 11

Si ya tiene una transmisión y conoce el formato, puede usar algo como esto:

static ImageSource PngStreamToImageSource (Stream pngStream) {
    var decoder = new PngBitmapDecoder(pngStream,
        BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.Default);
    return decoder.Frames[0];
}

Answer 12

Solo te perdiste un poco.

Para obtener un recurso incrustado de cualquier ensamblaje, debe mencionar el nombre del ensamblado con su nombre de archivo como lo mencioné aquí:

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;

Answer 13

Soy nuevo en WPF, pero no en .NET.

He pasado cinco horas intentando agregar un archivo PNG a un "Proyecto de Biblioteca de Control Personalizado de WPF" en .NET 3.5 (Visual Studio 2010) y configurarlo como fondo de un control heredado de imagen.

Nada relativo con URIs funcionó. No puedo imaginar por qué no hay un método para obtener un URI de un archivo de recursos, a través de IntelliSense, tal vez como:

Properties.Resources.ResourceManager.GetURI("my_image");

He probado muchos URI y he jugado con ResourceManager y con los métodos GetManifest de Assembly, pero todos fueron excepciones o valores NULL.

Aquí coloco el código que me funcionó:

// 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;

Answer 14

También hay una forma más sencilla. Si la imagen se carga como un recurso en XAML, y el código en cuestión es el código subyacente para ese contenido de XAML:

Uri iconUri = new Uri("pack://application:,,,/ImageNAme.ico", UriKind.RelativeOrAbsolute);
NotifyIcon.Icon = BitmapFrame.Create(iconUri);

Answer 15

También hay una forma más sencilla. Si la imagen se carga como un recurso en el XAML, y el código en cuestión es el código siguiente para ese XAML:

Aquí está el diccionario de recursos para un archivo XAML, la única línea que le importa es ImageBrush con la tecla "PosterBrush"; el resto del código es solo para mostrar el contexto

<UserControl.Resources>
        <ResourceDictionary>
            <ImageBrush x:Key="PosterBrush" ImageSource="../Resources/Images/EmptyPoster.jpg" Stretch="UniformToFill"/>

        </ResourceDictionary>
    </UserControl.Resources>

Ahora, en el código de atrás, puedes hacer esto

ImageBrush posterBrush = (ImageBrush)Resources["PosterBrush"];

Answer 16

También puede reducir esto a una línea. Este es el código que utilicé para configurar el icono de mi ventana principal. Asume que el archivo .ico está marcado como Contenido y se está copiando en el directorio de salida.

 this.Icon = new BitmapImage(new Uri("Icon.ico", UriKind.Relative));

Answer 17

var uriSource = new Uri(@"/WpfApplication1;component/Images/Untitled.png", UriKind.Relative);
foo.Source = new BitmapImage(uriSource);

Esto cargará una imagen llamada "Untitled.png" en una carpeta llamada "Images" con su "Build Action" establecida en "Resource" en un ensamblaje llamado "WpfApplication1".