วิธีทำหน้าต่าง (แอปพลิเคชัน): 4 ขั้นตอน (พร้อมรูปภาพ)

สารบัญ:

วิธีทำหน้าต่าง (แอปพลิเคชัน): 4 ขั้นตอน (พร้อมรูปภาพ)
วิธีทำหน้าต่าง (แอปพลิเคชัน): 4 ขั้นตอน (พร้อมรูปภาพ)

วีดีโอ: วิธีทำหน้าต่าง (แอปพลิเคชัน): 4 ขั้นตอน (พร้อมรูปภาพ)

วีดีโอ: วิธีทำหน้าต่าง (แอปพลิเคชัน): 4 ขั้นตอน (พร้อมรูปภาพ)
วีดีโอ: EP.5 วิธีการใช้งาน Microsoft Visual Studio 2022 เบื้องต้น 2024, เมษายน
Anonim

เคยสงสัยหรือไม่ว่าโปรแกรมอย่าง Paint หรือ Calculator ถูกสร้างขึ้นมาอย่างไร? เรียนรู้วิธีสร้างแอปพลิเคชันพื้นฐานโดยใช้คำแนะนำทีละขั้นตอนนี้

ขั้นตอน

46622 1
46622 1

ขั้นตอนที่ 1 รับคอมไพเลอร์

คอมไพเลอร์แปลงซอร์สโค้ดดิบของคุณ (ซึ่งคุณจะเขียนเร็วๆ นี้) เป็นแอปพลิเคชันที่ปฏิบัติการได้ สำหรับวัตถุประสงค์ของบทช่วยสอนนี้ ให้ดาวน์โหลด DEV-CPP IDE คุณสามารถดาวน์โหลดได้ที่นี่

46622 2
46622 2

ขั้นตอนที่ 2 หลังจากติดตั้ง DEV-CPP แล้ว ให้เปิดขึ้น

คุณจะเห็นหน้าต่างพร้อมพื้นที่ข้อความที่คุณจะเขียนซอร์สโค้ดของคุณ

46622 3
46622 3

ขั้นตอนที่ 3 เตรียมตัวให้พร้อมสำหรับการเขียนโปรแกรมแสดงข้อความในกล่องข้อความ

ก่อนที่คุณจะเริ่มเขียนต้นฉบับ โปรดทราบว่าแอปพลิเคชัน Win32 ไม่ได้ทำงานในลักษณะเดียวกับภาษาอื่นๆ เช่น JAVA

46622 4
46622 4

ขั้นตอนที่ 4 ในหน้าจอหลักของ DEV-CPP ไปที่ File -> New -> Project

คุณจะเห็นหน้าจออื่น เลือกรูปภาพเล็กๆ ที่เขียนว่า "Windows Application" และตั้งค่าภาษาเป็น "C" ไม่ใช่ "C++" ที่กล่องข้อความที่ระบุว่า "ชื่อ" ให้ป้อน "SimpleProgram" ตอนนี้ DEV-CPP จะถามคุณว่าต้องการบันทึกไว้ที่ใด บันทึกไฟล์ในไดเร็กทอรีใด ๆ แต่อย่าลืมจำไว้ ทันทีที่คุณทำเสร็จแล้ว คุณจะเห็นเทมเพลตบนหน้าจอต้นทาง ทำ Ctrl+A แล้วกด Backspace เหตุผลที่เราทำเช่นนี้ก็เพื่อให้เราสามารถเริ่มต้นใหม่ได้

46622 5
46622 5

ขั้นตอนที่ 5. ที่จุดเริ่มต้นของแหล่งที่มาของคุณ พิมพ์ "#include " (โดยไม่ใส่เครื่องหมายคำพูด)

ซึ่งรวมถึงไลบรารีของ windows เพื่อให้คุณสามารถสร้างแอปพลิเคชันได้ ข้างใต้นั้น เขียน: #include "resource.h" แล้วพิมพ์: const char g_szClassName = "myWindowClass";

46622 6
46622 6

ขั้นตอนที่ 6 เขียนวิธีหนึ่งเพื่อจัดการกับข้อความทั้งหมดและเขียนวิธีอื่นที่เราจะจัดการกับข้อความจากแหล่งข้อมูล

ไม่ต้องกังวลหากสิ่งนี้ทำให้สับสน มันจะชัดเจนในภายหลัง ตอนนี้ บันทึกแหล่งที่มาของคุณเป็น SimpleProg.c เราจะปล่อยให้มันเป็นอยู่ในขณะนี้

46622 7
46622 7

ขั้นตอนที่ 7 สร้างสคริปต์ทรัพยากร

Resource Script คือซอร์สโค้ดส่วนหนึ่งที่กำหนดการควบคุมทั้งหมดของคุณ (เช่น TextBox, Buttons เป็นต้น) คุณจะรวม Resource Script ไว้ในโปรแกรมและ Voila! คุณจะมีโปรแกรม การเขียน Resource Script ไม่ใช่เรื่องยาก แต่อาจใช้เวลานานหากคุณไม่มี Visual Editor เนื่องจากคุณจะต้องประเมินพิกัด X และ Y ที่แน่นอนของตัวควบคุม เป็นต้น ในหน้าจอหลัก DEV-CPP ให้ไปที่ไฟล์ -> ใหม่ -> ไฟล์ทรัพยากร DEV-CPP จะถามคุณ "เพิ่มไฟล์ทรัพยากรในโครงการปัจจุบันหรือไม่" คลิกใช่ ที่ด้านบนของสคริปต์ทรัพยากร ให้พิมพ์ #include "resource.h" และพิมพ์ #include เพื่อควบคุมการควบคุมทั้งหมด

46622 8
46622 8

ขั้นตอนที่ 8 ทำการควบคุมครั้งแรกของคุณ:

เมนูง่ายๆ พิมพ์:

    IDR_THEMENU MENU BEGIN POPUP "&ไฟล์" BEGIN MENUITEM "ออก&ออก" ID_FILE_EXIT END END

  • ส่วน "IDR_THEMENU" กำหนดเมนูของคุณเป็น THEMENU คุณสามารถเรียกมันว่าอะไรก็ได้ที่คุณต้องการอย่างไรก็ตาม ส่วน BEGIN อธิบายตนเองได้ POPUP "&File" สร้างหมวดหมู่เมนูใหม่ที่เรียกว่าไฟล์ เครื่องหมาย & อนุญาตให้ผู้ใช้แอปพลิเคชันของคุณสามารถพิมพ์ Ctrl+F บนแป้นพิมพ์และเข้าถึงเมนูของคุณได้อย่างรวดเร็ว:) MENUITEM "E&xit" ID_FILE_EXIT เพิ่มรายการเมนูในหมวดหมู่ไฟล์ อย่างไรก็ตาม คุณต้องกำหนดรายการเมนูโดยทำ ID_FILE_EXIT

ขั้นตอนที่ 9 ตอนนี้สำหรับส่วนปุ่ม

ปุ่มของคุณจะอยู่ภายในไดอะล็อก ดังนั้นเราต้องสร้างไดอะล็อกก่อน ทำได้โดยพิมพ์:

46622 9
46622 9

IDD_SIMPLECONTROL DIALOG 50, 50, 150, 142 สไตล์ DS_MODALFRAME | WS_POPUP | WS_CAPTION | WS_SYSMENU MENU IDR_THEMENU CAPTION "Simple Prog" FONT 8, "MS Sans Serif" BEGIN DEFPUSHBUTTON "สวัสดี!", ID_HELLO, 10, 10, 40, 15 END

  • IDD_SIMPLECONTROL กำหนดไดอะล็อกของคุณ ตัวเลขสี่ตัวหลังคำว่า "DIALOG" เป็นตัวกำหนด x-pos, y-pos, width และ height ของไดอะล็อก อย่าเพิ่งกังวลกับส่วนสไตล์มากเกินไปในตอนนี้ MENU IDR_THEMENU นำเมนูเก่าของเราไปไว้ในโปรแกรม CAPTION พูดเพื่อตัวเองเช่นเดียวกับแบบอักษร DEFPUSHBUTTON สร้างปุ่มของเราชื่อ "สวัสดี!" และเรากำหนดมันโดยพูดว่า ID_HELLO และกำหนดพิกัด x-pos และ y-pos และความกว้างและความสูง
  • แค่นั้นแหละ! เสร็จแล้วกับสคริปต์ทรัพยากรของเรา เหลืออีกสิ่งเดียวเท่านั้น เราต้องกำหนดค่าให้กับทุกสิ่งที่เรากำหนดไว้ในสคริปต์ทรัพยากรของเรา (เช่น IDR_THEMENU เป็นต้น) บันทึกไฟล์ทรัพยากรเป็น SimpleProg.rc
  • 46622 11
    46622 11

    ขั้นตอนที่ 10. ไปที่ File -> New -> Source File

    เพิ่มไฟล์ต้นฉบับไปยังโครงการปัจจุบันหรือไม่ ใช่. คุณจะเห็นหน้าจอว่างเปล่า ในการกำหนดค่าให้กับตัวควบคุมที่เรากำหนดไว้ เราจะให้ตัวเลขแก่พวกมัน ไม่สำคัญว่าคุณให้การควบคุมกับตัวเลขใดมากเกินไป แต่คุณควรจัดระเบียบให้เป็นระเบียบ ตัวอย่างเช่น อย่ากำหนดตัวควบคุมโดยให้ตัวเลขสุ่มเช่น 062491 หรืออะไรก็ตาม ดังนั้นพิมพ์:

      #define IDR_THEMENU 100 #define ID_FILE_EXIT 200 #define IDD_SIMPLECONTROL 300 #กำหนด ID_HELLO 400

    46622 12
    46622 12

    ขั้นที่ 11. บันทึกไฟล์นี้เป็น resource.h คุณจำได้ไหมว่าเราทำ "#include "resource.h""?

    นี่คือเหตุผลที่เราทำ เราจำเป็นต้องกำหนดค่า

    46622 13
    46622 13

    ขั้นตอนที่ 12 กลับไปที่ต้นทาง SimpleProg.c ของเราหรืออะไรก็ตามที่คุณเรียกมัน

    พิมพ์:

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

    46622 14
    46622 14

    ขั้นตอนที่ 13 อย่ากังวลมากเกินไปกับเรื่องทางเทคนิคทั้งหมดที่นี่

    เพิ่งรู้ว่าส่วนนี้ส่งคืนกล่องโต้ตอบไปยังขั้นตอนการจัดการข้อความที่เรียกว่า SimpleProc

    46622 15
    46622 15

    ขั้นตอนที่ 14. ประเภท:

      BOOL CALLBACK SimpleProc (HWND hWndDlg, ข้อความ UINT, WPARAM wParam, LPARAM lParam){สวิตช์ (ข้อความ){กรณี WM_INITDIALOG:คืนค่า TRUE;กรณี WM_COMMAND:สวิตช์ (LOWORD (wParam)) {ID ของกรณี_HELLO:ข้อความ" "ฮัลโหล!", MB_OK)แตก; กรณี ID_FILE_EXIT:EndDialog(hWndDlg, 0);break;}break;case WM_CLOSE:EndDialog(hWndDlg, 0); หยุดพัก; ค่าเริ่มต้น: คืนค่า FALSE;}คืนค่า TRUE;}

    • ส่วนนี้จัดการข้อความโต้ตอบ ตัวอย่างเช่น ในกรณี ID_HELLO (ปุ่มของเรา) เราจะสร้างกล่องข้อความว่าสวัสดี นอกจากนี้ ในกรณีที่เราไปที่ File and Exit เราจะปิดหน้าต่างในกรณีที่ ID_FILE_EXIT
    46622 17
    46622 17

    ขั้นตอนที่ 15. ตรวจสอบให้แน่ใจว่า SimpleProc ของคุณมาก่อนส่วน int WINAPI WINMAIN

    นี่เป็นสิ่งสำคัญหากคุณต้องการให้โปรแกรมของคุณทำงาน

    46622 18
    46622 18

    ขั้นตอนที่ 16 กด F9 เพื่อคอมไพล์และรันโปรแกรมของคุณ

    เคล็ดลับ

    • หากรู้สึกท้อแท้เมื่อใดก็ตาม ให้หยุดพักแล้วกลับมา
    • หากคุณหลงทาง มีบทช่วยสอนมากมายบนอินเทอร์เน็ต
    • นี่เป็นบทช่วยสอนสำหรับผู้เริ่มต้น ซึ่งไม่ได้อธิบายส่วนต่างๆ มากมาย แม้ว่าจะเป็นบทช่วยสอนสำหรับผู้เริ่มต้น ขอแนะนำให้คุณมีประสบการณ์บางอย่างในโลกของการเขียนโปรแกรม (เช่น ทำความเข้าใจคำสั่งสวิตช์, if-else เป็นต้น)

    แนะนำ: