Primeiro baixe o Projeto exemplo que você irá aprender no decorrer do tutorial, clique aqui.
Depois de baixar o arquivo, descompacte-o em uma pasta sua, de preferência crie uma pasta só para conter seus projetos de estudo. #FICAADICA
Abrindo o Projeto
Abra o Netbeans, clique em:
Arquivo -> Abrir Projeto (Ctrl+Shift+O);
Escolha o projeto que você descompactou:
ExemploFormComGridBag;
Pacotes de código-fonte-> ExemploJanelaBasica-> abra formContatosBasicoInicio
Abra o Netbeans, clique em:
Arquivo -> Abrir Projeto (Ctrl+Shift+O);
Escolha o projeto que você descompactou:
ExemploFormComGridBag;
Pacotes de código-fonte-> ExemploJanelaBasica-> abra formContatosBasicoInicio
Projeto inicial
Personalizador GridBag
O personalizador coloca os componentes em uma grade de linhas e colunas,
permitindo que os componentes especificados ocupem várias linhas ou
colunas.Clique no Layout com o botão direito e clique em Personalizar Layout
Fazendo layout de componentes
Os componentes do formulário ContactsBasicInitial são adicionados e colocados em uma única linha;
É possível mover componentes utilizando a ação simples de arrastar e soltar, conforme desejado;
Clique a arraste organizando o seu layout.
Os componentes do formulário ContactsBasicInitial são adicionados e colocados em uma única linha;
É possível mover componentes utilizando a ação simples de arrastar e soltar, conforme desejado;
Clique a arraste organizando o seu layout.
Redimensionamento
É possível redimensionar um componente arrastando os pequenos quadrados que aparecem ao redor do seu perímetro quando ele é selecionado.
Clique pressionando a tecla Control nos dois componentes JTextField para selecioná-los.
Com ambos JTextFields selecionados, coloque o cursor sobre a borda direta das células, clique e arraste até linha de orientação realçada em laranja contorne as células adjacentes na coluna 3 à direita.
Solte o cursor para redimensionar os componentes.
É possível redimensionar um componente arrastando os pequenos quadrados que aparecem ao redor do seu perímetro quando ele é selecionado.
Clique pressionando a tecla Control nos dois componentes JTextField para selecioná-los.
Com ambos JTextFields selecionados, coloque o cursor sobre a borda direta das células, clique e arraste até linha de orientação realçada em laranja contorne as células adjacentes na coluna 3 à direita.
Solte o cursor para redimensionar os componentes.
Especificando a restrição de layout do preenchimento
Embora os campos de texto Nome: e Sobrenome: ocupem duas células, eles têm o tamanho preferencial e são colocados no meio da área de exibição.
Antes de prosseguir, é necessário preencher toda a área das células utilizando a restrição de layout Preencher.
Para aumentar os campos de texto a fim de que preencham horizontalmente as áreas de exibição sem alterar suas alturas, na caixa de combinação Preencher da área Folha de propriedades, selecione Horizontal.
Embora os campos de texto Nome: e Sobrenome: ocupem duas células, eles têm o tamanho preferencial e são colocados no meio da área de exibição.
Antes de prosseguir, é necessário preencher toda a área das células utilizando a restrição de layout Preencher.
Para aumentar os campos de texto a fim de que preencham horizontalmente as áreas de exibição sem alterar suas alturas, na caixa de combinação Preencher da área Folha de propriedades, selecione Horizontal.
Visualizando
Agora que você conclui com êxito o layout do formulário
formContatosBasicoInicio, você pode testar a interface para ver os
resultados.
Clicando no botão Testar layout 
na barra de ferramentas do personalizador.
na barra de ferramentas do personalizador.
O formulário será aberto
Especificando as restrições da espessura X e espessura Y
As espessuras são utilizadas para determinar como distribuir o espaço entre as colunas (Espessura X) e entre as linhas (Espessura Y).
As restrições de layout Espessura X e Espessura Y determinam se um componente "quer" aumentar na horizontal e na vertical.
Para que o contêiner criado seja redimensionado corretamente na horizontal, adote o seguinte procedimento:
As espessuras são utilizadas para determinar como distribuir o espaço entre as colunas (Espessura X) e entre as linhas (Espessura Y).
As restrições de layout Espessura X e Espessura Y determinam se um componente "quer" aumentar na horizontal e na vertical.
Para que o contêiner criado seja redimensionado corretamente na horizontal, adote o seguinte procedimento:
-Selecione o campo de texto à direita do rótulo Nome: na Área da grade do personalizador GridBag.
-Digite 1,0 no campo de valor da restrição de layout Espessura X e pressione Enter.
-Selecione o campo de texto à direita do rótulo Sobrenome: na Área da grade do personalizador GridBag. Digite 1,0 no campo de valor da restrição de layout Espessura X e pressione Enter.
-Selecione o campo de texto à direita do rótulo Rua: na Área da grade do personalizador GridBag.
-Selecione Horizontal na caixa de combinação Preencher e pressione Enter.
-Digite 1,0 no campo de valor da restrição de layout Espessura X e pressione Enter.
-Selecione o campo de texto à direita do rótulo Cidade: na Área da grade do personalizador GridBag.
-Selecione Horizontal na caixa de combinação Preencher e pressione Enter.
-Digite 1,0 no campo de valor da restrição de layout Espessura X e pressione Enter.
A ancoragem é utilizada quando o componente é menor do que a área de exibição para determinar onde (dentro da área) colocar o componente.
Para alterar este comportamento, especifique a restrição de layout Ancorar da seguinte forma:
-Selecione a caixa de combinação à direita do Estado e clique no botão de seta à direita da caixa de combinação Ancorar.
-Escolha Início da última linha.
Para que os rótulos fiquem alinhados à esquerda em vez de centralizados como estão agora, complete as etapas abaixo: -Selecione os rótulos Nome:, Sobrenome:, Rua:, Cidade: e Estado:.
Altere a restrição de layout Ancorar dos rótulos para Inicio da linha. Os rótulos são ancorados à esquerda.
Espaçando
Por padrão, nenhum componente apresenta preenchimento externo.
A restrição Inserção especifica o preenchimento externo do componente - a quantidade mínima de espaço entre o componente e as bordas da sua área de exibição.
No layout atual, os componentes estão muito próximos um do outro. Para separá-los, adote o seguinte procedimento:
-> Clique pressionando a tecla Ctrl para selecionar todos os componentes
-> Pressione o botão à direita do campo de texto da restrição Suplementos.
-> Na caixa de diálogo exibida, altere os valores de Superior: e Esquerda: para 5 e clique em OK.
Pronto! Chegamos ao final
Shift+F6(Executar Arquivo)
Nenhum comentário:
Postar um comentário