26
Tutorial – Aprenda Netbeans em 50 Passos! Com WallCk. 1° - Procure baixar a versão mais atual, mesmo que BETA, afinal, estamos utilizando a IDE (Ferramenta Gráfica) de desenvolvimento para fins acadêmicos: 2° - É importante entender que o Netbeans possui infinitos recursos e que não vamos tratar todas estas funcionalidades aqui. Estaremos vendo o básico necessário para instigar a utilização natural da IDE.

Tutorial Netbeans By WallCk

  • Upload
    wallck

  • View
    14.300

  • Download
    5

Embed Size (px)

Citation preview

Page 1: Tutorial Netbeans By WallCk

Tutorial – Aprenda Netbeans em 50 Passos! Com WallCk.

1° - Procure baixar a versão mais atual, mesmo que BETA, afinal, estamos utilizando a IDE (Ferramenta Gráfica) de desenvolvimento para fins acadêmicos:

2° - É importante entender que o Netbeans possui infinitos recursos e que não vamos tratar todas estas funcionalidades aqui. Estaremos vendo o básico necessário para instigar a utilização natural da IDE.

Page 2: Tutorial Netbeans By WallCk

3° - Fique atendo à tela inicial do Netbeans:

Cada um destes recursos deve ser observado com atenção, pois serão parte do desenvolvimento o tempo todo. Para efeito didático, vamos clicar no “X” da barra interna “Welcome” e depois a “Setinha Para Baixo” da barra “Output”.

Page 3: Tutorial Netbeans By WallCk

4° - Agora, acesse o menu “File” e escolha “New Project”:

Page 4: Tutorial Netbeans By WallCk

5° - Nesta tela, encontramos várias Categorias e tipo de Projetos. Em nosso caso, vamos escolher o Default “Java Application”, clique no botão “Next”:

6° - Escolha um nome para o projeto e digite em “Project Name”. Escolha também o local em sua máquina que será guardado os arquivo deste projeto em “Project Location”. Marque as caixinhas “Set as Main Project” e “Create Main Class”. Por padrão, deixamos o Netbeans escolher um nome para o “Main Class”. Clique em “Finish”.

Page 5: Tutorial Netbeans By WallCk

7° - Seu projeto será criado e logo em seguida, aberto com o arquivo Main.java.

8° - Agora, vamos conhecer as abas alinhadas à esquerda (Projects, Files, Services, Navigator).

Page 6: Tutorial Netbeans By WallCk

9° - A aba Projects é responsável por mostrar os detalhes de todos os projetos abertos. Observe que existem 4 pastas criadas em seu projeto (Source Packages, Test Packages, Libraries, Test Libraries).

10° - Source Packages: Pasta onde você deverá criar as classes e pacotes do seu sistema.

11° - Test Packages: Pasta irrelevante didaticamente, faz o mesmo acima, mas para fins de homologação.

12° - Libraries: Pasta onde você poderá importar bibliotecas (.class, .jar) para o projeto.

13° - Test Libraires: O mesmo acima, porém também irrelevante didaticamente, tem foco para homologação.

14° - Agora, vamos criar uma nova classe em nosso projeto.

Page 7: Tutorial Netbeans By WallCk
Page 8: Tutorial Netbeans By WallCk
Page 9: Tutorial Netbeans By WallCk

15° - Agora, vamos criar uma interface gráfica para nossa calculadora:

Page 10: Tutorial Netbeans By WallCk

16° - Pronto, temos nosso formulário! Agora, precisamos editá-lo para que seja adequado ao nosso projeto.

17° - À direita, temos 2 novas abas (Properties e Palette).

18° - Properties: Exibirá as propriedades ou características de um objeto/componente selecionado.

19° - Palette: Exibirá todos os componentes que poderão ser utilizados na formação de sua interface.

20° - Clique na “Setinha Para Esquerda” da aba “Properties”.

21° - Abra a aba “Palette”.

Page 11: Tutorial Netbeans By WallCk

22° - Vamos expandir os principais componentes SWING.

Page 12: Tutorial Netbeans By WallCk

23° - Vamos criar um Menu em nosso formulário. Basta clicar e segurar o botão sob o componente MENU BAR e arrastar para dentro do formulário.

24° - Vamos abrir a aba “Inspector”, no lado esquerdo para adicionar itens em nosso Menu.

Page 13: Tutorial Netbeans By WallCk

25° - Vamos adicionar nomes (Change Variable Name) em nossos componentes atuais antes de inserir os novos itens.

Page 14: Tutorial Netbeans By WallCk

26° - Vamos mudar o texto (Edit Text) que aparece nos menus, para melhorar a apresentação.

27° - Agora vamos inserir novos itens em nosso menu. Lembre-se de mudar o nome da variável e o texto dos novos itens.

Page 15: Tutorial Netbeans By WallCk

28° - Agora vamos montar nosso formulário usando 1 Panel, 2 Label, 2 TextBox e 1 Button.

Page 16: Tutorial Netbeans By WallCk

29° - Vamos precisar mudar o Texto e o nome das variáveis de nossos novos componentes também.

30° - Será necessário mudar também algumas propriedades, como por exemplo, tamanho do formulário e borda do Panel.

31° - Agora, não vamos precisar de nenhuma aba. Esconda todas elas.

32° - Vamos adicionar uma função ao botão de somar “+”.

33° - Clique com o botão direito em cima do botão de somar “+” e selecione Events > Action > Action Performed.

Page 17: Tutorial Netbeans By WallCk
Page 18: Tutorial Netbeans By WallCk

34° - Foi gerado o esqueleto da função deste botão. Basta então, escrever o código a ser executado quando o botão de somar “+” for clicado.

35° - Para voltar para o modo gráfico da interface, basta selecionar a aba superior “Design”.

36° - Faremos a mesma coisa agora para os botões de subtração “-”, multiplicação “*” e divisão “/”.

Page 19: Tutorial Netbeans By WallCk

37° - Código da Subtração.

38° - Código da Multiplicação.

Page 20: Tutorial Netbeans By WallCk

39° - Código da Divisão.

40° - Vamos compilar e testar a execução. Basta pressionar F11 e depois F6.

41° - Você perceberá que isto não adiantou NADA. Isto é por que temos que adicionar um código no arquivo Main.java, afinal, é neste arquivo que nós temos o método PUBLIC STATIC VOID MAIN.

Page 21: Tutorial Netbeans By WallCk

42° - Basta adicionar o código selecionado acima dentro do método.

43° - Agora sim, vamos novamente, pressione F11 e F6.

44° - Ótimo! Agora nossa aplicação está rodando! Criamos uma interface gráfica para interagir com nossa classe Calculadora.

45° - Falta 2 pequenas coisas! Vamos adicionar eventos nos menus “Sobre” e “Sair”.

Page 22: Tutorial Netbeans By WallCk
Page 23: Tutorial Netbeans By WallCk
Page 24: Tutorial Netbeans By WallCk

46° - Ok, de 50 passos, faltam 4 e com este aqui (por ser um passo inútil), somam 5.

47° - Ainda temos mais 3 passos (ou será 4?).

48° - Tudo bem, qualquer dúvida, me envie um email: [email protected], poderei responder assim que for possível.

49° - Se você observar bem os print-screens, vai pensar que não trabalho (dica: olhe as horas).

50° - Ok! Tudo bem! Tchau! Bie! Adios! Acessem: http://www.lordware.com.br/

By WallCk.