Painel Estados

Artigo
02/27/2013

Use o painel Estados para criar interatividade entre os diferentes estados do seu aplicativo primeiro criando um grupo de estados visuais e depois definindo uma aparência diferente para cada estado visual.

Um grupo de estados contém qualquer estado visual que faça parte da mesma categoria lógica. Os diferentes estados do mesmo grupo de estados visuais não podem ser exibidos ao mesmo tempo. Em outras palavras, em um controle bem definido, as alterações (animações ou quadros chave) em um estado de cada grupo de estados podem ser aplicadas a qualquer momento.

Ao adicionar transições, você pode prolongar o tempo necessário para fazer a transição entre estados quando ocorre uma alteração de estado. É possível definir a duração da transação para um grupo de estados inteiro ou para combinações específicas de estados. Também é possível usar o painel Estados para criar animações de tema do Windows 8.

Painel Estados

	Base O estado visual normal (base) do objeto ou aplicativo.
	EasingFunction Use para alterar a interpolação da animação entre os quadros chave.
	Adicionar estado Use para criar um novo estado visual.
	Adicionar grupo de estados Use para criar um novo grupo de estados.
	Ativar ou desativar a visualização da transição Use para ativar ou desativar visualizações de transição.
	Grupo de estados visuais Expanda ou recolha para mostrar ou ocultar os estados visuais contidos no grupo d estados visuais.
	Remover grupo de estados Use para excluir um grupo de estados visuais selecionado.
	Desativar o modo de gravação Use para ativar ou desativar a gravação de estados visuais.
	Duração da transição Use para definir a duração da transição.
	Fixar a visualização desse estado Use para fixar a visualização do estado visual selecionado atualmente.
	Excluir estado Use para excluir um estado visual.
	Transição Mostra uma transição de 0,6 segundo entre dois estados visuais.
	Adicionar transição Use para adicionar uma transição entre dois ou mais estados visuais.

Estados de exibição de aplicativo

Você pode criar novos estados de exibição para o seu aplicativo adicionando um grupo de estados visuais especial denominado ApplicationViewStates no painel Estados. Esse grupo se conectará com orientações e modos de exibição de aplicativo no painel Dispositivo. Esse grupo deve se chamar ApplicationViewStates para funcionar com as exibições no painel Dispositivo.

Quando você cria um grupo ApplicationViewStates, as alterações de layout feitas no Blend for Visual Studio 2012 são armazenadas como alterações nas propriedades de layout, e não como alterações em transformações de renderização. A imagem a seguir mostra o painel Estados com um grupo ApplicationViewStates, e o painel Dispositivo mostra os estados de exibição de aplicativo individuais na lista suspensa Estado visual.

Painéis de estados e dispositivo

Você também pode usar o Gerenciador de Estados Visuais para definir estados visuais diferentes. O código para lidar com as alterações no estado de exibição está incluído nos modelos de projeto e está disponível nos seguintes arquivos para a linguagem correspondente:

LayoutAwarePage.h para um projeto em C++
LayoutAwarePage.cs para um projeto em C#
LayoutAwarePage.vb para um projeto em VB

Animações de temas

O Blend oferece suporte para animações de temas incluídas na Biblioteca de Animação do Windows 8. É possível projetar e visualizar estados visuais com animações de temas da Biblioteca de Animação que são aplicadas com o uso do Gerenciador de Estados Visuais no Blend. A categoria Animações de Temas está disponível no painel Propriedades.

Você pode exibir a categoria Theme Animations clicando em Selecionar Nenhuma no menu Editar ou pressionando Ctrl+Shift+A e depois executando um dos seguintes procedimentos: