Silverlight 4 Theming


การกำหนด Theme บน Silcerlight ทำได้ง่ายมาก เพียงทำการดาวน์โหลดชุด Microsoft Silverlight 4 Toolkit November 2009 มาทำการ ติดตั้งให้เรียบร้อย ก็ทำการอ้างอิงไลบารีไปใช้ได้เลย

1.เมื่อติดตั้ง Silverlight 4 Toolkit เรียบร้อยให้ทำการเพิ่มไอเท็มเข้า ToolBox

1 

2. ตัวอย่าง Theme Component

2

3. กำหนด Theme ให้เพจ Silverlight ให้เราใส่ Theme ที่ MainPage.xaml เพื่อให้ใช้งานได้ทุกเพจ คล้ายๆ MasterPage บน ASP.NET โดยมีข้อแม้ เราต้องคอมเมนท์ Style เดิมออกก่อนด้วย

3

4. จากนั้นลาก Component Theme มาใส่ค่อมGrid Layout

4

5. เมื่อรันดูเราจะได้ Theme ใหม่ตามที่กำหนด

5

6. ตัวอบ่าง Theme ที่มาพร้อมในชุด Silverlight 4 Toolkit เมื่อติดตั้งเราจะเห็นเมนูเข้าจาก:  StartMenu=>All Programs=>Microsoft Silverlight 4 Toolkit November 2009=>Toolkit Samples หรือ
เปิดจาก "D:Program FilesMicrosoft SDKsSilverlightv4.0ToolkitNov09Samplesdefault.htm" (เครื่องผมติดตั้งที่ Drive D:)

6

 

แหล่งดาวน์โหลดข้อมูล
http://cid-7d608959d854cb28.skydrive.live.com/embedicon.aspx/SourcesCode/01-26-2009_Drag-DropDataBindingToSilverlight4_Theming.zip

ผู้เขียน:
nano_mvp_2009_1

เกี่ยวกับ

Nuchit Atjanawat is a Microsoft MVP, GreatFriends Community Leader, WindowsITPro Columnist(Mr.Nano), Silverlight Business Application Instructor, Speaker in various Microsoft events, Author, passionate Blogger and a Software Engineer by profession. He has a very good skill over Silverlight, LightSwitch, C#, XAML & Blend. He shares his technical findings, tutorials in his technical blog. Follow his Blog and Facebook page to be updated on latest articles. - Technical Blog: https://janawat.wordpress.com - WindowsITPro Columnist(Mr.Nano): http://windowsitpro.net - The GreatFriends.Biz Community Discussion Board (nano): http://greatfriends.biz - witter: https://twitter.com/janawat - Facebook Page: https://www.facebook.com/nuchit - Instructor: http://bit.ly/GF250-01, http://bit.ly/GF150-02

เขียนใน Silverlight

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

In Archive
%d bloggers like this: