Windows Dev Center

Idioma: HTML | XAML

Como ajustar o layout e as fontes para vários idiomas e dar suporte a layouts da direita para a esquerda (XAML)

Dê suporte a layouts e fontes localizados em seus aplicativos da Windows Store seguindo algumas diretrizes simples.

Instruções

Diretrizes de layout

Alguns idiomas, como alemão e finlandês, exigem mais espaço de texto do que o inglês.

Use mecanismos de layout flexíveis em vez de posicionamento absoluto, larguras fixas ou alturas fixas. Quando necessário, determinados elementos da interface do usuário podem ser ajustados com base no idioma.

Especifique um Uid para um elemento:


<TextBlock x:Uid="Block1">

Verifique se o arquivo ResW do aplicativo tem um recurso para Block1.Width, que você pode definir para cada idioma no qual traduz.

Alguns idiomas, como o árabe e o hebraico, exigem que o layout do texto e o layout do aplicativo tenham a ordem de leitura da direita para a esquerda.

Para aplicativos da Windows Store em C++, C# ou Visual Basic, use a propriedade FlowDirection, com preenchimento e margens simétricos, para permitir a localização para outras direções de layout.

Controles de layout XAML (Extensible Application Markup Language) como Grid são dimensionados e invertidos automaticamente com a propriedade FlowDirection. Exponha sua própria propriedade FlowDirection nos aplicativos da Windows Store em C++, C# ou Visual Basic como um recurso para os tradutores.

Especifique um Uid para a página principal de seu aplicativo:


<Page x:Uid="MainPage">

Assegure-se de que o arquivo ResW do aplicativo tenha um recurso para MainPage.FlowDirection, que você possa definir para cada idioma em que traduzi-lo.

Espelhando imagens

Se o seu aplicativo tem imagens que precisam ser espelhadas da direita para a esquerda, use a propriedade FlowDirection:


<!-- en-US\localized.xaml -->
<Image ... FlowDirection="LeftToRight" />

<!-- ar-SA\localized.xaml -->
<Image ... FlowDirection="RightToLeft" />

Se o seu aplicativo pede uma imagem diferente para inverter a imagem corretamente, você pode usar o sistema de gerenciamento de recursos com o qualificador layoutdir qualifier. O sistema escolhe uma imagem chamada file.layoutdir-rtl.png quando o idioma do aplicativo é definido como um idioma da direita para a esquerda. Essa abordagem pode ser necessária quando alguma parte da imagem é invertida, mas outra parte não é.

Fontes

Use as APIs de mapeamento de fonte LanguageFont para acesso via programação à família de fontes, tamanho, peso e estilo recomendados para um idioma específico. O objeto LanguageFont oferece acesso às informações corretas de fonte para várias categorias de conteúdo, incluindo cabeçalhos de interface do usuário, notificações, texto do corpo e fontes de corpo de documento editável pelo usuário.

Tópicos relacionados

FlowDirection
LanguageFont

 

 

Mostrar:
© 2015 Microsoft