Cómo hacer una ventana (una aplicación): 4 pasos (con imágenes)

Tabla de contenido:

Cómo hacer una ventana (una aplicación): 4 pasos (con imágenes)
Cómo hacer una ventana (una aplicación): 4 pasos (con imágenes)

Video: Cómo hacer una ventana (una aplicación): 4 pasos (con imágenes)

Video: Cómo hacer una ventana (una aplicación): 4 pasos (con imágenes)
Video: Como empezar a programar. Con Visual Basic. Paso a paso 2024, Abril
Anonim

¿Alguna vez se preguntó cómo se hacen programas como Paint o Calculator? Bueno, aprenda a crear una aplicación básica con esta guía paso a paso.

Pasos

46622 1
46622 1

Paso 1. Obtenga un compilador

Un compilador transforma su código fuente en bruto (que pronto escribirá) en una aplicación ejecutable. Para el propósito de este tutorial, obtenga DEV-CPP IDE. Puedes descargarlo aquí.

46622 2
46622 2

Paso 2. Después de instalar DEV-CPP, ábralo

Se te presentará una ventana con un área de texto donde escribirás tu código fuente.

46622 3
46622 3

Paso 3. Prepárese para escribir un programa para mostrar texto en un cuadro de texto

Antes de comenzar a escribir el código fuente, tenga en cuenta que las aplicaciones Win32 no se comportan de la misma manera que otros lenguajes, como JAVA.

46622 4
46622 4

Paso 4. En la pantalla principal de DEV-CPP, vaya a Archivo -> Nuevo -> Proyecto

Se le presentará otra pantalla. Elija la pequeña imagen que dice "Aplicación de Windows" y configure el idioma como "C", no "C ++". En el cuadro de texto donde dice "Nombre", ingrese "Programa simple". Ahora, DEV-CPP le preguntará dónde desea guardarlo. Guarde el archivo en cualquier directorio, pero asegúrese de recordarlo. Tan pronto como haya terminado con eso, se le presentará una plantilla en la pantalla de origen. Haz Ctrl + A y luego Retroceso. La razón por la que estamos haciendo esto es para poder comenzar de nuevo.

46622 5
46622 5

Paso 5. Al comienzo de su fuente, escriba "#include" (sin las comillas)

Esto incluye la biblioteca de Windows para que pueda crear una aplicación. Directamente debajo de eso, escriba: #include "resource.h" Y luego escriba: const char g_szClassName = "myWindowClass";

46622 6
46622 6

Paso 6. Escriba un método para manejar todos los mensajes y escriba otro método donde manejaremos los mensajes de los recursos

No se preocupe si esto le resulta confuso. Se aclarará más adelante. Ahora, guarde su fuente como SimpleProg.c. Lo dejaremos como está por el momento.

46622 7
46622 7

Paso 7. Cree una secuencia de comandos de recursos

Un Resource Script es un fragmento de código fuente que define todos tus controles (por ejemplo: TextBox, Buttons, etc.). Incorporarás tu Resource Script en tu programa y ¡listo! Tendrás un programa. Escribir el script de recursos no es difícil, pero puede llevar mucho tiempo si no tiene un editor visual. Esto se debe a que necesitará estimar las coordenadas X e Y exactas de los controles, etc. En la pantalla principal de su DEV-CPP, vaya a Archivo -> Nuevo -> Archivo de recursos. DEV-CPP le preguntará "¿Agregar archivo de recursos al proyecto actual?" Haga clic en SÍ. En la parte superior de la secuencia de comandos de recursos, escriba #include "resource.h", y también escriba #include. Esto se encarga de todos los controles.

46622 8
46622 8

Paso 8. Haga su primer control:

un menú sencillo. Escribe:

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

  • La parte "IDR_THEMENU" define su menú como THEMENU. Sin embargo, puedes llamarlo como quieras. La parte BEGIN se explica por sí misma. El POPUP "& File" crea una nueva categoría de menú llamada Archivo. El signo & permite al usuario de su aplicación escribir Ctrl + F en el teclado y acceder rápidamente a su menú:) El MENUITEM "E & xit", ID_FILE_EXIT agrega un elemento de menú a la categoría Archivo. Sin embargo, debe definir el elemento de menú haciendo ID_FILE_EXIT.

Paso 9. Ahora para la parte del botón

Su botón estará dentro de un cuadro de diálogo, por lo que primero debemos crear el cuadro de diálogo. Haga esto escribiendo:

46622 9
46622 9

IDD_SIMPLECONTROL DIALOG 50, 50, 150, 142 STYLE DS_MODALFRAME | WS_POPUP | WS_CAPTION | WS_SYSMENU MENÚ IDR_THEMENU TÍTULO "Prog simple" FUENTE 8, "MS Sans Serif" BEGIN DEFPUSHBUTTON "¡Hola!", ID_HELLO, 10, 10, 40, 15 END

  • El IDD_SIMPLECONTROL define su diálogo. Los cuatro números después de la palabra "DIALOG" determinan la posición x, la posición y, el ancho y la altura del diálogo. No se preocupe demasiado por la parte de estilo por ahora. El MENÚ IDR_THEMENU pone nuestro antiguo menú en el programa. El TÍTULO habla por sí mismo al igual que la fuente. El DEFPUSHBUTTON crea nuestro botón llamado "¡Hola!" y lo definimos diciendo ID_HELLO y le damos x-pos y y-pos y las coordenadas de ancho y alto.
  • ¡Eso es todo! Hemos terminado con nuestro script de recursos. Solo queda una cosa más. Tenemos que asignar valores a todas las cosas que definimos en nuestro script de recursos (por ejemplo, IDR_THEMENU, etc.). Guarde el archivo de recursos como SimpleProg.rc.
  • 46622 11
    46622 11

    Paso 10. Vaya a Archivo -> Nuevo -> Archivo de origen

    ¿Agregar el archivo fuente al proyecto actual? Si. Se le presentará una pantalla en blanco. Para asignar valores a nuestros controles definidos, les damos números. No importa demasiado qué números le dé a sus controles, pero debe organizarlos. Por ejemplo, no defina un control dándole un número aleatorio como 062491 o algo así. Así que escribe:

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

    46622 12
    46622 12

    Paso 11. Guarde este archivo como resource.h ¿Recuerda que hicimos "#include" resource.h ""?

    Bueno, por eso lo hicimos. Necesitábamos asignar valores.

    46622 13
    46622 13

    Paso 12. Vuelva a la fuente, nuestro SimpleProg.c o como quiera que lo llame

    Escribe:

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

    46622 14
    46622 14

    Paso 13. No se preocupe demasiado con todas las cosas técnicas aquí

    Solo sepa que esta parte devuelve el diálogo a nuestro procedimiento de manejo de mensajes llamado SimpleProc.

    46622 15
    46622 15

    Paso 14. Escriba:

      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, "Hey, "¡Hola!", MB_OK) descanso; case ID_FILE_EXIT: EndDialog (hWndDlg, 0); break;} break; case WM_CLOSE: EndDialog (hWndDlg, 0); rotura; predeterminado: return FALSE;} return TRUE;}

    • Esta parte maneja los mensajes de diálogo. Por ejemplo, en el caso ID_HELLO (nuestro botón), hacemos un cuadro de mensaje que dice hola. Además, en el caso de que vayamos a Archivo y Salir, cerramos la ventana en el caso ID_FILE_EXIT.
    46622 17
    46622 17

    Paso 15. ¡Asegúrese de que su SimpleProc esté antes de la parte int WINAPI WINMAIN

    Esto es importante si desea que su programa funcione.

    46622 18
    46622 18

    Paso 16. ¡Presione F9 para compilar y ejecutar su programa

    Consejos

    • Si se siente frustrado en algún momento, tómese un descanso y regrese.
    • Si se pierde, hay muchos tutoriales disponibles en Internet.
    • Este es un tutorial para principiantes, por lo que no se explican muchas partes. Incluso si se trata de un tutorial para principiantes, se recomienda que tenga ALGUNA experiencia en el mundo de la programación (por ejemplo, comprender las declaraciones de cambio, if-else, etc.)

    Recomendado: