ไมโครซอฟท์ยังคงทยอยปรับปรุงเครื่องมือและเอกสารต่างๆ เพื่อสนับสนุนและผลักดันการใช้ Fluent Design System แนวทางการดีไซน์แบบใหม่สำหรับการพัฒนาแอพบน Windows 10
และล่าสุดก็มาถึงคราวของ XAML Controls Gallery แอพสาธิตการทำงานของ control ต่างๆ ที่มีเลือกให้ใช้ใน Universal Windows Platform ที่ได้รับอัพเดตเพื่อเพิ่มตัวอย่างการใส่ลูกเล่นใหม่ๆ ของ Fluent Design อย่างการใช้แสง เงา เลเยอร์โปร่งแสง การเคลื่อนไหว ฯลฯ
โดยไมโครซอฟท์ตั้งใจให้แอพดังกล่าวเป็นตัวช่วยทดลอง Fluent Design แบบอินเตอร์แอคทีฟซึ่งสามารถดาวน์โหลดไปใช้ศึกษาควบคู่กับการอ่านเอกสารบนเว็บ Windows Style Guide เพื่อช่วยอำนวยความสะดวกให้กับการเรียนรู้คุณสมบัติและโค้ด XAML ของ control ตัวใหม่ที่นักพัฒนาจำเป็นต้องใช้เพื่อปรับแอพของของตัวเองให้เข้ากับการออกแบบสไตล์ Fluent Design
นักพัฒนาท่านใดสนใจสามารถเข้าไปดาวน์โหลดแอพ XAML Controls Gallery ได้ที่ Microsoft Store และเข้าไปรับซอร์สโค้ดของแอพได้ที่ GitHub ครับ
ที่มา - Channel 9 , MSPoweruser
ภาพตัวอย่างแอพ XAML Controls Gallery จาก Microsoft Store
Comments
Dev เหนื่อยทีเดียว Blend ยังไม่รองรับการสร้าง Animation ต้อง ดาวน์เกรดเพื่อทำอะนิเมชั่นก่อน =_=
ยังไม่ว่างเข้าไปดู programming guide ว่า ถ้าจะ implement ตามไกด์ไลน์แล้วจะเหนื่อยขนาดไหน
แอพผมมีทำใส ๆ วิ้ง ๆ เก็บไว้บ้างเหมือนกัน แต่ยังไม่ได้ปล่อย ... จำได้ว่าการเขียนพื้นหลังให้มันเบลอได้นี่เรู้สึกเปลืองพลังงานพอสมควร ตรงนี้หวังว่าน่าจะแก้แล้วนะ
เห็นตัวอย่างการทำ acrylic brush ของ Fluent Design นี่ใช้โค้ด XAML แค่บรรทัดเดียวเองครับ
Achievement Unlocked: Being a Blognone's Writer
ก่อนตัวนี้ออก กว่าผมจะทำไอนี่ได้นั่งอ่าน Doc ไมโครซอฟท์แทบสลบ...
กว่าจะทำได้ระดับนี้ผมเปิด HERE MAP อยู่หลายรอบเลยครับ :-/
credit: ภาพวาดโดยคุณ famepeera ครับ
เก็บมาจากไหนครับนี่ เหมือนจะชัดเกินกว่าจะมาจากเฟซ
หลงทางซินะครับ แนะนำให้เปิด Google Maps แทนน่าจะพาไปถูกทางกว่า
#เดี๋ยวๆๆๆ
Achievement Unlocked: Being a Blognone's Writer
พวกผมพยายามทำ Acrylic บน WPF โดยใช้การ API Blur หน้าต่างที่มีมาตอน Windows Vista มันก็พอได้ครับ แต่มันก็ยังไม่เบลอขนาดที่ควบคุมได้แบบที่ออกมาใน UWP นี้
อันนี้เป็นภาพโปรแกรมครับ
ถ้าอนาคตเพิ่ม Acrylic นี่ลง WPF กับ Xamarin จะสุดยอดมากไมโครซอฟท์
+1 ผมกำลังอยากได้ตัว Acrylic ใน Xamarin มาก ๆ
Coder | Designer | Thinker | Blogger