Kodda WPF görüntü kaynağını ayarlama

Kodda bir WPF görüntünün kaynağı ayarlamaya çalışıyorum. Görüntü, projeye bir kaynak olarak gömülür. Örneklere bakarak aşağıdaki kodu buldum. Herhangi bir nedenden dolayı çalışmıyor - görüntü gösterilmiyor.

Hata ayıklama yoluyla akışın görüntü verilerini içerdiğini görebiliyorum. Yani ne yanlış?

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;

Simge şu şekilde tanımlanır: <Image x:Name="_icon" Width="16" Height="16" />

Sizinle aynı sorunu yaşadıktan ve biraz okuma yaptıktan sonra çözümü keşfettim - Paket URI'leri .

Kodda aşağıdakileri yaptım:

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;

Veya daha kısa, başka bir BitmapImage yapıcısı kullanarak:

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

URI parçalara ayrılmıştır:

• Yetki: application:///

• Yol: Başvurulan bir derlemede derlenen kaynak dosyasının adı. Yol aşağıdaki biçime uygun olmalıdır:AssemblyShortName[;Version][;PublicKey];component/Path

  • AssemblyShortName: başvurulan derlemenin kısa adı.
  • ; Sürüm [isteğe bağlı]: başvurulan derlemenin kaynak dosyasını içeren sürümü. Bu, aynı kısa ada sahip iki veya daha fazla başvurulan derleme yüklendiğinde kullanılır.
  • ; PublicKey [isteğe bağlı]: başvurulan derlemeyi imzalamak için kullanılan ortak anahtar. Bu, aynı kısa ada sahip iki veya daha fazla başvurulan derleme yüklendiğinde kullanılır.
  • ; component: başvurulan derlemeye yerel derlemeden başvurulduğunu belirtir.
  • / Yol: başvurulan derlemenin proje klasörünün köküne göre yolu da dahil olmak üzere kaynak dosyasının adı.

Üç eğik çizgi application:yerine virgül konulmalıdır:

Not: Bir paket URI'sının yetki bileşeni, bir paketi işaret eden ve RFC 2396'ya uyması gereken katıştırılmış bir URI'dır. Ayrıca, "/" karakteri "," karakteri ve "%" gibi ayrılmış karakterlerle değiştirilmelidir. ve "?" kaçmalı. Ayrıntılar için OPC'ye bakın.

Ve elbette, resminizdeki oluşturma eylemini olarak ayarladığınızdan emin olun Resource.

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

Bu, "Oluşturma Eylemi", "WpfApplication1" adlı bir derlemede "Kaynak" olarak ayarlanmış "Görüntüler" adlı bir klasöre "Untitled.png" adlı bir görüntü yükler.

Bu biraz daha az koddur ve tek bir satırda yapılabilir.

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

Çok kolay:

Bir menü öğesinin görüntüsünü dinamik olarak ayarlamak için yalnızca aşağıdakileri yapın:

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

... ancak "icon.ico" her yerde bulunabilir (şu anda 'Kaynaklar' dizininde bulunur) ve Kaynak olarak bağlanması gerekir ...

Bunu bir satıra da azaltabilirsiniz. Bu benim ana pencerem için Simge ayarlamak için kullandığım kod. .İco dosyasının İçerik olarak işaretlendiğini ve çıktı dizinine kopyalandığını varsayar.

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

En basit yol:

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

Denedin mi:

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

Bu benim yolum:

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

Kullanımı:

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

Görüntü yolunu dinamik olarak ayarlayan bir örnek (kaynak olarak oluşturmak yerine disk üzerinde bir yerde bulunan görüntü):

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

Simgeler Üzerine Düşünceler ...

İlk olarak, Icon özelliğinin yalnızca bir görüntü içerebileceğini düşünürdünüz. Ama aslında her şeyi içerebilir! Programlı Imageolarak bir görüntünün yolu ile doğrudan bir dizeye özelliği ayarlamak için çalışırken yanlışlıkla bu keşfetti . Sonuç, görüntüyü değil, yolun gerçek metnini göstermesiydi!

Bu, simge için bir resim yapmak zorunda kalmamanıza bir alternatif sağlar, ancak basit bir "simge" görüntülemek için bunun yerine sembol yazı tipiyle metin kullanın. Aşağıdaki örnekte "floppydisk" sembolü içeren Wingdings yazı tipi kullanılmıştır. Bu sembol gerçekten <XAML'de özel bir anlamı olan karakterdir , bu yüzden <bunun yerine kodlanmış sürümü kullanmalıyız. Bu bir rüya gibi çalışıyor! Aşağıda, menü öğesinde bir simge olarak bir floppydisk sembolü gösterilmektedir:

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

Resminiz bir ResourceDictionary'te depolanmışsa, görüntüyü yalnızca bir kod satırı ile yapabilirsiniz:

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

Ayrıca daha basit bir yol var. Görüntü XAML'ye kaynak olarak yüklüyse ve söz konusu kod söz konusu XAML içeriğinin arkasındaki kodsa:

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

Çerçeveyi bir VisualBrush'a koyun:

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

brush.Visual = frame;

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

VisualBrush'ı GeometryDrawing'e yerleştirin

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;

Şimdi GeometryDrawing'i bir DrawingImage içine yerleştirin:

new DrawingImage(drawing);

Bunu görüntünün kaynağına yerleştirin ve voilà!

Yine de çok daha kolay yapabilirsiniz:

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

Ve kodda:

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

Ayrıca daha basit bir yol var. Görüntü XAML'ye kaynak olarak yüklüyse ve söz konusu kod söz konusu XAML için kod arkasıysa:

İşte bir XAML dosyası için kaynak sözlüğü - önemsediğiniz tek satır "PosterBrush" anahtarıyla ImageBrush - kodun geri kalanı sadece bağlamı göstermek

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

        </ResourceDictionary>
    </UserControl.Resources>

Şimdi, arkadaki kodda, bunu yapabilirsiniz

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

Kaynak simgelerine ve görüntülere gömülü bir görüntü nasıl yüklenir (Arcturus'un düzeltilmiş sürümü):

Resim içeren bir düğme eklemek istediğinizi varsayalım. Ne yapmalısın?

1. Proje klasörü simgelerine ekleyin ve ClickMe.png resmini buraya yerleştirin
2. 'ClickMe.png' özelliğinin özelliklerinde, 'BuildAction'ı' Kaynak 'olarak ayarlayın
3. Derlenmiş derleme adınızın 'Company.ProductAssembly.dll' olduğunu varsayalım.

4. Şimdi resmimizi XAML'ye yükleme zamanı

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

Bitti.

WPF için yeniyim, ancak .NET'te değil.

.NET 3.5 (Visual Studio 2010) "WPF Özel Denetim Kitaplığı Projesi" için bir PNG dosyası eklemek ve bir görüntü devralınan denetimin arka plan olarak ayarlamak için beş saat geçirdim.

URI'lerle ilgili hiçbir şey işe yaramadı. Neden bir kaynak dosyasından, IntelliSense aracılığıyla bir URI almak için hiçbir yöntem olduğunu düşünemiyorum belki:

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

Çok sayıda URI denedim ve ResourceManager ve Assembly'nin GetManifest yöntemleri ile oynadım, ancak hepsi istisnalar veya NULL değerler vardı.

İşte benim için çalışan kodu pot:

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

Zaten bir akışınız varsa ve biçimi biliyorsanız, böyle bir şey kullanabilirsiniz:

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

Biraz özledin.

Herhangi bir derlemeden katıştırılmış bir kaynak almak için, burada belirttiğim gibi dosya adınızla derleme adını belirtmeniz gerekir:

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;