Painel Dispositivo (XAML)

Artigo
02/27/2013

O painel Dispositivo inclui configurações para ajudá-lo a simular as várias exibições para o seu aplicativo em tempo de execução.

Também é possível personalizar a aparência de exibições modificando os estados de exibição de aplicativo no Painel Estados.

O painel Dispositivo

Painel do dispositivo

	Exibir Use para simular exibições diferentes para o seu aplicativo em tempo de design, incluindo as exibições Retrato, Paisagem, Preenchido ou Ajustado.
	Estado visual Use para selecionar um estado no grupo ApplicationViewStates para visualizar e editar estados visuais. O estado Base é selecionado por padrão.
	Habilitar gravação de estado Indica se um estado visual está selecionado no grupo ApplicationViewStates. Quando um estado no grupo ApplicationViewStates é selecionado, a caixa de seleção de gravação é habilitada. Quando o modo de gravação é ativado, as alterações feitas na superfície de design no painel Propriedades são feitas no estado visual selecionado atualmente, em vez de no estado Base.
	Vídeo Selecione a resolução de exibição na qual você deseja visualizar o aplicativo.
	Tema Use para simular os temas Escuro, Claro e Alto Contraste.
	Substituir escala Use para simular a escala de exibição interna do dispositivo.
	Mostrar cromo Marque ou desmarque a caixa de seleção Mostrar cromo para ativar ou desativar o quadro de tablet simulado ao redor do aplicativo no modo Design.
	Clipe para exibição Marque ou desmarque a caixa de seleção Clipe para exibição para um clipe de todo o documento ou para mostrar a exibição do documento.
	Implantar destino Selecione o dispositivo de destino em que seu aplicativo será implantado quando for compilado.

Estado de exibição

Os modelos de projeto Grade, Divisão e Em Branco para aplicativos Windows Store têm suporte interno para detectar e mostrar exibições diferentes. Use os botões Exibir no painel Dispositivo para testar os estados visuais e as orientações fornecidas para cada orientação do aplicativo.

As orientações e os estados de exibição com suporte do Blend são os seguintes:

FullscreenLandscape O aplicativo é exibido no modo de tela inteira usando uma orientação de paisagem. Esse é o layout padrão.
Ajustado O aplicativo é ajustado em um lado e a direção de panorâmica é vertical.
Preenchido Dois aplicativos são ajustados, um de cada lado, preenchendo a exibição.
FullscreenPortrait O aplicativo é exibido no modo de tela inteira usando uma orientação de retrato.

Alterando estados de exibição

Quando você clica em um dos botões de estado Exibir em um aplicativo Windows Store compilado com o uso de XAML, o seguinte acontece:

Qualquer controle que responda ao evento Resize será atualizado no artboard.
A largura e a altura do controle raiz que hospeda a página atual ou o controle do usuário são atualizadas para corresponder aos valores em tempo de execução.
O cromo será atualizado se a caixa de seleção Mostrar cromo for marcada e se Exibir estiver no modo Ajustado ou Preenchido.
O estado visual será atualizado se houver um estado que corresponda ao nome da exibição.

Dica

O código de evento Resize está localizado no arquivo LayoutAwarePage.