Xamarin Live Player และ Live Run ฟีเจอร์ใหม่แนะนำให้ใช้

เมื่อวันที่ 4-7 มีนาคม 2018 ที่ผ่านมา ผมและเพื่อน Microsoft MVP ด้วยกันได้ไปร่วมงาน Microsoft MVP Global Summit 2018 ที่ Seattle, USA จุดประสงค์อย่างนึงเลยก็คือ ผมและเพื่อนๆนักพัฒนา Xamarin Forms ด้วยกันมักจะเจอปัญหาเกี่ยวกับการออกแบบหน้าจอ UX / UI ด้วยภาษา XAML เนื่องด้วยตัว Previewer นั้นมีปัญหามากมาย ผมจึงต้องการเจอกับนาย James Montemagno ผู้ซึ่งดำรงตำแหน่งเป็น Principal Program Manager, Mobile Developer Tools บริษัท Microsoft หรือผู้รับผิดชอบโครงการ Xamarin Tools นั่นเอง (เค้าเป็นเจ้าของผลงานมากมายใน Nuget และ Github)

วิธีเปิด Xamarin Forms Previewer

ผมได้แจ้งปัญหาไปหลายอย่างที่เกี่ยวกับตัว Xamarin Forms Previewer เช่น

  • ขึ้นธีมดำ แทนที่จะเป็นสีขาว

  • ต้อง Rebuild Project ก่อนนะถึงจะใช้ได้

  • บางทีก็ Build แล้วก็ Error ไม่ขึ้นซะงั้น

และอีกหลายปัญหาเลย ผมก็ได้ถามเค้าว่าเมื่อไหร่จะสามารถใช้ได้ดี และมีแนวทางการพัฒนาอย่างไร

คำตอบที่ผมได้ก็คือเค้าหันไปพัฒนาตัว Xamarin Live Player แล้วใช้ Live Run บนเครื่องจริงแทนมากกว่าที่จะใช้ตัว Previewer หรืออีกความหมายนึงก็คือ เลิกใช้ไปเถอะไอ้ตัว Previewer นั่นน่ะ !!?

สำหรับท่านที่ได้อัพเดต Visual Studio 2017 เป็นเวอร์ชั่น 15.6.x แล้วนั้น ท่านก็จะสามารถใช้งานได้ทันทีดังนี้ครับ

  1. ดาวน์โหลดโปรแกรม Xamairn Live Player ที่มือถือ iOS หรือ Android ของท่าน

  1. ให้มือถือต่อ Wifi วงเดียวกับเครื่องคอมฯ หลังจากนั้นเปิดโปรแกรมแล้วกดปุ่ม PAIR เพื่อเปิดกล้อง

  1. เปิดโปรเจ็ค Xamarin Forms แล้วให้เลือก Manage Xamarin Live Player Devices…

  1. นำมือถือที่เปิดกล้อง PAIR แล้ว มาส่องที่ QR Code เมื่อต่อกันสำเร็จที่เครื่องคอมฯจะขึ้นรายชื่อมือถือของท่านแล้วให้ปิดหน้าจอนี้ไป

  1. หน้าจอมือถือของท่านจะมีเครื่องหมายสีเขียว หมายถึงว่าต่อกันสำเร็จแล้ว

  1. เปิดหน้า XAML ขึ้นมาแล้วคลิ๊กขวาที่หน้าที่ต้องการ Preview แล้วเลือก Live Run

  1. รอซักนิดสังเกตุที่หน้าจอมือถือจะขึ้นหน้าจอ Preview ของ XAML หน้านั้นขึ้นมาเป็นอันสำเร็จ

  1. ท่านสามารถแก้ไข XAML แล้วกดปุ่ม Save รอซักนิดนึง หน้าจอมือถือของท่านก็จะเปลี่ยนตามทันที โดยไม่ต้องรันโปรแกรมหรือกด Debug

  1. หรือท่านต้องการจะทดสอบโปรแกรมทั้งหมด ก็สามารถกดปุ่ม Debug แล้วรันโปรแกรมมาที่มือถือของท่านได้ทันที ทั้งหมดนี้ไม่จำเป็นต้องต่อสาย ใช้เพียงแค่ Wifi วงเดียวกันเท่านั้น

ภายในงาน Global Microsoft MVP Summit 2018 ผมเข้า Session เกี่ยวกับ Xamarin แทบจะทุกหัวข้อ และก็ได้สังเกตุเห็นได้ว่า ทุก Session เค้าใช้ Live Run กันตลอด และ Live Run ที่เรากำลังใช้อยู่นี้ (15.6.x) ยังมีความสามารถแค่เด็กประถมเท่านั้น แต่สิ่งที่ผมเห็นในงานนั้นมันมีลูกเล่นระดับปริญญาตรีแล้ว มีลูกเล่นมากมายเกินกว่าการเป็น Preview เช่น เข้าไปแก้ไขได้ด้วย iPad อะไรทำนองนั้น ผมก็พูดมากไม่ได้ เราคงจะได้ใช้กันในเร็ววันนี้ รอดูกันในงาน Microsoft Build 2018 วันที่ 7-9 พฤษภาคม 2018 นี้ละกันนะ

บริจาค (Donate) ให้กับ CodeBangkok ได้ที่
BTC = 3GDxhb84ho2jmAV9seAgAFJ7dy1XR3GCyc
ETH = 0x119fa8A618A0283D1834853325A8FF4fe1101230
LTC = ME2abSdDeQYuTmzZSAnHL7LGGeF836d1ut
ZEC = t1Y4NkK3Dx3yBbwCVdpXzKYrqUSJSHgaFXa

https://www.lazada.co.th/products/codebangkok-i219874509-s334754949.html

https://www.lazada.co.th/products/c-net-core-i221844611-s338593893.html?spm=a2o6z.10453683.17.2.77ba30028gg3mg&mp=3

https://www.lazada.co.th/products/xamarin-i223854543-s342195260.html?spm=a2o6z.10453683.17.3.77ba300223Ar27&mp=3