Animace objektů v Návrháři XAML

Blend pro Visual Studio umožňuje snadno vytvářet krátké animace, které například přesunují objekty nebo je zesvětlují.

K vytvoření animace potřebujete scénář. Scénář obsahuje jednu nebo více časových os. Nastavte klíčové rámce na časové ose tak, aby se změny vlastností označily. Když pak spustíte animaci, Blend pro Visual Studio interpoluje změny vlastnosti v určeném časovém období. Výsledkem je hladký přechod. Animovat můžete libovolnou vlastnost, která patří k objektu, a to i nevisuální vlastnosti.

Následující obrázky znázorňují scénář s názvem Storyboard1. Časová osa obsahuje klíčové rámce, které označují pozici X a Y obdélníku. Když se tato animace spustí, obdélník se přesune z jedné pozice na druhou hladce.

Storyboard for animation in Blend for Visual Studio

Vytvoření animace

  1. Pokud chcete vytvořit scénář, vyberte v okně Objekty a časová osa tlačítko Možnosti scénáře a pak vyberte Nový.

    Add a storyboard in Blend for Visual Studio

  2. V dialogovém okně Vytvořit prostředek scénáře zadejte název scénáře.

  3. Z panelu Prostředky v návrhovém zobrazení přidejte obdélník na levou dolní stranu stránky.

    Rectangle in Assets panel of XAML Designer

  4. V okně Objekty a časová osa přesuňte žlutý ukazatel času na 3 sekundy.

    Time indicator in timeline

  5. V návrhovém zobrazení stránky přetáhněte obdélník na pravou stranu stránky.

  6. Stisknutím tlačítka Přehrát můžete sledovat, jak se obdélník přesune z levé strany na pravou stranu stránky.

Pohrajte si s dalšími změnami obdélníku v různých bodech v čase. Můžete například změnit barvu výplně nebo překlopit orientaci v okno Vlastnosti.