Gerenciadores de Layout

Modelos de desenvolvimento de interfaces gráficas - gerenciadores de layout e seu posicionamento Gerencia dores de Layout T o dos os gerenciadores de layout implementam a interface LayoutManager que faz parte do pacote java.awt . Existe o método setL ayout da classe Container que aceita um objeto que implementa a interface La y outManager como um argumento. V e ja três maneiras básicas de organizar componentes em uma GUI (Graph ical User Interface): \uf0b7 Posicionamento absoluto : fornece o maior nív el de controle sobre a aparência de uma GUI, pois configura o lay out de um Container como null podendo especificar a posição absoluta de cada componente GUI em relação ao canto superior esquerdo do C ontain er usando os métodos Component setSize e setLocation ou setBounds. \uf0b7 Gerenciadores de layout : é m ais si mples e mais rápido para criar uma posição GUI com posicionamento absoluto, mas aca ba perdendo controle sobre tamanho e o posicionamento dos componentes GUI. \uf0b7 Programação visual em uma IDE : facilita o desenvolvimento em GUI, pois toda IDE tem uma ferramenta de design que permite arrastar e soltar (drag and drop) os componentes para u ma área de des enho. Cada contêiner individual pode ter apenas um gerenciador de layout, m as vários contêineres no mesmo aplicativo podem utilizar cada um gerenciador de la y out. Os gerenciadores de layout são diversos, vamos conhecer o Flow Lay out, BorderLayout e GridLayout . FlowLayout Ocorre quando os componentes GUI são colocados em um contêiner da esquerda para a direita na ordem em que são adic ionados no contêiner . Quando a borda do contêiner é alcançada, os componentes continuarão a ser exibidos na próxima linha. A classe FlowLayout permite aos compone ntes GUI ser alinhados à esquerda, centralizados (padrão) e alinhados à direita . No programa abaixo a classe está criando e adicionando 3 objetos Jbutton ao aplicativo . Os componentes ficam centralizados por padrão. CLASSE CONSTRUTOR A package control; import java.awt.Container; import java.awt.FlowLayout; import javax.swing.JButton; import javax.swing.JFrame; public class Aula02Prog01 extends JFrame { private JButton bot01; //ATRIBUTO bot01 PARA CRIAR O PRIMEIRO BOTÃO private JButton bot02; //ATRIBUTO bot02 PARA CRIAR O SEGUNDO BOTÃO private JButton bot03; //ATRIBUTO bot03 PARA CRIAR O TERCEIRO BOTÃO private FlowLayout layout; //OBJETO LAYOUT private Container container; //CONTÊINER PARA CONFIGURAR LAYOUT //CONFIGURA GUI E REGISTRA LISTENERS DE BOTÃO public Aula02Prog01() { //NOME NO TÍTULO DA INTERFACE GRÁFICA super ("Demonstração de um FlowLayout - BOTÕES - PROF. EDIBERTO MARIANO"); 1 layout = new FlowLayout(); //CRIA FLOWLAYOUT container = getContentPane(); //OBTÊM CONTEINER PARA LAYOUT setLayout(layout); //CONFIGURA O LAYOUT DE FRAME //CONFIGURA LEFTBUTTON E REGISTRA LISTENER bot01 = new JButton("Botão01"); //CRIA O BOTÃO bot01 bot02 = new JButton("Botão02"); //CRIA O BOTÃO bot02 bot03 = new JButton("Botão03"); //CRIA O BOTÃO bot03 add(bot01); //ADICIONA O BOTÃO bot01 AO FRAME add(bot02); //ADICIONO O bot02 AO FRAME add(bot03); //ADICIONA O bot03 AO FRAME //EXECUTA //CONFIGURA O ALINHAMENTO DOS BOTÕES COM FlowLayout PARA À ESQUERDA //layout.setAlignment(FlowLayout.LEFT); //CONFIGURA O ALINHAMENTO DOS BOTÕES COM FlowLayout PARA À DIREITA //layout.setAlignment(FlowLayout.RIGHT); //REALINHA OS COMPONENTES (BOTÕES) ANEXADOS //layout.layoutContainer(container); } } CLASSE INSTANCIADORA package model; import javax.swing.JFrame; import control.Aula02Prog01; public class Principal { public static void main(String[] args) { Aula02Prog01 fl = new Aula02Prog01(); fl.setDefaultCloseOperation(JFrame. EXIT_ON_CLOSE ); fl.setSize(800, 85); //CONFIGURA O TAMANHO DA TELA fl.setVisible( true ); //CONFIGURA A VISIBILIDADE } } SAÍDA SAÍDA COM AS LINHAS DE COMANDOS ABAIXO \u2013 ALINHAMENTO À ESQUERDA layout.setAlignment(FlowLayout.LEFT); //REALINHA OS COMPONENTES (BOTÕES) ANEXADOS layout.layoutContainer(container); SAÍDA COM AS LINHAS DE COMANDOS ABAIXO \u2013 ALINHAMENTO À DIREITA layout.setAlignment(FlowLayout.RIGHT); //REALINHA OS COMPONENTES (BOTÕES) ANEXADOS layout.layoutContainer(container); 2 CRIAÇÃO DE UM FRAME COM OITO BOTÕ ES \u2013 USO DO FlowLayout import javax.sw ing.*; import java.awt.*; public class T e staContainers { // Objeto Janela static JFrame janela = new JFrame("Container e Componentes - Prof. EDIBERT O "); public static void main (String args[ ]) { int i; janela.setBounds(50, 100, 400, 150); // Seta posição e tamanho janela.setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE); FlowLayout flow = new FlowLayout(); // Define o layout do container Container caixa = janela.getContentPane(); // Define o tamanho do container caixa.setLayout(flow); // Seta layout do container for (i=1; i caixa.add(new JButton("Botão " + i)); // A diciona um botão janela.setVisible(t rue); // Exibe a janela } } SA Í D A JLabel - Apenas com texto import java.awt.FlowLayout; //fornece recursos básicos de janela import javax.swing.JFrame; //fornece recursos básicos de janela import javax.swing.JLabel; // exibe textos e imagens public class Interf02 extends JFrame { private JLabel label1; // JLabel apenas com texto public Interf02() // construtor Interface03 adiciona JLabels a JFrame { super("Exemplo de JLabel"); setLay out(new FlowLay out()); //configura o layout de frame //Construtur JLabel com um argume nto de string label1 = new JLabel("PROF . EDIBER T O MARIANO"); add(label1); } public static void main(String args[ ] ) { Interf02 lb = new Interf02(); lb.resize(300,100);//300 de largura e 100 de altura lb.setV i sib le(true); } } SAÍDA 3 JT e xtField, JFrame, JLabel, Flow Layout, getContentPane ENTRA DA DE DADOS import java.awt.FlowLayout; //fornece recursos básicos de Layout para j anela import javax.swing.JT e xtField; //fornece recursos básicos de caixa de texto import javax.swing.JFrame; //Fornece recursos básicos de janela import java.awt.*; //Fornece recursos para getContentPane(); import javax.swing.JLabel; // exibe textos como Labels public class Interf04 extends JFrame { JLabel label0, label1; JT e xtField nome_texto; //Campo de texto com tam anho configur ado, onde será //digitado o NOME DO FORNECEDOR public Interf04() { super("PROF . EDIBERTO MARIANO"); final Container tela = getContentPane(); setLayout(null); //configura o layout de frame nome_texto = new JT e xtField(45); //Define qtde de caracter es do atributo nom e label0 = new JLabel("CONTROLE DE FORNECEDORES"); label1 = new JLabel("Nome:"); nome_texto.setBounds(10,38,200,25); //Coluna 10, Linha 38, T a manho 200, altura 25 tela.add(label0); tela.add(label1); label1.setVisible( true); tela.add(nome_texto); nome_texto.setVisible( true); label0.setBounds(120,3,800,10); //Coluna 120, Linha 3, T a manho 800, altura 10 label1.setBounds(10,20,200,20); //Coluna 10, Linha 20, T a manho 200, altura 20 setSize(470,250); setVisible( true); setLocationRelativeT o (null); } public static void main(String args[ ] ) { Interf04 janela = new Interf04(); janela.setVisible( true); janela.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); janela.setVisible( true); } } SAÍDA 4 5 GridLayout EXEMPLO 01 package control; import java.awt.*; import javax.swing.*; public class Aula02GridLayout01{ Aula02GridLayout01(){ //INSTANCIAÇÃO DA CLASSE JFrame E INSERINDO NOME NO TÍTULO DO FRAME JFrame f = new JFrame("GridLayout - PROF. EDIBERTO"); //CRIAÇÃO DE 10 BOTÕES JButton b1= new JButton("1"); JButton b2= new JButton("2"); JButton b3= new JButton("3"); JButton b4= new JButton("4"); JButton b5= new JButton("5"); JButton b6= new JButton("6"); JButton b7= new JButton("7"); JButton b8= new JButton("8"); JButton b9= new JButton("9"); //ADICIONANDO OS 10 BOTÕES NO FRAME f f.add(b1);f.add(b2);f.add(b3);f.add(b4);f.add(b5); f.add(b6);f.add(b7);f.add(b8);f.add(b9); //CONFIGURANDO O Frame f em um LAYOUT de 3 LINHAS E 3 COLUNAS f.setLayout( new GridLayout(3,3)); //TAMANHO DP FRAME f.setSize(300,300); f.setVisible( true ); } public static void main(String[] args) { new Aula02GridLayout01(); } } SAÍDA 6 EXEMPLO 02 package control; import java.awt.GridLayout; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JTextArea; public class Aula02GridLayout { private static JButton[] arrayBOTAO ; public static void main(String[] args) { // O quadro que contém os componentes JFrame frame = new JFrame("GridLayout - PROF. EDIBERTO"); frame.setDefaultCloseOperation(JFrame. EXIT_ON_CLOSE ); // Define o tamanho do quadro frame.setSize(350, 350); // Definir as linhas e cols da grade, bem como as distâncias entre eles GridLayout grid = new GridLayout(5, 3, 10, 10); //LINHAS, COLUNAS, ESPAÇO ENTRE COLUNAS, ESPAÇO ENTRE LINHAS // Usando uma GRID NO LAYOUT frame.setLayout(grid); // Adicione um campo de texto com um texto especificado no quadro JTextArea text = new JTextArea(); text.setText("Resultado"); text.setEditable( false ); //NA CAIXA DE TEXTO text NÃO PERMITE NADA SER DIGITADO frame.add(text); // ADICIONA BUTÕES NO FRAME frame.add( new JButton("+")); frame.add( new JButton("=")); arrayBOTAO = new JButton[10]; // ADICIONA BUTÕES NO FRAME DINAMICAMENTE for ( int i=0; i arrayBOTAO .length; i++) { arrayBOTAO [i] = new JButton(Integer. toString (i)); frame.add( arrayBOTAO [i]); } frame.setVisible( true ); } } SAÍDA 7 BorderLayout e GridLayout EXEMPLO 01 package control; import javax.swing.*; import java.awt.BorderLayout; import java.awt.Button; import java.awt.Color; import java.awt.Frame; import java.awt.GridLayout; import java.awt.Label; import java.awt.Panel; import java.awt.event.*; public class Aula02BorderLayout01 extends WindowAdapter { // criando o Frame Frame frm1 = new Frame("Calculadora"); // criando o Panel Panel pnl1 = new Panel( new GridLayout(4,4)); //4 linha de botões e 4 colunas // criando os Botoes. private Button botaoLimpar = new Button("Clr"); private Button botaoSomar = new Button("+"); private Button botaoResultado = new Button("="); // Criando o Visor private Label label1 = new Label("Numero 1"); private Label label2 = new Label("Numero 2"); private Label label3 = new Label("Resultado"); private Label labelautor = new Label("PROF.EDIBERTO MARIANO"); private JTextField txtF1 = new JTextField(10); //tamanho da caixa de texto private JTextField txtF2 = new JTextField(10); //tamanho da caixa de texto private JTextField txtF3 = new JTextField(10); //tamanho da caixa de texto public Aula02BorderLayout01() { frm1.addWindowListener( new WindowAdapter() { public void windowClosing(WindowEvent a) { System. exit (0); } public void windowOpened(WindowEvent a) { label1.setBounds(20,40,80,30); //posição do label Primeiro numero: COLUNA 20, LINHA 40, tamanho 80 txtF1.setBounds(20,60,50,30); //posição da caixa de texto: COLUNA 20, LINHA 60 label2.setBounds(20,90,80,30); //posição do label Segundo numero: COLUNA 20, LINHA 40, tamanho 80 txtF2.setBounds(20,110,50,30); //posição da caixa de texto: COLUNA 110, LINHA 60 label3.setBounds(20,140,80,30); //posição do label Resultado: COLUNA 20, LINHA 40, tamanho 80 txtF3.setBounds(20,160,50,30); //posição da caixa de texto: COLUNA 160, LINHA 60 labelautor.setBounds(20,220,170,30); //posição do label AUTOR: COLUNA 20, LINHA 200, tamanho 200 txtF1.requestFocus(); } }); frm1.setSize(250,290); // tamamho do Frame frm1.setLocation(450,300);// posiciona na tela frm1.setBackground(Color. gray );// Muda a Cor de Fundo // Adicionando o Visor no Frame // frm1.add(txtF1,BorderLayout.NORTH); //O FRAME FICA NA PARTE INFERIOR DA JANELA // frm1.add(txtF1,BorderLayout.SOUTH); //O FRAME FICA NA PARTE SUPERIOR DA JANELA 8 // frm1.add(txtF1,BorderLayout.EAST); //O FRAME FICA NA PARTE DA ESQUERDA DA JANELA frm1.add(label1,BorderLayout. WEST ); //O LABEL1 FICA NA PARTE DA DIREITA DA JANELA frm1.add(label2,BorderLayout. WEST ); //O LABEL2 FICA NA PARTE DA DIREITA DA JANELA frm1.add(label3,BorderLayout. WEST ); //O LABEL3 FICA NA PARTE DA DIREITA DA JANELA frm1.add(txtF1,BorderLayout. WEST ); //O FRAME FICA NA PARTE DA DIREITA DA JANELA frm1.add(txtF2,BorderLayout. WEST ); //O FRAME FICA NA PARTE DA DIREITA DA JANELA frm1.add(txtF3,BorderLayout. WEST ); //O FRAME FICA NA PARTE DA DIREITA DA JANELA frm1.add(labelautor,BorderLayout. WEST ); //O LABEL3 FICA NA PARTE DA DIREITA DA JANELA // Adicionando os Botoes no Panel pnl1.add(botaoSomar); pnl1.add(botaoResultado); pnl1.add(botaoLimpar); //Adicionando Panel no Frame frm1.add(pnl1); //Habilita mostrar o frame // sempre deixa-la como ultima linha!! frm1.setVisible( true ); } public static void main(String [] args) { new Aula02BorderLayout01(); } }// fim classe Aula02BorderLayout01 SA IDA 9 BorderLayout e GridLayout (INCLUSÃ O DE LA BEL NO FRA ME) EXEMPLO 02 package control; import javax.swing.*; import java.awt.BorderLayout; import java.awt.Button; import java.awt.Color; import java.awt.Frame; import java.awt.GridLayout; import java.awt.Label; import java.awt.Panel; import java.awt.event.*; public class Aula02BorderLayout01 extends WindowAdapter { // criando o Frame Frame frm1 = new Frame(); // criando o Panel Panel pnl1 = new Panel( new GridLayout(4,4)); //4 linha de botões e 4 colunas // criando os Botoes. private Button botaoLimpar = new Button("Clr"); private Button botaoSomar = new Button("+"); private Button botaoResultado = new Button("="); // Criando o Visor private Label label1 = new Label("Numero 1"); private Label label2 = new Label("Numero 2"); private Label label3 = new Label("Resultado"); private Label labelautor = new Label("PROF.EDIBERTO MARIANO"); private Label labelcalculadora = new Label("CALCULADORA"); private JTextField txtF1 = new JTextField(10); //tamanho da caixa de texto private JTextField txtF2 = new JTextField(10); //tamanho da caixa de texto private JTextField txtF3 = new JTextField(10); //tamanho da caixa de texto public Aula02BorderLayout01() { frm1.addWindowListener( new WindowAdapter() { public void windowClosing(WindowEvent a) { System. exit (0); } public void windowOpened(WindowEvent a) { labelautor.setBounds(10,30,170,30); //posição do label AUTOR: COLUNA 10, LINHA 30, tamanho 170, ESPAÇO 30 label1.setBounds(20,50,80,30); //posição do label Primeiro numero: COLUNA 20, LINHA 50, tamanho 80, ESPAÇO 30 txtF1.setBounds(20,70,50,30); //posição da caixa de texto: COLUNA 20, LINHA 70 label2.setBounds(20,100,80,30); //posição do label Segundo numero: COLUNA 20, LINHA 100, tamanho 80, ESPAÇO 30 txtF2.setBounds(20,120,50,30); //posição da caixa de texto: COLUNA 20, LINHA 120, TAMANHO 50, ESPAÇO 30 label3.setBounds(20,160,80,30); //posição do label Resultado: COLUNA 20, LINHA 160, tamanho 80, ESPAÇO 30 txtF3.setBounds(20,180,50,30); //posição da caixa de texto: COLUNA 20, LINHA 180, TAMANHO 50, ESPAÇO 30 labelcalculadora.setBounds(20,220,170,30); //posição do label AUTOR: COLUNA 20, LINHA 220, tamanho 170, ESPAÇO 30 txtF1.requestFocus(); } }); frm1.setSize(180,300); // tamamho do Frame (LAUGURA 180, ALTURA 300) frm1.setLocation(200,400);// posiciona na tela dos (botões + = Clr), coluna 450, linha 400 frm1.setBackground(Color. gray );// Muda a Cor de Fundo // Adicionando o Visor no Frame 10

Gerenciadores de Layout

ESTÁCIO

Programação I

Continue navegando

Materiais relacionados

Perguntas relacionadas

Os gerenciadores de Layout são os responsáveis por organizar os componentes do Layout e as Views são os componentes visuais. Marque a alternativa c...

Os gerenciadores de layouts organizam os componentes GUI em um container de objetos com o objetivo de construir uma apresentação melhor. Sua função...

Para criarmos layouts de tela de um aplicativo na plataforma Android Studio, utilizamos basicamente dois tipos de elementos, _________ que correspo...

Marque a alternativa correta sobre Gerenciadores de Layout e Views: Os gerenciadores de Layout são os responsáveis por organizar os componentes do...

Outros materiais