Demonstra Passo a passo: Criar um Layout que ajusta a proporção para localização

Artigo
08/08/2011

A criação de formulários que estão prontos para ser localizados aumenta a velocidade de desenvolvimento para mercados internacionais.

Esse passo a passo ilustra como criar um layout que proporcionalmente se ajusta quando você traduz em outros idiomas valores da sequência de caracteres exibidos. Esse processo de conversão é chamado Localização . Para obter mais informações, consulte Localizando Aplicativos. Para obter informações sobre como localizar um Windows Form concluído, consulte Demonstra Passo a passo: Localizando Windows Forms

As tarefas ilustradas neste passo a passo incluem:

Criando o projeto
Preservando alinhamento vertical
Ativar Redimensionamento proporcional

Quando você terminar, o formulário será similar ao seguinte:

Formulário localizável com TableLayoutPanel

Para o código completo do exemplo, veja Como: Criar um Layout de formulários do Windows que responde bem à localização.

Observação
As caixas de diálogo e comandos de menu demonstradas podem ser diferentes daqueles descritos na Ajuda, dependendo das configurações ativas ou configurações de edição. Para alterar as configurações, escolha Import and Export Settings sobre o Ferramentas menu. Para obter mais informações, consulte Trabalhando com configurações.

Pré-requisitos

A fim de concluir este explicação passo a passo, será necessário:

Dê permissões suficientes para poder criar e executar projetos de aplicativos de Formulários do Windows no computador onde o Visual Studio está instalado.

Criando o projeto

A primeira etapa é criar um projeto de aplicativo. Você usará este projeto para criar o aplicativo que mostra o formulário de entrada de dados.

Para criar o projeto

Crie um projeto Windows Application chamado DemoLocalizableForm. Para obter mais informações, consulte Como: Crie um novo projeto de aplicativo do Windows Forms.

Preservando alinhamento vertical

Você pode preservar o alinhamento vertical de seus controles como alterar seu conteúdo com o AutoSize e propriedadesAnchor em conjunto com o TableLayoutPanel controle.

Para usar o dimensionamento automático

Arraste um controle TableLayoutPanel do ToolBox para seu formulário. Definir o valor de suas RowCount propriedade como 1. Defina o valor da propriedade AutoSize como true. Dimensione o controle TableLayoutPanel para ocupar cerca de metade do formulário.
Arraste um controle Panel a partir de ToolBox para a célula à esquerda no controle TableLayoutPanel.
Arraste um controle Button do ToolBox para o controle Panel. Posicione-o no canto superior esquerdo do Panel controle.
Arraste mais dois controles Button a partir de ToolBox para o controle Panel. Posicione-os sob o primeiro controle Button. Use snaplines para alinhá-los verticalmente e espaça-los uniformemente. Para obter mais informações, consulte Demonstra Passo a passo: Organizando controles em Windows Forms usando linhas de ajuste.
Defina o valor da propriedade AutoSize em todas os três controles Button para true.
Definir o valor do controle Panel AutoSize propriedade como True e defina o valor de sua propriedade AutoSizeMode como GrowAndShrink. Observação O painel é dimensionado para colocar todos os três controles Button.
Selecione o TableLayoutPanel controle e abra a caixa de diálogo Columns and Row Styles. Para obter mais informações, consulte Como: Editar Colunas e Linhas em um Controle TableLayoutPanel.
Selecione Column1 e altere o valor de sua propriedade SizeType para AutoSize. Clique no botão OK para aceitar as alterações. Observação A largura da célula é dimensionada para a largura do controle Panel.
Altere o valor da propriedade Anchor em todos os três controles Button para Left,Right.
Alterar o valor do primeiro Button do controle Text propriedade para uma seqüência de caracteres longa, por exemplo "Isso é uma seqüência mais longa para demonstrar um formulário localizável." Notatodos os três Button controles e o TableLayoutPanel célula são redimensionados para caber o novo comprimento de seqüência de caracteres.

Ativar Redimensionamento proporcional

Você pode preservar o alinhamento vertical de seus controles como alterar seu conteúdo com o AutoSize e propriedadesAnchor em conjunto com o TableLayoutPanel controle.

Para Ativar Redimensionamento proporcional

Arraste um controle TableLayoutPanel do ToolBox para seu formulário. Posicione-os sob o primeiro controle TableLayoutPanel.
Altere o valor da propriedade AutoSize do controle TableLayoutPanel para true, . Definir o valor de ColumnCount propriedade para 3. Definir o valor de RowCount propriedade como 1. Altere o valor da propriedade Anchor para TableLayoutPanel o controle para Right, Bottom.
Arraste três controles Button do ToolBox para a TableLayoutPanel.
Defina o valor da propriedade AutoSize em todas os três controles Button para true.
Mude o valor da propriedade Anchor nos três controles Button para Left, Right.
Abra a caixa de diálogo Columns and Row Styles .
Selecione todas as três colunas e altere o SizeType propriedade para Percente altere o valor de porcentagem para 33. Clique no botão OK para aceitar as alterações.
Alterar o valor do primeiro Button do controle Text propriedade para uma seqüência de caracteres longa, por exemplo "Isso é uma seqüência mais longa para demonstrar um formulário localizável." Observe que o Button controles são redimensionados para caber o novo comprimento de seqüência de caracteres. Também observe que o TableLayoutPanel controle for redimensionado e suas células são redimensionadas proporcionalmente.

Próximas etapas

Agora que você pode criar formulários localizável, considere implementar um layout dinâmico que ajusta proporcionalmente como o usuário redimensiona o formulário. Para obter mais informações, consulte Demonstra Passo a passo: Criando um formulário do Windows redimensionável para entrada de dados.

Consulte também

Compartilhar via