Tags:
Node Thumbnail

ไมโครซอฟท์ยังคงทยอยปรับปรุงเครื่องมือและเอกสารต่างๆ เพื่อสนับสนุนและผลักดันการใช้ 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
No Description

Get latest news from Blognone

Comments

By: Hadakung
iPhoneWindows PhoneAndroidWindows
on 30 October 2017 - 20:20 #1015958

Dev เหนื่อยทีเดียว Blend ยังไม่รองรับการสร้าง Animation ต้อง ดาวน์เกรดเพื่อทำอะนิเมชั่นก่อน =_=

By: mr_tawan
ContributoriPhoneAndroidWindows
on 30 October 2017 - 20:45 #1015966
mr_tawan's picture

ยังไม่ว่างเข้าไปดู programming guide ว่า ถ้าจะ implement ตามไกด์ไลน์แล้วจะเหนื่อยขนาดไหน

แอพผมมีทำใส ๆ วิ้ง ๆ เก็บไว้บ้างเหมือนกัน แต่ยังไม่ได้ปล่อย ... จำได้ว่าการเขียนพื้นหลังให้มันเบลอได้นี่เรู้สึกเปลืองพลังงานพอสมควร ตรงนี้หวังว่าน่าจะแก้แล้วนะ


  • 9tawan.net บล็อกส่วนตัวฮับ
By: Job_The_Gamer
WriterWindows PhoneAndroidWindows
on 30 October 2017 - 21:07 #1015972 Reply to:1015966
Job_The_Gamer's picture

เห็นตัวอย่างการทำ acrylic brush ของ Fluent Design นี่ใช้โค้ด XAML แค่บรรทัดเดียวเองครับ

No Description


Achievement Unlocked: Being a Blognone's Writer

By: Hadakung
iPhoneWindows PhoneAndroidWindows
on 30 October 2017 - 22:30 #1015987 Reply to:1015972

ก่อนตัวนี้ออก กว่าผมจะทำไอนี่ได้นั่งอ่าน Doc ไมโครซอฟท์แทบสลบ...

By: mr_tawan
ContributoriPhoneAndroidWindows
on 31 October 2017 - 01:01 #1016000 Reply to:1015987
mr_tawan's picture

กว่าจะทำได้ระดับนี้ผมเปิด HERE MAP อยู่หลายรอบเลยครับ :-/

No Description
No Description

credit: ภาพวาดโดยคุณ famepeera ครับ


  • 9tawan.net บล็อกส่วนตัวฮับ
By: hisoft
ContributorWindows PhoneWindows
on 31 October 2017 - 10:24 #1016061 Reply to:1016000
hisoft's picture

เก็บมาจากไหนครับนี่ เหมือนจะชัดเกินกว่าจะมาจากเฟซ

By: Job_The_Gamer
WriterWindows PhoneAndroidWindows
on 31 October 2017 - 19:25 #1016238 Reply to:1016000
Job_The_Gamer's picture

หลงทางซินะครับ แนะนำให้เปิด Google Maps แทนน่าจะพาไปถูกทางกว่า

#เดี๋ยวๆๆๆ


Achievement Unlocked: Being a Blognone's Writer

By: fantast
Windows Phone
on 30 October 2017 - 23:22 #1015989
fantast's picture

พวกผมพยายามทำ Acrylic บน WPF โดยใช้การ API Blur หน้าต่างที่มีมาตอน Windows Vista มันก็พอได้ครับ แต่มันก็ยังไม่เบลอขนาดที่ควบคุมได้แบบที่ออกมาใน UWP นี้

อันนี้เป็นภาพโปรแกรมครับ

alt="Round Platform - Fluent Design"

ถ้าอนาคตเพิ่ม Acrylic นี่ลง WPF กับ Xamarin จะสุดยอดมากไมโครซอฟท์

By: Be1con
ContributorWindows PhoneWindowsIn Love
on 31 October 2017 - 00:21 #1015997 Reply to:1015989
Be1con's picture

+1 ผมกำลังอยากได้ตัว Acrylic ใน Xamarin มาก ๆ


Coder | Designer | Thinker | Blogger