การสร้างโครงการ Xamarin.Forms

ในบทนี้เราจะพูดถึงวิธีการใช้งานแพ็คเกจ NuGet ซึ่งเราได้สร้างและเผยแพร่ไปยังฟีด NuGet ส่วนตัว ก่อนอื่นเราจะสร้างโครงการ Xamarin.Forms เราต้องเข้าใจก่อนว่า Xamarin.Forms คืออะไร

• Xamarin.Forms เป็นเฟรมเวิร์กที่ช่วยให้นักพัฒนาสามารถสร้างอินเทอร์เฟซผู้ใช้ข้ามแพลตฟอร์มได้อย่างรวดเร็ว

• Xamarin.Forms เป็นนามธรรมชุดเครื่องมือ UI ที่ได้รับการสนับสนุนข้ามแพลตฟอร์มซึ่งช่วยให้นักพัฒนาสามารถสร้างอินเทอร์เฟซผู้ใช้ที่สามารถแชร์บน Android, iOS, Windows และ Windows Phone ได้อย่างง่ายดาย

• อินเทอร์เฟซผู้ใช้จะแสดงผลโดยใช้การควบคุมดั้งเดิมของแพลตฟอร์มเป้าหมายทำให้แอปพลิเคชัน Xamarin.Forms ยังคงรักษารูปลักษณ์ที่เหมาะสมสำหรับแต่ละแพลตฟอร์ม

ในการเริ่ม Xamarin.Forms เราจำเป็นต้องมีคุณสมบัติเพิ่มเติมบางอย่างใน Visual Studio 2015 ให้เราแก้ไข Visual Studio 2015 ของคุณและตรวจสอบให้แน่ใจว่าได้เลือกตัวเลือกการพัฒนาอุปกรณ์เคลื่อนที่ข้ามแพลตฟอร์มต่อไปนี้

เมื่อการติดตั้งเสร็จสิ้นให้เราอัปเดต Xamarin โดยเลือก Tools → Options…

เลื่อนลงและขยาย Xamarin ในบานหน้าต่างด้านซ้ายจากนั้นเลือก Other. ที่มุมขวาบนของกล่องโต้ตอบคลิกที่Check Now เพื่อดูว่ามีการอัปเดตหรือไม่

คุณจะเห็นว่ามีการอัปเดตให้เราคลิกที่ไฟล์ Downloadเพื่อเริ่มการดาวน์โหลด เมื่อดาวน์โหลดเสร็จแล้วคุณจะได้รับแจ้งให้ติดตั้งการอัปเดต

ให้เราเปิด Visual studio อีกครั้งและเลือกไฟล์ File → New → Project… ตัวเลือกเมนู

ในบานหน้าต่างด้านซ้ายเลือกไฟล์ Visual C# → Cross-Platform เทมเพลตและในบานหน้าต่างตรงกลางให้เลือก Blank Xaml App (Xamarin.Forms Portable). ป้อนชื่อในฟิลด์ชื่อและคลิกตกลง

เลือกเวอร์ชันเป้าหมายและเวอร์ชันต่ำสุดแล้วคลิกตกลง

คุณจะเห็นโครงการต่างๆ ที่ด้านบนสุดเรามีไลบรารี PCL ซึ่งจะใช้ร่วมกันระหว่างทุกแพลตฟอร์มเช่น Android, iOS, UWP, Windows 8.1 และ Windows Phone 8.1

ที่นี่เราจะเน้นที่ไลบรารี PCL และจะนำโค้ดบางส่วนมาที่นี่ ให้เราขยายโค้ด

ในเทมเพลต Xamarin.Forms นี้คุณสามารถดู App.xaml และ MainPage.xaml ทั่วไปโดยใช้เฟรมเวิร์ก Xamarin.Forms XAML ซึ่งทำงานบนแพลตฟอร์มเหล่านี้

เราจำเป็นต้องนำเข้ารหัสของเราและเราต้องการฟีด NuGet ส่วนตัวที่เราตั้งค่าไว้ในบทสุดท้าย

ให้เราเปิด NuGet Package Manager คลิกที่วงล้อข้างรายการแบบเลื่อนลงแหล่งที่มาของแพ็คเกจ

เราต้องเพิ่มฟีดส่วนตัวของเราที่นี่ให้เราคลิกที่ไฟล์ plus (+) button.

คุณจะเห็นว่ามีการเพิ่มช่องทำเครื่องหมายอื่นในไฟล์ Available package sources ให้เราระบุชื่อและเส้นทางต้นทางแล้วคลิก OK.

ให้เราไปที่แท็บเรียกดูแล้วเลือก PrivateSource จากรายการแบบเลื่อนลงแหล่งที่มาของแพ็คเกจและคุณจะเห็นแพ็คเกจ StringLibrary NuGet เลือก StringLibrary แล้วคลิกInstall.

คลิกตกลงและคุณจะเห็นข้อผิดพลาดหนึ่งข้อ

เราไม่สามารถใช้ไลบรารีกับ. NETPortable profile เวอร์ชัน 259 ได้เราจะแก้ไขข้อผิดพลาดนี้ในบทถัดไป