Java Swing: Netbeans

Transcrição

1 Java Swing: Netbeans

2 Swing Atualmente, o Java suporta, oficialmente, dois tipos de bibliotecas gráficas:awt e Swing. A AWT foi a primeira API para interfaces gráficas a surgir no Java e foi, mais tarde, superada pelo Swing (a partir do Java 1.2), que possui diversos benefícios em relação a seu antecessor. O Swing permite criar as interfaces gráficas de uma aplicação java Desktop.

3 Criando um Formulário Um Formulário JFRAME é uma janela gráfica, onde é possível adicionar componentes. Para criar um novo formulário, clique com o botão direito do mouse em um pacote, selecione a opção novo -> outros.

4 Criando um Formulário Selecione a categoria Forms GUI Swings e em tipo de arquivo selecione Form JFRAME.

5 Criando um Formulário Informe o nome do Formulário e clique em finalizar

6 JFrame Criado Alterna código fonte Alterna parte gráfica Formulário

7 JFrame Criado Alterna código fonte Alterna parte gráfica

8 JFrame - Formulário Algumas propriedades do formulário podem ser personalizadas. Propriedade title background extendstates undecored Descrição Cria um titulo na parte superior do formulário Permite alterar a cor de fundo do rótulo Permite iniciar o formulário maximizado. Na janela de propriedades utilizar o valor 6, em código utilizar JFRAME.MAXIMIZED_BOTH Retira as bordas e o titulo do formulário.

9 Formulário Centralizado Para centralizar um formulário no centro da tela, faça: 1) Selecione o formulário 2) Na Janela de Propriedade, selecione código 4) Marque gerar centralizado 3) Na propriedade: politica de tamanho do form: selecione Gera código de redimensionamento

10 Titulo do Formulário Todo formulário possui um titulo que ajuda a descrever sua funcionalidade. Para adicionar um titulo ao formulário. Selecione o formulário e altere a propriedade title. Informe o Titulo do Formulário

11 Titulo do Formulário Titulo do Formulário

12 Operação de Fechar Quando fechamos um formulário podemos encerrar toda a aplicação, todos os outros formulários do projeto que estiver aberto, ou apenas o formulário. A operação de fechamento padrão é fechar toda a aplicação EXIT_ON_CLOSE, podemos altera para DISPOSE, desta forma, somente o formulário que estamos fechando será encerrado os demais ainda permanecerão ativos. Temos ainda as opções HIDE para tornar o formulário invisível e DO_NOTHING que não faz nada ao fechar o formulário, ou seja ele não é fechado.

13 Operação de Fechar Fecha todos os Formulários

14 Operação de Fechar Fecha apenas este Formulário

15 Componentes O Swing traz muitos componentes para usarmos: botões, entradas de texto, tabelas, janelas, abas, scroll, árvores de arquivos e muitos outros. Os componentes podem ser adicionados em formulário, os componentes estão localizados na janela Paleta.

16 Paleta A paleta possui os componentes que podem ser adicionados em um formulário. Para adicionar um componente no formulário basta clicar no componente e clicar no Formulário.

17 Paleta Caso a janela Paleta não esteja visível, clique no menu Janela e selecione a opção Paleta.

18 Propriedades Cada componente possui um conjunto de propriedades (características atributos) que podem ser personalizadas(alteradas). Para alterar uma propriedade de um componente, basta selecionar(clicar sobre o componente) e abrir a janela de propriedades, após altere o valor da propriedade desejada.

19 Abrindo a janela de propriedades Caso a janela não esteja visível, basta selecionar o menu Janela e Clicar em propriedade.

20 Janela Propriedades Nome do componente selecionado Janela de propriedades

21 Componentes

22 Controles Swing A Janela Paleta possui vários componentes, separados por categorias (guias). Vamos estudar alguns componentes da guia Swing.

23 JLabel - Rótulo O Componente rótulo permite adicionar um texto estático (geralmente de caráter informativo) em um formulário. Propriedade text background font foreground icon Descrição Permite alterar o texto do rótulo Permite alterar a cor de fundo do rótulo Permite alterar a fonte da letra (tipo de letra, tamanho, negrito, etc) Permite alterar a cor da letra Permite adicionar uma imagem

24 JLabel - Rótulo Altera cor de fundo Altera a fonte da letra Altera a cor da letra Insere uma imagem

25 JLabel - Rótulo As propriedades dos componentes também podem ser alteradas em runtime (tempo de execução) quando o programa já estiver executando. Para isso devemos acessar a propriedade via código. Por exemplo para alterar o texto de um JLabel faríamos: jlabel1.settext( Texto a ser Mostrado ); Onde jlabel é o nome do componentes (instancia ou nome da variável) settext é o método responsável por inserir novo valor de texto para o componente Texto a ser mostrado e o valor passado por parâmetro para o atributo

26 Imagem no Label Para adicionar uma imagem em um label, basta acessar a propriedade icon do componente e clicar nos...

27 Imagem Na janela que abrir selecione importar para o projeto.

28 Imagem Procure por uma imagem no computador

29 Imagem Selecione o pacote onde a imagem será salva.

30 Imagem Clique em OK

31 Imagem O Formulário terá uma imagem. O Processo para adicionar imagens em botões e semelhante.

32 JTextField Campo de Texto O componente campo de texto (JTextField) cria um campo de texto para que seja possível a entrada de dados no sistema. Propriedade Descrição text background font foreground editable enable Permite alterar o texto do rótulo Permite alterar a cor de fundo do rótulo Permite alterar a fonte da letra (tipo de letra, tamanho, negrito, etc) Permite alterar a cor da letra Propriedade booleana(verdadeiro ou falso) indica se o campo é de somente leitura Propriedade booleana(verdadeiro ou falso) indica se o campo é de está ativado ou desativado

33 JButton - Botão O Componente Botão (Jbutton) cria um botão no formulário, ao clicar duas vezes sobre o botão um método é criado, esse método é executado toda vez que o botão sofre um evento de click (for clicado). Propriedade Descrição text font enable Permite alterar o texto do rótulo Permite alterar a fonte da letra (tipo de letra, tamanho, negrito, etc) Propriedade booleana(verdadeiro ou falso) indica se o campo é de está ativado ou desativado

34 Eventos Todo componente gráfico geralmente pode possuir eventos. Eventos são ações que ocorrem dentro do sistema. Exemplos de eventos são: Clicar sobre um botão Mover o mouse sobre um campo de texto Pressionar uma tecla Um campo de texto receber o foco (cursor) ou perder o foco

35 Eventos A cada evento (ação) que ocorre no sistema é possível e tratar e executar alguma tarefa. Para capturar os eventos e criar métodos para executar algo caso o evento ocorra podemos clicar sobre o componente, selecionar event e escolher o tipo de evento.

36 Eventos No exemplo abaixo clicamos com o botão direito do mouse no componente JtextField1 ->selecionamos eventos -> Focus -> focusgained. Ou seja, um método será criado, este método será executado quando o foco (curso) for passado para o componente JtextField1.

37 Eventos O método criado possui o nome do componente mais o nome do evento gerado. Dentro do métodos informamos que o campo deve mudar para a cor amarelo.

38 Eventos Ao receber o foco o método é executado e altera a cor do outro componente.

39 Eventos Evento de aperto de tecla

40

41

42

43 Prática Crie um formulário com os componentes da tabela abaixo: Componentes Propriedades Rótulo Text: Numero 1 Rótulo Text: Numero 2 Campo de Texto Text: <deixar em branco> Campo de Texto Text: <deixar em branco> Botão Text: Somar

44 Prática O Layout do formulário deverá ficar como o apresentado abaixo:

45 Prática De dois cliques no botão somar e digite o seguinte código.

46 Menu Para criar menus, podemos utilizar os componentes de menu da paleta de componentes. Nos próximos slides veremos cada um dos componentes.

47 JMenuBar Barra de Menu Cria um barra superior para adicionar menus, ela já vem com dois menus: File e Edit, esses menus não possuem nenhum item.

48 JMenuBar Barra de Menu Para mudar o texto do menu, basta clicar sobre ele, apertar o botão F2 e digitar o novo texto.

49 JMenu - Menu Além dos menus que já vieram com a barra de menu é possível adicionar outros menus. Para isso adicione um componente Menu em cima da barra de Menu. Clicar e colocar em cima da barra

50 JMenu - Menu Após colocar o menu é possivel alterar seu texto conforme vimos no slide anterior. Menu Adicionado a Barra de menus

51 Item de Menu Em cada menu é possível adicionar vários itens. Para adicionar um item em um menu clique no componente item de Menu e adicione em um Menu. Observe que o menu onde será incluído o item de menu fica tracejado na cor laranja. Clicar e colocar em cima da menu

52 Item de Menu É possivel incluir vários itens em um menu. Cada item será um Link para chamar um novo formulário ou executar uma ação. Barra Menu Menu Item de Menu

53 SubMenu Também é possível adicionar um menu em outro menu, desta forma temos um submenu. Clique no componente Menu e após clique no menu que deseja criar o submenu. Clicar e colocar em cima da menu, abaixo do item de menu que desejar

54 SubMenu Após é possível adicionar itens de menu no submenu. Barra Menu Menu Item de Menu

55 Separador Podemos utilizar o separador para agrupar os menus de forma lógica. O Separador é apenas um traço que permite criar divisões no menu. Clique no separador e escolha o lugar no menu onde será criada a divisão

56 Separador Imagem do Separador Separador

57 Atalhos É possivel criar atalhos para os menus, para isso selecione o menu e na janela de propriedades clique (...) na Accelerator Selecione o item de menu -> clique em accelerator

58 Atalhos Em toque de tecla aperte uma tecla para ser o atalho, o atalho será completado com a combinação de teclas (Ctrl, Alt ou Shift)

59 Atalhos Agora ao apertar Ctrl + Shift + F, o menu o item de menu Fornecedor é ativado.

60 Ícones Os itens de menu também podem receber ícones que facilitam a busca por uma determinada ação. Para adicionar um ícone no item de Menu, clique sobre ele e acesse a propriedade icon. Selecione o item de menu -> clique em icon

61 Ícone Selecione uma imagem e clique em OK.

62 Ícone A imagem será apresentada do lado do item de menu.

63 Barra de Ferramentas A barra de ferramentas permite criar uma barra com os comandos mais utilizados, melhorando a usabilidade do sistema. Adicione uma barra de ferramentas no formulário

64 Barra de Ferramentas Ajuste o tamanho da barra de ferramentas para que ela ocupe toda a parte superior do formulário.

65 Barra de Ferramentas Uma barra de ferramentas é composta por comandos rápidos, desta forma, vamos incluir na barra de ferramentas alguns botões. Adicione botões na barra de ferramentas

66 Barra de Ferramentas Assim como outros elementos podemos adicionar imagens aos botões da barra de ferramentas. Clique no botão e na propriedade Icon selecione uma imagem.

67 Barra de Ferramentas Selecione uma imagem e confirme a operação, repita para os demais botões.

68 Barra de Ferramentas Para melhorar podemos retirar a propriedade text dos botões Apague o texto da propriedade text

69 ToolTip A tooltip exibe uma dica sobre um determinado componente, quando o pause é passado sobre ele. Por exemplo: Quando o mouse fica parado sobre o primeiro botão da barra de ferramenta uma mensagem cadastrar Médico é exibida.

70 ToolTip Para adicionar uma tooltip Dica da Ferramenta em um componente, selecione o componente, vá até a propriedade tooltiptext e informe a dica. Informe a dica

71 Abrindo um Formulário Para abrir um formulário em tempo de execução, devemos criar um objeto da classe do formulário e após chamar a propriedade setvisible(true). Setar (alterar a visibilidade para verdadeiro).

72 Abrindo um Formulário Crie um novo formulário chamado JFrmFornecedor. Para isso selecione o pacote onde será criado o formulario, clique com o botão direito do mouse sobre o pacote e selecione a opção Form Jframe.

73 Abrindo um Formulário Digite o nome do formulário na janela que aparecer.

74 Abrindo um Formulário Um novo formulário será criado. Volte para o formulário principal de um duplo clique sobre o botão da barra de ferramentas. Duplo clique no botão

75 Abrindo um Formulário Ao clicar duas vezes sobre o botão a janela de código fonte será aberta e o cursor do mouse estará posicionado no método que será executado quando o botão for clicado (evento click). O nome do método é formado pelo nome do botão + o nome do evento. Nome do botão Nome do evento Local onde o código deve ser inserido

76 Abrindo um Formulário Cria um novo objeto, formulario de fornecedor Informa que o formulário deve ficar visivel

77 Abrindo um Formulário Ao executar a aplicação quando clicarmos sobre o botão fornecedor, o formulário de fornecedor será criado. 2) Exibe este formulário 1) Clicar no botão

78 Enviando dados para Outro Form Geralmente sentimos necessidade de enviar dados de um formulário para outro. Por exemplo: Envia os dados cadastrados de um formulário para outro

79 Enviando dados para Outro Form Para realizar essa tarefa, vamos construir uma classe chamada cliente. Clique com o botão direito do mouse no pacote onde a classe será criada, selecione novo -> Classe Java.

80 Enviando dados para Outro Form De o nome Fornecedor para a classe

81 Enviando dados para Outro Form Na classe crie os atributos nome, cnpj e endereço:

82 Enviando dados para Outro Form Agora vamos criar os métodos get e set para os atributos. Clique com o botão direito do mouse em qualquer parte vazia dentro da classe e abaixo dos atributos. Selecione o menu Inserir Código

83 Enviando dados para Outro Form No menu que aparecer selecione o item Getter e Setter.

84 Enviando dados para Outro Form Marque todos os atributos.

85 Enviando dados para Outro Form O netbeans criará automaticamente os métodos getter e setter.

86 Enviando dados para Outro Form Clique duas vezes no botão Enviar para Outro Form. Esse botão irá transportar os dados deste formulário para o outro.

87 Enviando dados para Outro Form No método que foi gerado iremos criar os códigos para transportar os dados. Local onde o código deve ser inserido

88 Enviando dados para Outro Form Primeiramente iremos criar um objeto da classe fornecedor Linha 102); Após iremos preencher os atributos do objeto da classe fornecedor com os valores dos campos de texto JTextField do formulario (linhas 104 a 106). A linha 108 e 109 exibem o formulário de visualização.

89 Enviando dados para Outro Form Os códigos gerados no formulário anterior ainda não transportam os dados de um formulário para outro. Antes de entendermos como esses dados são passados devemos entender o que é um método construtor.

90 Método Construtor Toda classe possui um método construtor, se ele não for declarado (criado na classes) ele será herdado da classe Object. Quando criamos um novo objeto sempre chamamos o construtor da classe. Veja. 1) Tipo do Dado (nome da classe) 2) Nome da variável(objeto) 3) Método construtor da classe

91 Método Construtor Na classe o método construtor é um método comum, porém possui duas diferenças: 1) O nome do método deve ser o mesmo nome da classe 2) O método não tem tipo de retorno Construtor: Possui o mesmo nome da classe e não possui retorno

92 Sobrecarga de Métodos Quando falamos de sobrecarga em Java, estamos dizendo podemos possuir métodos com nomes iguais, porem eles devem possui assinatura diferentes. Quando falamos em assinatura, estamos nos referindo a quantidade de parâmetros e os tipos de parâmetros.

93 Sobrecarga de Métodos O Java seleciona o método correto dependendo dos tipos e quantidades de parâmetros passados para o método Método Construtor Sobrecarregado: possuem o mesmo nome, mas com parâmetros diferentes

94 Enviando dados para Outro Form Nosso formulário criado também é uma classe Java e possui seu construtor. Classe JFrmVisualizar Método Construtor do Formulário JFrmVisualizar

95 Enviando dados para Outro Form Vamos sobrecarregar o método construtor da classe JFrmVisualizar, ou seja, vamos criar outro método construtor, porém esse método agora irá receber um objeto Fornecedor como parametro. Atributo fornecedor Antigo método construtor Novo método construtor

96 Enviando dados para Outro Form Com o objeto fornecedor podemos utilizar seus atributos para preencher os rótulos do formulário visualizar.

97 Enviando dados para Outro Form Para finalizar no formulário que envia os dados agora iremos chamar o construtor sobrecarregado, que recebe o parâmetro fornecedor.