Jogo Da Velha. - Parte 1 - Fazendo a parte gráfica do jogo da Velha

Tamanho: px

Começar a partir da página:

Download "Jogo Da Velha. - Parte 1 - Fazendo a parte gráfica do jogo da Velha"

William Peres Veiga
8 Há anos
Visualizações:

1 Jogo Da Velha - Parte 1 - Fazendo a parte gráfica do jogo da Velha por: Lerói Oliveira Equipe PAJÉ cti.paje@gmail.com

2 Primeiro vamos usar a classe JFrame para criar a janela. Não esqueça que é preciso salvar o arquivo com o nome de Velha.java public class Velha { private static JFrame frame = new JFrame("Jogo da Velha"); Provavelmente depois de rodar a aplicação não foi possível finalizar ela. Isso acontece porque não foi determinada a ação de fechar o programa, então vamos tratar o evento da janela para fazer isso. public class Velha { private static JFrame frame = new JFrame("Jogo da Velha"); // adiciona o evento ao frame * classe de Eventos da Janela private static class eventojanela extends WindowAdapter { // método para fechar a janela

Isso acontece porque não foi determinada a ação de fechar o programa, então vamos tratar o evento da janela para fazer isso.

3 Agora já conseguimos fechar a aplicação. Para fazer um jogo da velha temos varias opções, vou usar a mais fácil, que não fica tão bem apresentável, mas serve para aprendizado. Vamos adicionar um layout ao Frame. Utilizando o layout de grade 3x3 conseguiremos chegar a um tabuleiro de jogo da velha. import java.awt.gridlayout; public class Velha { private static JFrame frame = new Jframe("Jogo da Velha"); // GridLayout cria um layout de grade do tipo 3x3 para o frame frame.getcontentpane().setlayout(new GridLayout(3,3)); // adiciona o evento ao frame * classe de eventos da janela private static class eventojanela extends WindowAdapter { // método para fechar a janela Aparentemente não ocorreu nada, pois ainda não adicionamos nada na grade. Vamos adicionar Botões. Vamos criar um vetor de Objetos do tipo JButton para adicionar à grade. Não se esquecendo que todos os atributos devem ser estáticos(static) para serem usados no public static void main(string args[]). import javax.swing.jbutton; import java.awt.gridlayout;

gridlayout; public class Velha { private static JFrame frame = new Jframe("Jogo da Velha"); // GridLayout cria um layout de grade do tipo 3x3 para o frame frame.getcontentpane().

4 public class Velha { private static JFrame frame = new Jframe("Jogo da Velha"); // vetor de objetos da classe JButton. private static JButton botoes[] = new JButton[9]; // GridLayout cria um layout de grade do tipo 3x3 para o frame frame.getcontentpane().setlayout(new GridLayout(3,3)); for(int pos = 0; (pos < 9); pos++) { cria um novo objeto de JButton para cada posição do vetor o ImageIcon serve para colocar imagens no botão: ex: new ImageIcon( "imagens/botao.jpg" ) botoes[pos] = new JButton(new ImageIcon("")); // adiciona os botões ao frame frame.getcontentpane().add(botoes[pos]); // adiciona o evento ao frame * classe de eventos da janela private static class eventojanela extends WindowAdapter { // método para fechar a janela Agora já conseguimos ver os botões só que sem as imagens. Você pode colocar qualquer imagem no local indicado no código, que elas aparecerão. Uma boa idéia é inicializá-los com uma imagem somente com o fundo branco. E depois, a medida que for acontecendo as jogadas, trocar a imagem por círculo ou xis, mas para isto precisamos criar uma classe de eventos do mouse, e adicionar o evento aos botões. import javax.swing.jbutton; import java.awt.gridlayout;

setlayout(new GridLayout(3,3)); for(int pos = 0; (pos < 9); pos++) { cria um novo objeto de JButton para cada posição do vetor o ImageIcon serve para colocar imagens no botão: ex: new ImageIcon(

5 public class Velha { private static JFrame frame = new Jframe("Jogo da Velha"); // vetor de objetos da classe JButton. private static JButton botoes[] = new JButton[9]; // GridLayout cria um layout de grade do tipo 3x3 para o frame frame.getcontentpane().setlayout(new GridLayout(3,3)); for(int pos = 0; (pos < 9) ; pos++) { cria um novo objeto de JButton para cada posição do vetor o ImageIcon serve para colocar imagens no botão: ex: new ImageIcon( "imagens/botao.jpg" ) botoes[pos] = new JButton(new ImageIcon("")); // adiciona os botões ao frame frame.getcontentpane().add(botoes[pos]); //adiciona o evento ao frame //determina o tamanho do frame //torna o frame visível * classe de eventos da janela private static class eventojanela extends WindowAdapter { // método para fechar a janela * classe de eventos do mouse private static class EventoMouse implements ActionListener { através deste método conseguimos saber o que foi clicado, entre outras coisas para maiores informações é sempre válido dar uma olhada na API do Java. Mas o método getsource() retorna um objeto do que foi clicado e dando um casting ((JButton)e.getSource()) conseguimos manipular o objeto JButton clicado.

6 public void actionperformed(actionevent e) { com o método seticon podemos modificar o ImageIcon, e conseqüentemente a imagem do botão no caso a nova imagem será bola.jpg. ((JButton)e.getSource()).setIcon(new ImageIcon("images/bola.jpg")); até a próxima! Com isso já conseguimos fazer a parte gráfica de um jogo da velha. Então daqui em diante é pura lógica...

((JButton)e.getSource()).setIcon(new ImageIcon("images/bola.jpg")); até a próxima!

Documentos relacionados

Caso não exista nenhum listener registado no objecto que gera o evento, este não terá qualquer efeito.

Caso não exista nenhum listener registado no objecto que gera o evento, este não terá qualquer efeito. Interfaces Gráficas e Eventos - 10 Programação por eventos Um evento ocorre quando o utilizador interage com um objecto gráfico:. manipular um botão com o rato;. introduzir texto num campo de texto. seleccionar