General UI Strategies
.gif "A checkmark indicates that the information in this topic is relevant for this platform, and that any API listed is also supported on this platform.")
.gif "A hyphen indicates that the information in this topic is not relevant for this platform, or that the platform does not support the API that is listed.")
9/8/2008
Windows Mobile powered dispositivos vêm em muitos fatores forma diferente. As telas desses dispositivos podem variar em tamanho, forma e resolução. No futuro, dispositivos com novas dimensões Tela podem ser lançados. Considere o seguinte diretrizes quando você design o interface do usuário para o aplicativo assim que ele procura funções bem agora e in Future dispositivos.
Consultar as dimensões Tela
Não presuma ou disco rígido-codificar as dimensões da Tela no aplicativo.
Em vez disso, consulta para informações sobre a Tela em tempo de execução. Em aplicativos código nativo, use GetSystemMetrics ou GetClientRect para determinar a tamanho da tela. Em gerenciado aplicativos, usar o Largura e Altura Propriedades da forma do seu aplicativo.
Alça de redimensionamento eventos
Alguns dispositivos podem alteração a orientação Tela em tempo de execução. Em vez de verificação para a largura e altura somente quando o programa for iniciado, consulta a largura e altura no manipulador para o evento redimensionar. Este evento é acionado quando o aplicativo for carregado, bem como quando muda a orientação Tela.
Usar um único controle
Se possível, use um único controle. Se o aplicativo pode usar um único controle, como ListView ou um TreeView controle, você pode definir esse controle para ocupar a Tela inteira e ele será aspecto correto em todos os dispositivos.
Redimensionar controles em caixas de diálogo
Quando o aplicativo exibe uma caixa diálogo, redimensionar os controles para usar a largura inteira do diálogo diálogo. O seguinte apresentação tomadas Tela o mesmo diálogo exibida na modo de retrato e no modo paisagem. No modo paisagem, há uma região de espaço em branco no direito da Tela tornando o interface do usuário menos pleasing para os olhos.
.gif)
.gif)
A seguinte imagem mostra o diálogo mesmo que foi modificado para usar a Tela inteira quando o dispositivo é alternado para modo paisagem.
.gif)
Em aplicativos código gerenciado, use as propriedades de âncora e encaixe dos componentes Windows Forms para criar um dinâmico layout. Em aplicativos código nativo, esta técnica é mais difícil e requer bastante um bit de codificação. No entanto, há uma biblioteca, disponível deMSDN, que permite que você crie dinâmico layouts para aplicativos com apenas linhas de código a few código nativo. Para obter mais informações, consulte o tópico Introducing Screenlib.
Testar com diferentes Emulators
O Windows Mobile SDKs fornecem emuladores com vários tamanhos Tela e resoluções. Como você desenvolver o aplicativo, testá-lo em emuladores diferentes para ver como seu interface do usuário aparece em dispositivos diferentes. Além disso, tente alternar o emulador entre paisagem e modo de retrato.