Xamarin ฮาเฮ #2: กำหนดสีพื้นหลัง และสีข้อความในส่วนหัวของ Page

หลายๆ คนน่าจะได้ใช้ NavigationPage  แสดงชื่อ Title  ของแต่ละเพจในแอพกันไปแล้ว แต่ถ้าเกิดเราไม่ชอบสีสันของส่วนหัว (Header) ใน Page เราจะเปลี่ยนสีมันยังไงดี?

วิธีกำหนดสีสันใน Header ของ Page

เราสามารถกำหนดสีให้ได้ง่ายๆ ผ่าน Property ชื่อ BarBackgroundColor  และ BarTextColor  ครับ

เช่นถ้าต้องการให้พื้นหลังของส่วนหัวเป็นสีน้ำเงิน และตัวหนังสือเป็นสีขาวก็สามารถใช้คลาสที่ชื่อ Color มากำหนดได้เช่นกัน

MainPage = new NavigationPage(new PokeMePage())
{
        BarBackgroundColor = Color.Blue,
	BarTextColor = Color.White            
};

ก็จะได้เป็นแบบนี้

ขอให้สนุกกับการเรียนรู้สร้างแอพด้วย Xamarin นะครับ 🙂