Wednesday, February 29, 2012
LightSwitch ปรับเปลี่ยน Font ภาษาไทยผ่านทาง Design Screen
จากบทความ
Visual Studio LightSwitch DataGrid Change Font Style
คุณผู้อ่านได้ทราบแล้วว่า
LightSwitch(LS) เวอร์ชั่น 1 (Visual Studio LightSwitch 2011)
ยังไม่รองรับการเปลี่ยนฟอนต์ ผ่านหน้าจอออกแบบ
แต่ก็พอจะมีวิธีการเปลี่ยนมันบ้างพอสมควร
เพียงว่าต้องลงแรงสักเล็กน้อยเท่านั้น
เช่น
- การปรับ Font Style เป็น Heading1:
https://janawat.wordpress.com/2011/12/25/visual-studio-lightswitch-datagrid-change-font-style/ - การปรับ Font โดยการเขียนโค้ด:
https://janawat.wordpress.com/2011/12/27/visual-studio-lightswitch-change-font/ - การปรับเปลี่ยนฟอนต์โดยการสร้างธีมใหม่ ซึ่งเป็นเนื้อหาที่กำลังจะกล่าวในบทความต่อไปนี้
ซึ่งในสองวิธีแรกการเปลี่ยนฟอนต์ดังกล่าว
ก็พอจะทำให้คุณผู้อ่านสามารถใช้ LS
สร้างโปรแกรมที่สนับสนุนภาษาไทย
แต่มีข้อเสียคือ คุณผู้อ่านต้องทำทีละหน้าจอ(Screen)
เป็นการเปลืองพลังงานพอสมควร
สิ่งที่จำเป็น
- Visual Studio Professional 2010 (or higher) with SP1
- Visual Studio LightSwitch 2011
- Visual Studio 2010 SP1 SDK
- LightSwitch Extensibility Toolkit
เราไปดูการเปลี่ยนฟอนต์โดยการ สร้างธีมกันบ้าง
ดังนี้:
สร้างโปรเจ็กต์
1. สร้างโปรเจ็กต์ LS ด้วย Extensibility แล้วเลือกภาษาที่ถนัด
ตั้งชื่อโปรเจ็กต์ตามต้องการ ในที่นี้ใช้ชื่อ JanawatTheme
2.เมื่อกด OK คุณผู้อ่านจะได้โครงสร้างโปรเจ็กต์ดังรูป
3.จากนั้นคลิกขวาบนโปรเจ็กต์
JanawatTheme.Lspkg => เลือก Add => เลือก New Item…
4. เลือกไอเทม Theme=> ตั้งชื่อธีมตามต้องการ
ในที่นี้ใช้ JanawatTheme (ชื่อเดียวกับโปรเจ็กต์)
5.VSLS จะพาคุณผู้อ่านเข้าไปที่โปรเจ็กต์ JanawatTheme.Client
โฟลเดอร์ Presentation => Themes
คุณผู้อ่านจะเห็นธีม JanawatTheme.xaml
ซึ่งเป็นไฟล์ XAML กำหนดสไตล์ของคอนโทรลนั่นเอง
6.เมื่อคุณผู้อ่านเปิดดูไฟล์ JanawatTheme.xaml จะเห็นว่า
ฟอนต์ค่าเริ่มต้น(Default) คือ Segoe UI, Arial
ขนาดฟอนต์เริ่มต้น 11
เปลี่ยนฟอนต์ใหม่
7.เปลี่ยนฟอนต์ใหม่ตามที่ต้องการ
โดยการเปลี่ยนชื่อฟอนต์ ???FontFamily และ
ถ้าต้องการเปลี่ยนขนาด
สามารถใส่ตัวเลขที่ต้องการลงไปใน ???FontSize
ปล. ??? เป็นชื่อของสไตล์ เช่น
NormalFontFamily, Heading1FontFamily เป็นต้น
การเปลี่ยนฟอนต์ โดยการแทนที่(Replace)
- โดยการ Copy Segoe UI, Arial
- แล้วกดปุ่ม Ctrl+H บนคีย์บอร์ด
- ว่าง Segoe UI, Arial ในช่อง Find what:
- พิมพ์ Tahoma ในช่อง Replace with
- เราจะกระทำเฉพาะในไฟล์ (JanawatTheme.xaml) นี้เท่านั้น
- หลังจากนั้นแทนทีทั้งหมดในไฟล์นี้โดย
การกดปุ่ม Replace All
การติดตั้ง Extensions
9. หลังจากนั้น Build Solution 1 ครั้ง
ให้เปิดไปที่โฟลเดอร์ของโปรเจ็กต์ JanawatTheme.Vsix
เพื่อติดตั้ง Extensions ธีมของเราเข้าไปบน VSLS
10. เข้าไปที่โฟลเดอร์ JanawatTheme.Vsix\bin\Debug
แล้วเปิดไฟล์ JanawatTheme.vsix เพื่อติดตั้ง
11. หน้าต่าง Visual Studio Extension Install คลิก Install
13.จากนั้นเปิดโปรเจ็กต์เก่าที่เคยสร้างไว้ หรือ
สร้างโปรเจ็กต์ใหม่ ในที่นี้เป็นการเปิดโปรเจ็กต์เก่า
ที่เคยสร้างไว้แล้ว
เปิดใช้งานธีม
14.คลิกขวาบนโปรเจ็กต์ => properties
บนหน้าจอการออกแบบ=>คลิกแทบ Extensions
ติ๊กเลือก JanawatTheme
15. คลิกแทบ General Properties
คลิกดรอปดาวน์ Theme เลือกธีม JanawatTheme
16. รันโปรแกรม ทดสอบภาษาไทย
จะเห็นว่าภาษาไทยตัวอักษรใหญ่ขึ้น
17.ลองปรับเปลี่ยน Label
แสดงเป็นภาษาไทย
18. จะเห็นว่าทั้งหน้าจอ
แสดงผลภาษาไทยได้ดียิ่งขึ้น
ทั้งคอนโทรลบน DataGrid, Label หรือ TextBox
โดยที่เราไมาต้องเขียนโค้ด
จะเห็นว่าในวิธีที่สาม การสร้างธีม
เราสามารถเปลี่ยนฟอนต์ ได้ทั้งโปรแกรม
เพียงแค่กำหนดเปิดใช้ธีม
ที่เราทำการปรับฟอนต์เรียบร้อยแล้วเท่านั้น
คุณผู้อ่านก็จะมีความสุขมากขึ้นในการสร้างโปรแกรมด้วย LS
แหล่งข้อมูลดาวน์โหลด:
- JanawatTheme Theme – SkyDrive: http://bit.ly/wzlyfQ
แหล่งข้อมูลอ้างอิง:
- Walkthrough: Creating a Theme Extension:
http://msdn.microsoft.com/en-us/library/hh290139.aspx
ที่มาของบทความ
How to LightSwitch Videos training (VSLS)
This step-by-step video series is focused on teaching you how to build data-centric business applications using Visual Studio LightSwitch.
Tuesday, February 28, 2012
Saturday, February 25, 2012
Visual Studio 11 ตัวใหม่ BETA
Windows 8 Consumer Preview จะเปิดตัววันที่ 29 กุมภาพันธ์นี้ที่งาน MWC ซึ่งในโอกาสเดียวกัน ไมโครซอฟท์ก็ประกาศออก Visual Studio 11 และ .NET 4.5 รุ่นเบต้าในวันเดียวกันด้วย
Visual Studio 11 Beta
การเปลี่ยนแปลงที่สำคัญที่สุดของ Visual Studio 11 Beta คือเปลี่ยนหน้าตาใหม่หมด เลิกใช้ธีมเดิมของ Visual Studio 2010 และเปลี่ยนมาใช้ธีมแบบเรียบๆ ตัวใหม่แทน ลดจำนวนปุ่มบนทูลบาร์ลง ใช้ไอคอนสีเดียว ลดการใช้เส้นใน UI ลง ซึ่งไมโครซอฟท์ให้เหตุผลว่าต้องการให้หน้าตาเรียบง่าย และไม่แย่งความสนใจไปจากตัวเนื้อหาหลักของโปรแกรม
ภาพทั้งหมดดูได้จาก Microsoft Press และอ่านคำอธิบายของไมโครซอฟท์ว่าเลือกเปลี่ยนตรงไหนเพราะอะไร ได้จาก The Visual Studio Blog: Introducing the New Developer Experience
การเปลี่ยนแปลงในแง่ฟีเจอร์ยังจะปรับปรุงการค้นหา ปรับปรุง workflow hubs ให้เหลือหน้าต่างเดียว ส่วนในยุทธศาสตร์โดยรวมของ VS 11 ไมโครซอฟท์แบ่งออกเป็น 2 ส่วน
- เป็นศูนย์กลางการพัฒนาซอฟต์แวร์บนวินโดวส์ทุกชนิด ไม่ว่าจะเป็น Windows 8, Windows Phone, Windows Azure, Windows Server
- เชื่อมโยงการทำงานของนักพัฒนา (developer) กับผู้ดูแลระบบ (operator) ให้กลืนเป็นเนื้อเดียวกันมากขึ้น ตามแนวคิด DevOps ซึ่งเป็นแนวคิดที่ได้รับความนิยมในระยะหลังๆ
Visual Studio 11 จะมาพร้อมกับรุ่นย่อยอย่าง Visual Studio Express โดยแบ่งเป็นรุ่น for Windows 8 และ for Web แยกกัน
สุดท้ายคงเป็นโลโก้ใหม่ของ Visual Studio ที่ปรับให้ดูแตกต่างจากของเดิมอีกนิดหน่อย เปลี่ยนมาใช้สีเดียว/เฉดเดียวตามแบบ Windows 8
ที่มา
.NET Framework 4.5 Beta
ข้อมูลของ .NET 4.5 ยังมีไม่เยอะเท่าไรนัก ตอนนี้บอกเพียงแค่ว่า
- ปรับปรุงการทำงานร่วมกับภาษาต่างๆ ให้ดีขึ้น ได้แก่ C#, Visual Basic และ F#
- ปรับปรุง Common Language Runtime ให้ประสิทธิภาพดีกว่าเดิม
- ปรับปรุงการทำงานร่วมกับเครือข่ายให้ดีขึ้น เช่น รองรับฟีเจอร์ใหม่ๆ ของ HTTP และ WebSocket เพื่อเตรียมรับการทำงานบนกลุ่มเมฆ
- ปรับปรุง ASP.NET ให้ทำงานบนมือถือได้ดีขึ้น
- รองรับ HTML5 มากขึ้น
ที่มา - Microsoft Press
Team Foundation Service 11 Beta
สุดท้ายคือ Team Foundation Service (TFS) ที่จะปรับเป็นรุ่น 11 ตาม Visual Studio 11 จะออกรุ่น Beta ตามมาในอีกไม่นาน
ของใหม่ที่สำคัญคือ Team Foundation Service จะมีรุ่นแจกฟรี Express กับเขาด้วย โดยจะมีข้อจำกัดบางอย่าง เช่น
- จำกัดสมาชิกในทีมไม่เกิน 5 คน
- รองรับเฉพาะฐานข้อมูล SQL Server Express Edition
- ใช้งานได้บนเซิร์ฟเวอร์ตัวเดียว (ขยายไปลงเซิร์ฟเวอร์หลายตัวไม่ได้)
รายละเอียดอ่านได้จาก bharry's WebLog