Aracılığıyla paylaş


Durumlar paneli

States panelini kullanarak uygulamanız için farklı durumlar arasında etkileşim oluşturmak için önce bir görsel durumlar grubu oluşturup ardından her görsel durum için farklı bir görünüm tanımlayabilirsiniz.

Bir durum grubu aynı mantıksal kategorinin parçası olan görsel durumları içerir. Aynı görsel durum grubundaki farklı durumlar aynı anda görüntülenemez. Başka bir deyişle, iyi tanımlanmış bir denetimde, herhangi bir zamanda her durum grubundan yalnızca bir durumun değişiklikleri (animasyonları ya da anahtar kareleri) uygulanabilir.

Geçişler ekleyerek, bir durum değişimi gerçekleştiğinde durumlar arasında geçiş yapmak için geçen süre miktarını genişletebilirsiniz. Tüm bir durum grubu ya da belirli durum birleşimleri için geçiş sürelerini ayarlayabilirsiniz. Ayrıca States panelini kullanarak Windows 8 tema animasyonları oluşturabilirsiniz.

States panel

Callout 1

Base Nesnenin ya da uygulamanın normal (temel) görsel durumu.

Callout 2

EasingFunction Anahtar kareler arasında animasyon aradeğerlemesini değiştirmek için kullanın.

Callout 3

Add state Yeni bir görsel durum oluşturmak için kullanın.

Callout 4

Add state group Yeni bir görsel durum grubu oluşturmak için kullanın.

Callout 5

Turn on or off transition preview Geçiş önizlemelerini açmak ya da kapatmak için kullanın.

Callout 6

Visual state group Görsel durum grubu içindeki görsel durumları görüntülemek ya da gizlemek için genişletin ya da daraltın.

Callout 7

Remove state group Seçili bir görsel durum grubunu silmek için kullanın.

Callout 8

Turn off recording mode Görsel durum kaydını kapatmak ya da açmak için kullanın.

Callout 9

Transition duration Geçiş süresini ayarlamak için kullanın.

Callout 10

Pin the preview of this state Geçerli seçili görsel durumun önizlemesini sabitlemek için kullanın.

Callout 11

Delete state Bir görsel durumu silmek için kullanın.

Callout 12

Transition İki görsel durum arasında 0.6 saniyelik bir geçiş gösterir.

Callout 13

Add transition İki ya da daha fazla görsel durum arasında bir geçiş eklemek için kullanın.

Uygulama görünümü durumları

States paneli içinde ApplicationViewStates adında bir özel görsel durum grubu ekleyerek uygulamanız için yeni görünüm durumları oluşturabilirsiniz. Bu grup Device paneli içinde uygulama görünümleri ve yönlendirmeleri ile bağlanır. Bu grubun Device paneli içindeki görünümlerle çalışabilmesi için ApplicationViewStates olarak adlandırılması gerekir.

Bir ApplicationViewStates grubu oluşturduğunuzda, Visual Studio 2012 için Blend içinde yapılan yerleşim değişiklikleri işleme dönüşümlerine yapılan değişiklikler yerine yerleşim özelliklerine yapılan değişiklikler olarak saklanır. Aşağıdaki resim States panelini bir ApplicationViewStates grubu ile gösterir ve Device paneli Visual state açılan listesi içindeki bireysel uygulama görünümü durumlarını gösterir.

States and Device panels

Ayrıca farklı görsel durumlar tanımlamak için Visual State Manager da kullanabilirsiniz. Görünüm durumuna yapılan değişiklikleri işleyen kod proje şablonlarına dahildir, ve ilgili dil için aşağıdaki dosyalarda bulunabilir:

  • Bir C++ projesi için LayoutAwarePage.h

  • Bir C# projesi için LayoutAwarePage.cs

  • Bir VB projesi için LayoutAwarePage.vb

Tema animasyonlar

Blend, Windows 8 Animasyon Kitaplığı'nın içerdiği tema animasyonlarını destekler. Blend içinde Visual State Manager kullanarak uygulanan Animasyon Kitaplığı tema animasyonlarına sahip görsel durumlar tasarlayabilir ve önizleyebilirsiniz. Theme Animations kategorisi Properties paneli içinde bulunur.

Theme Animations kategorisini Edit menüsünde Select None tıklatarak ya da Ctrl+Shift+A tuşlarına basıp ardından aşağıdakilerden birini yaparak görüntüleyebilirsiniz:

  • Objects and Timeline paneli içinde, bir görsel taslak seçin.

  • States paneli içinde, bir görsel durum seçin.

Theme Animations

Not

Animasyon Kitaplığı özellikle Windows 8 için oluşturulmuş bir Windows Store App animasyonları koleksiyonudur.

Ayrıca bkz.

Kavramlar

Çalışma yüzeyi (XAML)

Varlıklar paneli (XAML)

Aygıt paneli (XAML)

Nesneler ve Zaman Çizelgesi panelini

Proje paneli (XAML)

Özellikler paneli

Sonuçlar paneli

Araçlar paneli (XAML)