1)ขั้นตอนการติดตั้ง Visual Studio 2022 สำหรับพัฒนาแอปบนมือถือ (Mobile Application)
ภาพรวม
Visual Studio 2022 รองรับการพัฒนาแอปมือถือได้ทั้ง:
• Android / iOS (ผ่าน .NET MAUI หรือ Xamarin)
• Cross-platform apps (แอปเดียวใช้ได้ทั้ง Android และ iOS)
ขั้นตอนการติดตั้ง Visual Studio 2022
ขั้นตอนที่ 1: ดาวน์โหลดตัวติดตั้ง
ขั้นตอนที่ 2: เริ่มการติดตั้ง
ขั้นตอนที่ 3: เลือก Workload สำหรับพัฒนาแอปมือถือ
ขั้นตอนที่ 4: ตรวจสอบส่วนประกอบเพิ่มเติม (Optional Components)
ขั้นตอนที่ 5: กด “Install”
ขั้นตอนที่ 6: เปิด Visual Studio 2022
ขั้นตอนที่ 7: สร้างโปรเจกต์แรก
ขั้นตอนที่ 8: ทดสอบรันแอป
2)การทำ workshop .NET MAUI App พัฒนาโปรแกรมบวกเลข บนมือถือโดยละเอียดทุกขั้นตอน
คู่มือทีละขั้นตอนแบบละเอียด เพื่อสร้างโปรเจกต์ .NET MAUI App ใน Visual Studio
1) เตรียมเครื่องก่อน (ถ้ายังไม่ได้ติดตั้ง ข้ามถ้าติดตั้งมาแล้ว)
- ติดตั้ง Visual Studio 2022 (Community/Professional/Enterprise)
2) สร้างโปรเจกต์ .NET MAUI App ใหม่
1. เปิด Visual Studio 2022
2. คลิก Create a new project
3. ในช่องค้นหา พิมพ์ maui → เลือก .NET MAUI App → คลิก Next
4. ตั้งค่าชื่อโปรเจกต์:
-Project name: MauiAdditionApp
-Location: เลือกโฟลเดอร์ที่ต้องการ
-Solution name: MauiAdditionApp
-คลิก Create
5.Visual Studio จะสร้างโปรเจกต์พร้อมโครงสร้างพื้นฐานของ MAUI
3) โครงสร้างไฟล์หลักที่เราจะแก้ไข
ไฟล์ที่เราจะแก้:
-MainPage.xaml กำหนด UI (ช่องกรอกตัวเลข ปุ่ม และแสดงผล)
-MainPage.xaml.cs เขียน logic การบวกและจัดการ event
4) แก้ไข MainPage.xaml (UI)
5) แก้ไข MainPage.xaml.cs (Logic / C#)
6) ตรวจสอบไฟล์อื่น ๆ (ถ้าจำเป็น)
7) วิธีรันบน Android Emulator
1. ตรวจสอบว่า Android Emulator ติดตั้งแล้ว:
-Visual Studio → Tools > Android > Android Device Manager
-สร้างหรือเลือก Virtual Device (เช่น Pixel 5 API 31)
2. ใน Visual Studio, ที่มุมบนขวามือ เลือก Target เป็น Android (Emulator: Pixel...)
3. กดปุ่ม Run (F5) เพื่อเริ่ม Debugging
4. รอระบบ build แล้ว emulator จะเปิดขึ้น แอปจะติดตั้งและรันโดยอัตโนมัติ
8) วิธีรันบนอุปกรณ์ Android จริง
1.เปิด Developer options และ USB debugging บนมือถือ
2.ต่อมือถือเข้ากับคอมผ่าน USB
3.ในเครื่อง Windows ให้ยอมรับการอนุญาตการ debug จากมือถือ (ถ้ามี popup)
4.ใน Visual Studio เลือก target เป็นชื่ออุปกรณ์ (แทน emulator)
5.กด Run (F5)