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

Artigo
08/25/2010

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

Tarefas ilustradas nesta explicação passo a passo incluem:

Criando o projeto
Preservando alinhamento vertical
Ativar Redimensionamento proporcional

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

Para o código completo do exemplo, veja Como: Design 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 descritas na Ajuda, dependendo das configurações ativas ou configurações de edição.Para alterar as configurações, escolher Importar e exportar configurações on the Ferramentas menu.Para obter mais informações, consulte Configurações do Visual Studio.

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

Criar um aplicativos do Windows projeto chamado DemoLocalizableForm.Para obter mais informações, consulte Como: Criar um projeto de aplicativos do Windows.

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.conjunto o valor de seus RowCount propriedade para 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 no Windows Forms usando Snaplines.
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 Controlarar 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 da primeira Button do controle Textpropriedade em uma seqüência de caracteres longa, por exemplo "Esta é uma seqüência de caracteres longa para demonstrar um formulário localizável." Observação: Todos os três Button controles e o TableLayoutPanel célula são redimensionados ajuste o novo comprimento da 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, .conjunto o valor de ColumnCount propriedade para 3. conjunto o valor de RowCount propriedade para 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 .
selecionar todas as três colunas e altere o SizeType propriedade para Percente altere o valor da porcentagem para 33. Clique no botão OK para aceitar as alterações.
Alterar o valor da primeira Button do controle Textpropriedade em uma seqüência de caracteres longa, por exemplo "Esta é uma seqüência de caracteres longa para demonstrar um formulário localizável." Observe que o Button controles são redimensionados ajuste o novo comprimento da 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 redimensionamento para entrada de dados.

Consulte também