Grafika a multimédia

Článek
12/19/2024

Windows Presentation Foundation (WPF) poskytuje podporu multimediálních, vektorových grafik, animací a složení obsahu, což vývojářům usnadňuje vytváření zajímavých uživatelských rozhraní a obsahu. Pomocí sady Visual Studio můžete vytvářet vektorové grafiky nebo složité animace a integrovat multimédia do svých aplikací.

Toto téma představuje grafické, animační a mediální funkce WPF, které umožňují přidat do aplikací grafiku, přechodové efekty, zvuk a video.

Poznámka

Použití typů WPF ve službě systému Windows se důrazně nedoporučuje. Pokud se pokusíte použít typy WPF ve službě Systému Windows, nemusí služba fungovat podle očekávání.

Co je nového s grafikou a multimédii ve WPF 4

V souvislosti s grafikou a animacemi bylo provedeno několik změn.

Zaokrouhlování rozložení

Když hrana objektu spadá doprostřed pixelového zařízení, může grafický systém nezávislý na DPI vytvářet artefakty vykreslování, jako jsou rozmazané nebo poloprůhledné hrany. Předchozí verze WPF obsahovaly přichytávání pixelů, které pomáhají tento problém řešit. Silverlight 2 zavedl zaokrouhlování rozložení, což je další způsob, jak přesouvat prvky tak, aby hrany spadly na celé pixelové hranice. WPF nyní podporuje zaokrouhlování rozložení s UseLayoutRounding přidruženou vlastností na FrameworkElement.
Složení uložené v mezipaměti

Pomocí nových tříd BitmapCache a BitmapCacheBrush můžete uložit složitou část vizuálního stromu do mezipaměti jako rastrový obrázek a výrazně zlepšit dobu vykreslování. Rastrový obrázek zůstává responzivní na vstup uživatele, například kliknutí myší, a můžete ho nakreslit na jiné prvky stejně jako jakýkoli štětec.
Podpora shaderu pixelu 3

WPF 4 vychází z podpory ShaderEffect představené ve WPF 3.5 SP1 tím, že umožňuje aplikacím psát efekty pomocí Pixel Shader (PS) verze 3.0. Model shaderu PS 3.0 je sofistikovanější než PS 2.0, který umožňuje ještě více efektů na podporovaný hardware.
Funkce změkčení

Animace můžete vylepšit pomocí funkcí pro usnadnění, které vám poskytnou další kontrolu nad chováním animací. Například můžete použít ElasticEase na animaci, aby měla pružné chování. Pro více informací se podívejte na typy interpolací v názvovém prostoru System.Windows.Media.Animation.

Grafika a vykreslování

WPF zahrnuje podporu vysoce kvalitní 2D grafiky. Funkce zahrnuje štětce, geometrie, obrázky, obrazce a transformace. Pro více informací viz Grafika. Vykreslování grafických prvků je založeno na třídě Visual. Struktura vizuálních objektů na obrazovce je popsána vizuálním stromem. Další informace naleznete v tématu Přehled vykreslování grafiky WPF.

2D obrazce

WPF poskytuje knihovnu běžně používaných 2D obrazců vektorově kreslených, jako jsou obdélníky a elipsy, které znázorňuje následující obrázek.

diagram zobrazující elipsy a obdélníky

Tyto vnitřní obrazce WPF nejsou jen obrazce: jedná se o programovatelné prvky, které implementují mnoho funkcí, které očekáváte od nejběžnějších ovládacích prvků, mezi které patří klávesnice a vstup myši. Následující příklad ukazuje, jak zpracovat MouseUp událost vyvolanou kliknutím na Ellipse element.

<Window
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  x:Class="Window1" >
  <Ellipse Fill="LightBlue" MouseUp="ellipseButton_MouseUp" />
</Window>

public partial class Window1  : Window
{
    void ellipseButton_MouseUp(object sender, MouseButtonEventArgs e)
    {
        MessageBox.Show("You clicked the ellipse!");
    }
}

Partial Public Class Window1
    Inherits Window
    Private Sub ellipseButton_MouseUp(ByVal sender As Object, ByVal e As MouseButtonEventArgs)
        MessageBox.Show("You clicked the ellipse!")
    End Sub
End Class

Následující ilustrace ukazuje výstup pro předchozí XAML kód a jeho přidružený kód na pozadí.

pole se zprávou

Další informace naleznete v přehledu WPFna stránce Obrazce a základní kreslení. Ukázku úvodního vzorku najdete v Prvky Tvaru ukázka.

2D geometrie

Pokud 2D obrazce, které WPF poskytuje, nestačí, můžete k vytvoření vlastní geometrie a cest použít podporu WPF. Následující obrázek ukazuje, jak můžete pomocí geometrií vytvářet obrazce, jako kreslicí štětec a vystřižovat další prvky WPF.

Snímek obrazovky znázorňující, jak můžete pomocí geometrií vytvářet obrazce

Další informace naleznete v tématu Přehled geometrie. Úvodní ukázku najdete v ukázce geometrií .

2D efekty

WPF poskytuje knihovnu 2D tříd, které můžete použít k vytvoření různých efektů. Funkce 2D vykreslování WPF poskytuje možnost malovat prvky uživatelského rozhraní, které mají přechody, rastrové obrázky, kresby a videa; a manipulovat s nimi pomocí otočení, škálování a skewingu. Následující obrázek ukazuje příklad mnoha efektů, které můžete dosáhnout pomocí štětců WPF.

Ilustrace znázorňující různé štětce WPF a prvky barvy

Pro více informací viz Přehled štětců WPF. Úvodní ukázku najdete v ukázce štětců .

3D vykreslování

WPF poskytuje sadu funkcí 3D vykreslování, které se integrují s podporou 2D grafiky ve WPF, abyste mohli vytvářet zajímavější rozložení, uživatelské rozhraní a vizualizaci dat. WpF na jednom konci spektra umožňuje vykreslit 2D obrázky na povrchy 3D obrazců, které znázorňuje následující obrázek.

snímek obrazovky s ukázkou znázorňující 3D obrazce s různými texturami

Další informace naleznete v tématu Přehled 3D grafiky. Úvodní ukázku najdete v 3D vzorky pevných těles.

Animace

Animace můžete použít ke zvětšování ovládacích prvků, zatřesení, otáčení, prolnutí a k vytváření zajímavých přechodů stránek a dalších efektech. Vzhledem k tomu, že WPF umožňuje animovat většinu vlastností, nejen že můžete animovat většinu objektů WPF, můžete také použít WPF k animaci vlastních objektů, které vytvoříte.

Snímek obrazovky animované kostky.

Další informace naleznete v tématu Přehled animací. Úvodní ukázku najdete v ukázkové galerii animací.

Média

Obrázky, video a zvuk jsou multimediálními prostředky zprostředkování informací a uživatelských zážitků.

Obrazy

Obrázky, které zahrnují ikony, pozadí a dokonce i části animací, jsou základní součástí většiny aplikací. Vzhledem k tomu, že často potřebujete používat obrázky, WPF zpřístupňuje možnost pracovat s nimi různými způsoby. Následující obrázek ukazuje jen jeden z těchto způsobů.

ukázkový snímek obrazovky s ukázkou stylů

Další informace naleznete v tématu Přehled zobrazování.

Video a zvuk

Základní funkcí grafických funkcí WPF je poskytnout nativní podporu pro práci s multimédii, která zahrnuje video a zvuk. Následující příklad ukazuje, jak vložit přehrávač médií do aplikace.

<MediaElement Source="media\numbers.wmv" Width="450" Height="250" />

MediaElement je schopen přehrávat video i zvuk a je rozšiřitelný tak, aby umožňoval snadné vytváření vlastních uživatelských rozhraní.

Další informace naleznete v přehledu o multimédiích.

Sdílet prostřednictvím