Zasoby obrazu WPF

Pochodzę głównie z sieci i trochę z Windows Forms. W nowym projekcie będziemy używać WPF. Aplikacja WPF będzie potrzebowała 10-20 małych ikon i obrazów w celach ilustracyjnych. Myślę o przechowywaniu ich w zestawie jako zasobów osadzonych. Czy to dobra droga?

Jak określić w XAML, że formant obrazu powinien ładować obraz z osadzonego zasobu?

Jeśli użyjesz obrazu w wielu miejscach, warto załadować dane obrazu tylko raz do pamięci, a następnie udostępnić je wszystkim Imageelementom.

Aby to zrobić, utwórz BitmapSource gdzieś zasób:

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

Następnie w kodzie użyj czegoś takiego:

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

W moim przypadku stwierdziłem, że musiałem ustawić Image.pngplik tak, aby miał działanie kompilacji, Resourcea nie tylko Content. Powoduje to przenoszenie obrazu w skompilowanym zestawie.

Stwierdziłem, że najlepszą praktyką korzystania z obrazów, filmów itp. Jest:

• Zmień swoje pliki „Kompiluj akcję” na „Treść” . Pamiętaj, aby zaznaczyć opcję Kopiuj do kompilacji katalogu .
  • Znajduje się w menu „Kliknij prawym przyciskiem myszy” w oknie Solution Explorer.
• Źródło obrazu w następującym formacie:
  • "/ « YourAssemblyName » ; component /« YourPath »/ « YourImage.png » ”

Przykład

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

Korzyści:

• Pliki nie są osadzane w zestawie.
  • Menedżer zasobów podniesie problemy z przepełnieniem pamięci przy zbyt wielu zasobach (w czasie kompilacji).
• Można wywoływać między zespołami.

Niektóre osoby pytają o zrobienie tego w kodzie i nie uzyskanie odpowiedzi.

Po wielu godzinach poszukiwań znalazłem bardzo prostą metodę, nie znalazłem żadnego przykładu, dlatego dzielę się tutaj moim, który działa z obrazami. (mój był .gif)

Podsumowanie:

Zwraca BitmapFrame, które wydają się lubić „miejsca docelowe” ImageSource.

Posługiwać się:

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

Metoda:

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

Wnioski:

Z moich doświadczeń wynika, że ​​łańcuch paczki nie jest problemem, sprawdź swoje strumienie, a zwłaszcza jeśli czytając go po raz pierwszy ustawiłeś wskaźnik na końcu pliku i musisz ponownie ustawić go na zero przed ponownym odczytaniem.

Mam nadzieję, że dzięki temu zaoszczędzisz tyle godzin, ile chciałbym, aby ten kawałek miał dla mnie!

W kodzie, aby załadować zasób do wykonującego zestawu, w którym mój obraz Freq.pngbył w folderze Iconsi zdefiniowany jako Resource:

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

Wykonałem również funkcję:

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

Użycie (założenie, że umieściłeś funkcję w klasie ResourceHelper):

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

Uwaga : patrz identyfikatory URI MSDN Pack w WPF :
pack://application:,,,/ReferencedAssembly;component/Subfolder/ResourceFile.xaml

Tak, to właściwa droga.

Możesz użyć obrazu w pliku zasobów, używając tylko ścieżki:

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

Musisz ustawić akcję kompilacji pliku obrazu na „Zasób”.

Pełny opis sposobu korzystania z zasobów: zasoby aplikacji WPF, zawartość i pliki danych

I jak się do nich odwoływać, przeczytaj „Pakowanie identyfikatorów URI w WPF”.

Krótko mówiąc, istnieją nawet środki do odwoływania się do zasobów z referencyjnych / referencyjnych zestawów.

1. Visual Studio 2010 Professional SP1.
2. Profil klienta .NET Framework 4.
3. Obraz PNG dodany jako zasób we właściwościach projektu.
4. Nowy plik w folderze zasobów automatycznie utworzony.
5. Zbuduj zestaw działań do zasobu.

To działało dla mnie:

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

Jeśli używasz Blend , aby było to wyjątkowo łatwe i nie miał problemów z uzyskaniem poprawnej ścieżki dla atrybutu Source , po prostu przeciągnij i upuść obraz z panelu Projekt na projektanta.

Tak, to właściwa droga. Możesz użyć obrazów w pliku zasobów, używając ścieżki:

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

Poniższe działało, a obrazy do ustawienia są zasobami we właściwościach:

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