Como fazer uma janela (um aplicativo): 4 etapas (com imagens)

Índice:

Como fazer uma janela (um aplicativo): 4 etapas (com imagens)
Como fazer uma janela (um aplicativo): 4 etapas (com imagens)

Vídeo: Como fazer uma janela (um aplicativo): 4 etapas (com imagens)

Vídeo: Como fazer uma janela (um aplicativo): 4 etapas (com imagens)
Vídeo: SISTEMA DE CADASTRO VBA - COMPLETO 2024, Abril
Anonim

Você já se perguntou como programas como o Paint ou a Calculadora são feitos? Bem, aprenda a criar um aplicativo básico usando este guia passo a passo.

Passos

46622 1
46622 1

Etapa 1. Obtenha um compilador

Um compilador transforma seu código-fonte bruto (que você escreverá em breve) em um aplicativo executável. Para os fins deste tutorial, obtenha o IDE DEV-CPP. Você pode baixá-lo aqui.

46622 2
46622 2

Etapa 2. Após instalar o DEV-CPP, abra-o

Você verá uma janela com uma área de texto onde escreverá seu código-fonte.

46622 3
46622 3

Etapa 3. Prepare-se para escrever um programa para exibir texto em uma caixa de texto

Antes de começar a escrever o código-fonte, lembre-se de que os aplicativos Win32 não se comportam da mesma forma que outras linguagens, como JAVA.

46622 4
46622 4

Passo 4. Na tela principal do DEV-CPP, acesse Arquivo -> Novo -> Projeto

Você verá outra tela. Escolha a pequena imagem que diz "Windows Application" e defina o idioma como "C", não "C ++". Na caixa de texto onde diz "Nome", digite "SimpleProgram". Agora, o DEV-CPP perguntará onde você deseja salvá-lo. Salve o arquivo em qualquer diretório, mas lembre-se dele. Assim que você terminar com isso, será apresentado um modelo na tela de origem. Pressione Ctrl + A e, em seguida, Backspace. A razão de estarmos fazendo isso é para que possamos começar de novo.

46622 5
46622 5

Etapa 5. No início de sua fonte, digite "#include" (sem as aspas)

Isso inclui a biblioteca do Windows para que você possa fazer um aplicativo. Logo abaixo disso, escreva: #include "resource.h" E então digite: const char g_szClassName = "myWindowClass";

46622 6
46622 6

Etapa 6. Escreva um método para lidar com todas as mensagens e escreva outro método onde lidaremos com as mensagens dos recursos

Não se preocupe se isso for confuso. Isso ficará claro mais tarde. Agora, salve sua fonte como SimpleProg.c. Estaremos deixando como está por enquanto.

46622 7
46622 7

Etapa 7. Faça um script de recurso

Um Script de Recurso é uma parte do código-fonte que define todos os seus controles (por exemplo: Caixa de Texto, Botões, etc.). Você irá incorporar seu Script de Recurso em seu programa e pronto! Você terá um programa. Escrever o Script de Recursos não é difícil, mas pode ser demorado se você não tiver um Editor Visual. Isso ocorre porque você precisará estimar as coordenadas X e Y exatas dos controles, etc. Na tela principal do DEV-CPP, vá para Arquivo -> Novo -> Arquivo de recursos. O DEV-CPP perguntará "Adicionar arquivo de recursos ao projeto atual?" Clique em SIM. Na parte superior do script de recurso, digite #include "resource.h" e também #include Isso cuida de todos os controles.

46622 8
46622 8

Etapa 8. Faça seu primeiro controle:

um menu simples. Modelo:

    IDR_THEMENU MENU BEGIN POPUP "& Arquivo" BEGIN MENUITEM "E & xit", ID_FILE_EXIT END END

  • A parte "IDR_THEMENU" define seu menu como THEMENU. Você pode chamá-lo do que quiser, no entanto. A parte BEGIN é autoexplicativa. O POPUP "& Arquivo" cria uma nova categoria de menu chamada Arquivo. O sinal & permite que o usuário de seu aplicativo digite Ctrl + F no teclado e acesse rapidamente seu menu:) O MENUITEM "E & xit", ID_FILE_EXIT adiciona um item de menu à categoria Arquivo. Você deve, entretanto, definir o item de menu executando ID_FILE_EXIT.

Etapa 9. Agora, para a parte do botão

Seu botão estará dentro de uma caixa de diálogo, portanto, devemos fazer a caixa de diálogo primeiro. Faça isso digitando:

46622 9
46622 9

IDD_SIMPLECONTROL DIALOG 50, 50, 150, 142 STYLE DS_MODALFRAME | WS_POPUP | WS_CAPTION | WS_SYSMENU MENU IDR_THEMENU LEGENDA "Simple Prog" FONT 8, "MS Sans Serif" BEGIN DEFPUSHBUTTON "Hello!", ID_HELLO, 10, 10, 40, 15 END

  • O IDD_SIMPLECONTROL define sua caixa de diálogo. Os quatro números após a palavra "DIALOG" determinam a posição x, a posição y, a largura e a altura da caixa de diálogo. Não se preocupe muito com a parte do estilo por enquanto. O MENU IDR_THEMENU coloca nosso antigo menu no programa. A legenda fala por si mesma, assim como a fonte. O DEFPUSHBUTTON cria nosso botão chamado "Hello!" e nós o definimos dizendo ID_HELLO e atribuímos a ele as coordenadas x-pos e y-pos e largura e altura.
  • É isso! Terminamos com nosso script de recursos. Só mais uma coisa resta. Temos que atribuir valores a todas as coisas que definimos em nosso script de recurso (por exemplo, IDR_THEMENU, etc.) Salve o arquivo de recurso como SimpleProg.rc.
  • 46622 11
    46622 11

    Etapa 10. Vá para Arquivo -> Novo -> Arquivo de origem

    Adicionar o arquivo de origem ao projeto atual? sim. Você verá uma tela em branco. Para atribuir valores aos nossos controles definidos, damos a eles números. Não importa muito em quais números você fornece seus controles, mas você deve torná-los organizados. Por exemplo, não defina um controle dando a ele um número aleatório como 062491 ou algo assim. Então digite:

      #define IDR_THEMENU 100 #define ID_FILE_EXIT 200 #define IDD_SIMPLECONTROL 300 #define ID_HELLO 400

    46622 12
    46622 12

    Etapa 11. Salve este arquivo como resource.h Você se lembra que fizemos "#include" resource.h ""?

    Bem, é por isso que fizemos isso. Precisávamos atribuir valores.

    46622 13
    46622 13

    Etapa 12. Volte para a fonte, nosso SimpleProg.c ou como você o chamou

    Modelo:

      int WINAPI WinMain (HINSTANCE hInstance, HINSTANCE hPrevInstance, LPSTR lpCmdLine, int nCmdShow) {return DialogBox (hInstance, MAKEINTRESOURCE (IDD_NUMBERS), NULL, SimpleProc);}

    46622 14
    46622 14

    Etapa 13. Não se preocupe muito com todo o material técnico aqui

    Apenas saiba que esta parte retorna o diálogo para nosso procedimento de tratamento de mensagens chamado SimpleProc.

    46622 15
    46622 15

    Etapa 14. Digite:

      BOOL CALLBACK SimpleProc (HWND hWndDlg, UINT Message, WPARAM wParam, LPARAM lParam) {switch (Message) {case WM_INITDIALOG: return TRUE; case WM_COMMAND: switch (LOWORD (wParam)) {case ID_HELLO: MessageBox (NULL, "Ei", "Alô!", MB_OK) pausa; case ID_FILE_EXIT: EndDialog (hWndDlg, 0); break;} break; case WM_CLOSE: EndDialog (hWndDlg, 0); pausa; padrão: retornar FALSO;} retornar VERDADEIRO;}

    • Esta parte trata das mensagens de diálogo. Por exemplo, no caso ID_HELLO (nosso botão), criamos uma caixa de mensagem dizendo olá. Além disso, no caso em que vamos para Arquivo e Sair, fechamos a janela no caso ID_FILE_EXIT.
    46622 17
    46622 17

    Etapa 15. Certifique-se de que seu SimpleProc vem antes da parte int WINAPI WINMAIN

    Isso é importante se você deseja que seu programa funcione.

    46622 18
    46622 18

    Etapa 16. Pressione F9 para compilar e executar seu programa

    Pontas

    • Se você ficar frustrado a qualquer momento, faça uma pausa e volte.
    • Se você se perder, existem muitos tutoriais disponíveis na internet.
    • Este é um tutorial para iniciantes, portanto, muitas partes não são explicadas. Mesmo que seja um tutorial para iniciantes, é recomendável que você tenha ALGUMA experiência no mundo da programação (por exemplo, compreender as instruções de switch, if-else, etc.)

    Recomendado: