เริ่มต้นพัฒนา Android app ด้วยภาษา C# ใน Visual Studio for Mac กัน

หลังจากที่ทาง Microsoft ปล่อย Visual Studio for Mac preview 1 ออกมา ทำให้นักพัฒนาสามารถพัฒนาระบบงานด้วย C#, ASP.NET บน Mac ได้ รวมทั้งสามารถพัฒนา Mobile app ทั้ง Android และ iOS ด้วยภาษา C# แต่ไม่สามารถทำได้ !! แต่ตอนนี้ผมใช้ Visual Studio for Mac preview 2 (7.0 build 560) เราสามารถพัฒนา Android app กันได้แล้ว (นานแล้วนะ แต่เพิ่งเห็น) ดังนั้นมาเริ่มกันเลย

ขั้นตอนที่ 1 สร้าง project สำหรับ Android app

ขั้นตอนที่ 2 ทำการ configuration ของ project

ขั้นตอนที่ 3 มาดู IDE สำหรับการพัฒนากันว่ามีอะไรให้ใช้บ้าง

ก่อนอื่นต้องทำการกำหนด PATH ของ Android SDK, Android NDK, JAVA SDK ใน preferences ให้ถูกต้องก่อน

จากนั้นมาดูโครงสร้างของ project ใน IDE กัน

ประกอบไปด้วย

• Getting start เป็นเอกสารแนะนำการใช้งาน
• Package สำหรับเก็บ library ต่าง ๆ โดยเริ่มต้นคือ Android support V4 และ V7
• Properties สำหรับจัดเก็บไฟล์ AndroidManifest.xml
• Resources สำหรับจัดเก็บ resource ต่าง ๆ ที่ใช้งานใน app เช่น layout, image และ value ต่าง ๆ

แสดงดังรูป

ทำการเปิดไฟล์ AndroidManifest.xml ขึ้นมา

สามารถกำหนดค่าต่าง ๆ ได้เหมือนการพัฒนาบน Android Studio แต่เพียงมีทั้ง UI และเป็น source ให้เลือกใช้งานตามความต้องการ

ทำการเปิดไฟล์ layout ซึ่งมีนามสกุลเป็น axml

ซึ่งผู้ใช้งานสามารถลาก component ต่าง ๆ มาวางเองได้ รวมทั้งแสดง properties ต่าง ๆ ของ component และสามารถเลือก Device/Theme ได้หมด (หน้าตามันคุ้น ๆ นะ) เมื่อเข้าไปดูใน source ของไฟล์ layout จะพบว่ามันคือ layout ปกติเลย แสดงดังรูป

คำถามคือไฟล์ R อยู่ไหน ?

ใน Visual Studio for Mac นั้นจะอยู่ใน Resources/Resource.designer.cs

จากนั้นมาเขียน code ดีกว่า ต้องเริ่มที่ Activity สิ

รูปแบบของ code ชื่อ method ต่าง ๆ มันคล้าย ๆ เดิมนะ แต่เปลี่ยน syntax เป็น C# เท่านั้นเอง สิ่งที่น่าสนใจคือ การดักจับ action การ Click แสดงดังรูป

เพียงเท่านั้นก็ทำการ Run ทดสอบ App ดีกว่า

ซึ่งจะตัวอย่างนั้นมีเพียงปุ่มให้กดเพิ่มนับเท่านั้นเอง แสดงผลการทำงานดังนี้  

เพียงเท่านี้เราก็สามารถเริ่มต้นพัฒนา Android app ด้วย C# บน Visual Studio for Mac ได้แล้ว ส่วนการใช้งานจริง ๆ ต้องลองกันต่อไปครับ