INSTITUTO SUPERIOR POLITECNICO DE TETE

DIVISAO DE ENGENHARIA
Turma “A”

Tema:
Layouts de interfaces Java:
Border Layout
Card Layout
Box Layout

De:
Emerson Domingos Covane
Neuza Artur Chato
Mateus Adelino Andre

Trabalho de pesquisa sobre os Layouts de interfaces Java para a cadeira de Programação II, do
curso de engenharia informática 3º ano, 1º semestre, orientado pelo docente: Eng. Lourenço
Roberto.

TETE, MARÇO DE 2024

Índice
Capitulo I: ...................................................................................................................................................... 1
1. Introdução............................................................................................................................................. 1
1.1. Objectivos ......................................................................................................................................... 1
1.1.1. Gerais: ....................................................................................................................................... 1
1.1.2. Específicos: ................................................................................................................................ 1
2. Metodologia .......................................................................................................................................... 2
3. Estrutura ............................................................................................................................................... 2
Capitulo II: Layouts em Java .......................................................................................................................... 3
1. Interface ................................................................................................................................................ 3
2. Layout em programação ....................................................................................................................... 3
3. Layouts em Java .................................................................................................................................... 3
4. Border Layout........................................................................................................................................ 4
4.1. Vantagens e desvantagens ........................................................................................................... 6
5. Card Layout ........................................................................................................................................... 6
5.1. Vantagens e desvantagens ........................................................................................................... 8
6. Box Layout............................................................................................................................................. 9
6.1. Eixo X (BoxLayout.X_AXIS): ......................................................................................................... 12
6.2. Eixo Y (BoxLayout.Y_AXIS):.......................................................................................................... 12
6.3. Vantagens e desvantages............................................................................................................ 13
7. Conclusão ............................................................................................................................................ 15
8. Bibliografia: ......................................................................................................................................... 16
Índice de ilustrações

Ilustração 1: Exemplo de border layout, [Link] .............................................................. 4

Ilustração 2: Exemplo CardLayout, [Link]/CardLayout ................................................... 7
Ilustração 3: Exemplo de um BoxLayout, [Link]/BoxLayout ........................................ 10
Capitulo I:

1. Introdução
Os layouts em Java desempenham um papel crucial na organização e disposição dos
elementos visuais em janelas e painéis. Neste trabalho, exploraremos três dos layouts mais
comuns em Java: BorderLayout, CardLayout e BoxLayout. Cada um desses layouts oferece
abordagens distintas para o gerenciamento de componentes visuais, proporcionando flexibilidade
e controle sobre a aparência e o comportamento das interfaces.

Este estudo visa compreender profundamente o funcionamento, características e

aplicabilidade desses layouts, permitindo aos desenvolvedores criar interfaces gráficas mais
eficientes em seus projetos Java.

[Link]

1.1.1. Gerais:
 Compreender o papel dos layouts na organização de interfaces gráficas em Java;
 Explorar os layouts BorderLayout, CardLayout e BoxLayout em detalhes;
 Analisar as características, vantagens e desvantagens de cada layout.

1.1.2. Específicos:
 Investigar o funcionamento do BorderLayout, destacando sua divisão em regiões e seu
comportamento de redimensionamento;
 Explorar o uso do CardLayout para alternar entre múltiplos painéis de forma dinâmica;
 Comparar as vantagens e desvantagens de cada layout em termos de facilidade de uso,
flexibilidade e desempenho;
 Demonstrar, por meio de exemplos práticos, como aplicar cada layout em diferentes
contextos de desenvolvimento de software.

1
 2. Metodologia
Este trabalho baseou-se em fontes bibliográficas, especificamente, livros ou manuais
electrónicos.

3. Estrutura
O trabalho apresenta uma breve introdução, objectivos(Gerais e específicos), metodologia
empregada, o desenvolvimento e finalmente as referencias bibliográficas.

2
Capitulo II: Layouts em Java

1. Interface
"A interface é uma referência ao tipo mais geral, que é usado para declarar variáveis, criar
referências a objetos, especificar métodos comuns a várias classes relacionadas e declarar
métodos que todas as classes implementarão" - Oracle Java SE Documentation

2. Layout em programação
Um layout, em termos de programação de interfaces gráficas, refere-se à maneira como os
elementos visuais de uma aplicação são organizados e apresentados na tela. Em linguagens de
programação como Java, um layout determina a disposição e a estrutura dos componentes
visuais, como botões, campos de texto, listas e painéis.

3. Layouts em Java
Em Java, os layouts são utilizados para organizar e posicionar os componentes visuais em uma
interface gráfica de usuário. Eles desempenham um papel crucial na construção de interfaces
intuitivas e eficientes, permitindo que os desenvolvedores controlem a disposição dos elementos
visuais de acordo com as necessidades específicas do aplicativo.

Java fornece uma variedade de layouts pré-definidos que podem ser utilizados para alcançar
diferentes arranjos de componentes. Alguns dos layouts mais comuns incluem:

1. BorderLayout;
2. CardLayout; e
3. BoxLayout.

cada um com suas próprias características e aplicabilidades.

Esses layouts, e outros disponíveis em Java, fornecem aos desenvolvedores uma variedade de
ferramentas para criar interfaces gráficas eficazes e agradáveis aos usuários. Portanto, ao
selecionar um layout para um aplicativo Java, os desenvolvedores devem considerar
cuidadosamente os requisitos de design e usabilidade, escolhendo o layout que melhor se adeque
à estrutura e ao comportamento desejados da interface do usuário.

3
 4. Border Layout
O BorderLayout é um dos layouts mais utilizados em Java para organizar componentes em uma
interface gráfica.

"O BorderLayout organiza os componentes em até cinco regiões: norte, sul, leste, oeste e centro.
Componentes são posicionados na borda de seu contêiner e, se o contêiner for redimensionado,
os componentes na região central são redimensionados para preencher o espaço restante" -
Oracle Java SE Documentation

Ilustração 1: Exemplo de border layout, [Link]

Uma característica fundamental do BorderLayout é que ele distribui automaticamente o espaço

disponível para cada região de acordo com as necessidades dos componentes. Por exemplo, se
um componente for adicionado à região norte e outro à região sul, o espaço vertical será dividido
entre esses dois componentes, enquanto o espaço horizontal será mantido como está.

4
import [Link].*;
import [Link].*;

public class BorderLayoutExample extends JFrame {

public BorderLayoutExample() {
// Configuração básica do JFrame
setTitle("Exemplo de BorderLayout");
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setSize(400, 300);

// Criando os componentes
JButton buttonNorth = new JButton("Norte");
JButton buttonSouth = new JButton("Sul");

// Configurando o layout como BorderLayout

setLayout(new BorderLayout());

// Adicionando os componentes às regiões do BorderLayout

add(buttonNorth, [Link]);
add(buttonSouth, [Link]);
}

public static void main(String[] args) {

// Criando e exibindo o JFrame
[Link](() -> {
BorderLayoutExample example = new BorderLayoutExample();
[Link](true);
});
}
}
Nota: Neste exemplo, criamos uma janela com um BorderLayout e adicionamos dois botões: um
ao norte e outro ao sul.

5
 [Link] e desvantagens
Vantagens:

 Simplicidade: O BorderLayout é fácil de entender e de usar. Sua abordagem simples de

dividir o contêiner em cinco regiões facilita a organização dos componentes.
 Controle de Espaço: Ele distribui automaticamente o espaço disponível de acordo com
as necessidades dos componentes. Isso proporciona um bom controle sobre a disposição
dos elementos na interface.
 Flexibilidade: As cinco regiões do BorderLayout (norte, sul, leste, oeste e centro)
oferecem flexibilidade na organização dos componentes, permitindo criar layouts
variados e adaptáveis.

Desvantagens:

 Limitação de Componentes: Cada região do BorderLayout pode conter no máximo um

componente. Isso pode ser uma limitação em casos onde é necessário colocar múltiplos
componentes em uma mesma região.
 Complexidade em Layouts mais Elaborados: Para layouts mais complexos que exigem
uma disposição detalhada dos componentes, o BorderLayout pode se tornar limitante e
difícil de gerenciar.

O BorderLayout é aconselhado em situações onde você precisa organizar os componentes da

interface gráfica de forma simples e previsível, especialmente quando se trata de layouts que
seguem uma estrutura de página única ou uma divisão clara em regiões distintas.

5. Card Layout
O CardLayout é um layout em Java que permite alternar entre vários painéis de conteúdo dentro
de um contêiner, exibindo apenas um painel por vez. Isso é útil em situações onde você deseja
mostrar diferentes "cartões" de informação, como em menus com várias guias ou em assistentes
de configuração com etapas distintas.

6
"Um CardLayout é útil para criar um contêiner de cartões, onde apenas um cartão é visível por
vez. Os cartões podem ter diferentes tamanhos e usar layouts diferentes" - Oracle Java SE
Documentation

Ilustração 2: Exemplo CardLayout, [Link]/CardLayout

O CardLayout em Java é particularmente útil quando você tem vários painéis de conteúdo, mas
deseja mostrar apenas um de cada vez. Ele é comumente usado em interfaces de usuário onde há
diferentes seções de informação ou etapas que o usuário pode navegar.

estrutura básica do conteúdo em um CardLayout é semelhante à estrutura de qualquer outro

layout em Java Swing. Você pode adicionar componentes aos painéis como faria em qualquer
outro contêiner, usando métodos como add(Component) ou add(Component, Object) para
especificar o painel ao qual o componente deve ser adicionado.

7
import [Link].*;
import [Link].*;

public class CardLayoutExample extends JFrame {

public CardLayoutExample() {
// Configuração básica do JFrame
setTitle("Exemplo de CardLayout");
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setSize(400, 300);

// Criando os painéis de conteúdo

JPanel panel1 = new JPanel();
[Link](new JLabel("Conteúdo do Painel 1"));

JPanel panel2 = new JPanel();

[Link](new JLabel("Conteúdo do Painel 2"));

JPanel panel3 = new JPanel();

[Link](new JLabel("Conteúdo do Painel 3"));

// Criando o CardLayout e adicionando os painéis

CardLayout cardLayout = new CardLayout();
setLayout(cardLayout);

add(panel1, "Painel 1");

add(panel2, "Painel 2");
add(panel3, "Painel 3");
}

public static void main(String[] args) {

// Criando e exibindo o JFrame
[Link](() -> {
CardLayoutExample example = new CardLayoutExample();
[Link](true);
});
}
}
Nota: Neste exemplo, criamos três painéis de conteúdo (panel1, panel2 e panel3) e os
adicionamos ao JFrame usando um CardLayout. Cada painel contém um simples rótulo para
representar o conteúdo. Ao executar o programa, podemos alternar entre os diferentes painéis
usando métodos específicos do CardLayout, conforme necessário.

[Link] e desvantagens

8
Vantagens

 Navegação entre painéis: O CardLayout facilita a alternância entre diferentes painéis de

conteúdo, proporcionando uma navegação intuitiva para o usuário;
 Economia de espaço: Como apenas um painel é exibido por vez, o CardLayout permite
economizar espaço na interface do usuário, especialmente em casos onde há várias seções
de conteúdo;
 Flexibilidade na disposição: Cada painel pode ter seu próprio layout e conjunto de
componentes, oferecendo grande flexibilidade na criação de interfaces de usuário
variadas e complexas.

Desvantagens

 Limitação de visibilidade: Como apenas um painel é exibido por vez, pode ser difícil
para o usuário visualizar rapidamente todo o conteúdo disponível. Isso pode ser um
problema em interfaces com muitos painéis ou em situações onde o usuário precisa ter
uma visão geral do conteúdo;
 Complexidade adicional: Em alguns casos, o uso de CardLayout pode adicionar
complexidade ao código, especialmente se houver muitos painéis com transições
complicadas entre eles.

O CardLayout é aconselhado em diversas situações, especialmente quando você precisa criar

uma interface com múltiplas telas ou seções de conteúdo, mas deseja exibir uma de cada vez. Por
exemplo: Aplicações com múltiplas etapas ou guias, Menus com várias opções, Telas de boas-
vindas ou introdução, etc.

6. Box Layout
O BoxLayout é um layout em Java que organiza os componentes em uma única linha horizontal
ou vertical. Ele oferece grande flexibilidade na disposição dos elementos, permitindo que sejam
alinhados de forma uniforme ou de acordo com as preferências do desenvolvedor. Esse layout é

9
útil quando você precisa de um controle preciso sobre a posição e o espaçamento dos
componentes em uma direção específica.

"Um BoxLayout tenta distribuir o espaço disponível igualmente entre os componentes ao longo
do eixo especificado. Se não houver espaço suficiente ao longo do eixo, o BoxLayout tenta
dimensionar os componentes para preencher o espaço adicional" - Oracle Java SE
Documentation

Ilustração 3: Exemplo de um BoxLayout, [Link]/BoxLayout

10
Quando você adiciona um componente a um contêiner com BoxLayout, o layout calcula o
tamanho preferido do componente e o posiciona na linha ou coluna, dependendo do tamanho
atual do contêiner e das configurações de alinhamento. Se não houver espaço suficiente para
todos os componentes ao longo do eixo, o BoxLayout pode dimensionar os componentes para
preencher o espaço disponível de forma equitativa.

O BoxLayout oferece várias opções de alinhamento para os componentes, incluindo alinhamento

à esquerda, ao centro, à direita, na parte superior, no centro vertical e na parte inferior. Isso
permite que você controle a posição dos componentes dentro do contêiner de acordo com suas
necessidades específicas.

import [Link].*;
import [Link].*;

public class ExemploBoxLayout extends JFrame {

JButton botoes[];

public ExemploBoxLayout() {
botoes = new JButton[5];

// Inicializando e adicionando botões ao vetor

for (int i = 0; i < 5; i++) {
botoes[i] = new JButton("Botão " + (i + 1));
// Adicionando os botões ao JFrame para que possam ser exibidos
add(botoes[i]);
}

// Definindo o layout como BoxLayout e alinhando os componentes na horizontal

setLayout(new BoxLayout(getContentPane(), BoxLayout.X_AXIS));

// Configurações básicas do JFrame

setSize(400, 400);
setVisible(true);
}

// Método principal
public static void main(String args[]) {
// Criando uma instância da classe ExemploBoxLayout
[Link](() -> {
new ExemploBoxLayout();
});

11
 }
}
Nota: Neste exemplo, criamos um JFrame contendo cinco botões, os quais são adicionados ao
JFrame usando o BoxLayout com orientação horizontal (BoxLayout.X_AXIS). Isso resultará na
exibição dos botões alinhados horizontalmente dentro do JFrame.

[Link] X (BoxLayout.X_AXIS):
 Descrição: Este eixo organiza os componentes horizontalmente dentro do contêiner.
 Funcionamento: Os componentes são alinhados da esquerda para a direita.
 Aplicação: Útil para criar layouts horizontais, como barras de ferramentas ou menus,
onde os elementos são dispostos lado a lado.

Figura 4: BoxLayout no eixo X, [Link]/BoxLayout

[Link] Y (BoxLayout.Y_AXIS):
 Descrição: Este eixo organiza os componentes verticalmente dentro do contêiner.
 Funcionamento: Os componentes são alinhados de cima para baixo.
 Aplicação: Útil para criar layouts verticais, como colunas de botões ou listas, onde os
elementos são empilhados um sobre o outro.

12
 Figura 5: BoxLayout eixo Y, [Link]/BoxLayout

[Link] e desvantages

Vantagens:

 Flexibilidade de Arranjo: O BoxLayout oferece flexibilidade na disposição dos

componentes, permitindo que eles sejam organizados ao longo de um único eixo, seja
horizontal ou vertical, de acordo com as necessidades do layout;
 Controle Preciso: Ele permite um controle preciso sobre o espaçamento e o
alinhamento dos componentes, o que é útil para criar layouts personalizados e bem
ajustados;
 Responsividade: O BoxLayout é adequado para layouts responsivos, pois os
componentes podem se adaptar automaticamente ao redimensionamento do contêiner.

13
Desvantagens:

 Complexidade de Uso: Para layouts mais complexos, o BoxLayout pode exigir um

código mais extenso e complexo em comparação com outros layouts mais simples,
como o FlowLayout ou o BorderLayout;
 Gerenciamento de Espaço: O BoxLayout não gerencia automaticamente o espaço
em branco entre os componentes, o que pode exigir manipulação adicional para
alcançar o espaçamento desejado entre os elementos;
 Limitações de Layout: Embora ofereça flexibilidade, o BoxLayout pode ser limitado
em termos de organização de componentes em layouts mais elaborados, como grades
complexas ou layouts de formulários.

14
 7. Conclusão

Em conclusão, os layouts em Java, como BorderLayout, CardLayout e BoxLayout,

desempenham um papel crucial na criação de interfaces gráficas de usuário eficientes e bem
organizadas. Cada layout tem suas próprias características, vantagens e desvantagens, e a escolha
do layout adequado depende das necessidades específicas do projeto.

O BorderLayout é útil para organizar componentes em regiões predefinidas, enquanto o

CardLayout permite alternar entre diferentes painéis de conteúdo de forma dinâmica. Já o
BoxLayout oferece flexibilidade na disposição dos componentes ao longo de um único eixo.

Ao escolher um layout, os desenvolvedores devem considerar fatores como a complexidade do

layout desejado, a necessidade de controle preciso sobre a posição dos componentes e a
responsividade da interface às mudanças de tamanho do contêiner.

Em última análise, entender os diferentes layouts disponíveis em Java e suas características é

essencial para criar interfaces gráficas de usuário intuitivas e agradáveis, que atendam às
necessidades dos usuários e proporcionem uma experiência de uso positiva.

15
8. Bibliografia:

 Oracle. "A Visual Guide to Layout Managers". Disponível em:

[Link]
 Oracle. "How to Use BorderLayout". Disponível em:
[Link]
 Oracle. "How to Use CardLayout". Disponível em:
[Link]
 Oracle. "How to Use BoxLayout". Disponível em:
[Link]
 Bloch, Joshua; Gafter, Neal. "Java Puzzlers: Traps, Pitfalls, and Corner Cases". Addison-
Wesley Professional, 2005.

16