Print
Details: Category: บทความ Flutter | Published: 10 February 2020 | Hits: 5671

โจทย์เป็นอย่างนี้นะครับ

มาสเตอร์ เคยเขียน บทความที่เกี่ยวกับ การกำหนด Thema Data บน Flutter ไว้ที่นี่ครับ

https://medium.com/มาสเตอร์-อึ่ง/theme-data-บน-flutter-b2c690ce1d95

 Screen Shot 2563 02 08 at 042400

มาสเตอต์ กำหนด ThemeData เป็นสีฟ้า ง่ายๆ แบบนี้

Screen Shot 2563 02 08 at 042404

ดูที่ AppBar และ Activce ButtonNavigatinBar ครับ จะเป็นสีฟ้า

 Screen Shot 2563 02 08 at 042422

ที่นี่ลองใหม่ มาสเตอร์ ลองเปลี่ยน Theme ไปเป็นสีม่วง บ้าง

Screen Shot 2563 02 08 at 042425

เย้ ไม่ยากนะครับ 

Screen Shot 2563 02 08 at 042442

แล้วถ้ามาสเตอร์ อยาก จะเปลี่ยนสี Theme ไปเป็นสีแบบมี  Shade หรือ สีแบบ กำหนด RGB ได้ แบบนี่ละ

Screen Shot 2563 02 08 at 042505

กำหนด Shade 900 สำหรับ สีม่วง ของมาสเตอร์ ไปที่ ThemeData

Screen Shot 2563 02 08 at 042507

Error สิครับ แล้วเราจะแก้ไขปัญหา การกำหนด สี ที่ ThemeData ที่สีไม่ใช้ Material Color อย่างไร ?

Screen Shot 2563 02 08 at 042641

สิ่งแรก มาสเตอร์ ไปหาสี RGB มาก่อน ได้ค่าสีแบบเลขฐาน 16 และ ไปแปลงเป็น ฐาน 10 ที่นี่ได้ครับ https://www.rgbtohex.net/hextorgb/

Screen Shot 2563 02 08 at 042739

เอาค่าที่ได้ ไปกำหนด MaterialColor แบบนี่ครับ

Screen Shot 2563 02 08 at 042748

ลองทดสอบ จะได้ละ ที่นี่เราอยากได้สีไหน ? เราสามารถ Custom MaterialColor เองได้ละครับ ไม่ยาก