การใช้ Expression Blend ทำ Silverlight ตอนที่ 3

เราจะมาดูว่า ตอนแรกที่เราเริ่มสร้าง Project เราจะได้ โครงสร้าง xaml ที่เป็นกริด(ตาราง) ชื่อว่า LayoutRoot ให้เราคลิกที่ด้านข้างของกริด จะเป็นการสร้างขีดแถว(RowDefinition) ดังนี้



การคลิกที่หัวมุมด้านซ้ายบนของ Layout จะเป็นการสลับไปมา ระหว่าง Grid กับ Canvas


โปรดสังเกตุด้านข้างของกริด จะเห็นเป็นรูปกุญแจ

• รูปกุญแจปิด หมายถึง เรากำหนดขนาดตายตัว ให้กับแถวนั้น
• รูปกุญแจเปิด หมายถึง เราให้ขนาดของแถวนั้น สัมพันธ์เป็นสัดส่วนกับ แำถวอื่น ๆ ที่กุญแจเปิด เหมือนกัน (หากผู้ใช้ขยายขนาดกริด แถวเิิปิดจะขนาดออกตามขนาดกริด หากผู้ใช้หดขนาดกริด แถวเปิดจะหกลงตามขนาดกริด)

เมื่อคลิกที่รูปกุญแจ จะเป็นการสลับไป-มา ระหว่าง เปิด-ปิด

ตัวอย่างเช่น เราให้แถวบน กับ แถวล่างมีขนาดคงที่ แต่แถวกลางขยายขนาดได้ ตามขนาดกริด



และเราจะให้ คอลัมภ์แรกเปิด และคอลัมภ์ที่สองขนาดคงที่


เมื่อเราทำเสร็จ พอเราไปดูโค้ด xaml จะเห็นโค้ด ดังนี้