Visual Studio LightSwitch DataGrid Change Font Style


IDE ของโปรแกรม LightSwitch(LS) ยังไม่สนับสนุนการเปลี่ยนฟอนต์…
ถ้าคุณผู้อ่านต้องการเปลี่ยนฟอนต์…ทั้งแอปฯ…
ต้องสร้าง Theme และกำหนดฟอนต์ที่ต้องการลงไป…
ซึ่งมันเป็นงานที่หนักเปลื้องพลังงานมากเกินไป…
ในที่นี้เราจึงใช้ฟอนต์ตามดีฟอลต์ไปก่อน …
และสำหรับภาษาไทยแล้ว เมื่อแสดงผ่านหน้าจอ…
ตัวอักษรเล็กมาก เวลาอ่านต้องใช้แว่นขยายช่วย…

แต่ตัวเครื่องมือ LS ก็ยังเปิดโอกาศให้ปรับเปลี่ยน Font Style ได้บ้าง…มีสองวิธีคือ

  1. การปรับ Font Style (ใช้ได้เฉพาะคอนโทลที่สามารถอ่านอย่างเดียว เช่น TextBlock)
  2. เขียนโค้ดเปลี่ยนฟอนต์ของคอนโทรล (จะนำเสนอในโอกาศต่อไป)

ไปดูตัวอย่างการปรับ Font Style บน DataGride กันครับ

 

1. สร้างโปรเจ็กต์ด้วย LightSwitch

2. กำหนดแหล่งข้อมูลที่มีอยู่แล้ว (Attach to external Data Source)
image

3. ติดต่อฐานข้อมูล…
image

4. เลือกตาราง Customers
image

5.คุณผู้อ่านจะเข้าสู่หน้าต่าง Customer Entity designer
image

6.สร้างหน้าจอ
image

7.เลือกแบบหน้าจอเป็น DataGrid
image

8.เข้าสู่หน้าต่าง Screen Designer…
image

9.รันโปรแกรม…ทดสอบป้อนข้อมูลภาษาไทยลงไป…
ตัวเล็กมาก…จนต้องใช้แว่นขยายช่วย
image

10.เข้าไปปรับเปลี่ยน ฟอนต์ในขณะรันโปรแกรมโดยคลิกบนเมนู Design Screen…
image

11.โดยดีฟอลต์ Data grid row จะเป็นคอนโทรล TextBox…
นั่นคือเราสามารถป้อนข้อมูล…แก้ไขข้อมูลลงบน DataGrid ได้เลย…
ดูที่หน้าต่าง Properties จะเห็นว่าพรอเพอร์ตี้ Use Read-only control ยกเลิกอยู่…
image

12.ให้เลือกพรอเพอร์ตี้ Use Read-only control …
สังเกตุคอนโทรลของ Data Grid Row จะกลายเป็น TextBlock (หรือ Label)…
ที่ไม่สามารถป้อนข้อมูลได้นั่นเอง…
image

13.เมื่อเราปรับคอนโทรลเป็น TextBlock แล้ว…
จึงสามารถเปลี่ยน Font Style ได้
image

14. เปลี่ยน Font Style เป็น Heading1
image

15.ไล่เปลี่ยนทุกฟิลด์…
image

16.บันทึกการปรับแต่งหน้าจอ…
image

17.มันจะกลับมาในหน้าจอโปรแกรมปกติ…
จะเห็นว่าข้อความที่เป็นภาาาไทยใหญ่ขึ้น…
สามารถอ่านออก โดยไม่ต้องอาศัยแว่นขยายแล้ว
image

 

18.และทุกอย่างที่เราปรับแต่งในโหมดรันไทม์…
จะถูกบันทึกกลีบมาที่ VS2010 ด้วย…
image

 

–:จบบริบูรณ์:–


ผู้เขียน

clip_image019

** รู้จักกับผู้สอน อ.นุชิต **
JANAWAT Blog: https://janawat.wordpress.com
Nuchit’s Profile @microsoft
https://mvp.support.microsoft.com/profile/nuchit
Facebook:
https://www.facebook.com/nuchit
Twitter:
http://twitter.com/janawat

เกี่ยวกับ

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

Tagged with:
เขียนใน LightSwitch

ใส่ความเห็น

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: