Page 28 - Swift Languae programing

Swift programming language Page.26

ค าสั่งการจัดวาง Layout ด้วย VStack, HStack และ ZStack

การจัดการมุมมอง(Layout) เนื้อหาใน SwiftUI ได้แก่ค าสั่ง UIStackView ใน UIKit ที่ช่วยจัดการเรื่อง มุมมองจะมีด้วยกัน 3 ค าสั่ง คือ

1. Horizontal (HStack) แบบแนวนอน
2. vertical (VStack) แบบแนวตั้ง

3. Depth-based (ZStack) แบบอิงตามความลึก เพื่อให้ซ้อนกัน

(อ้างอิงจาก

1. https://www.hackingwithswift.com/quick-start/swiftui/how-to-create-stacks-using-vstack-and-hstack
2. https://www.simpleswiftguide.com/how-to-add-text-overlay-on-image-in-swiftui/
3. https://www.youtube.com/watch?v=uvD8DGURgQk

4. https://www.youtube.com/watch?v=3YLFrshXBxk

่
การก าหนด Text รวมกับค าสั่ง Layout HStack, VStack, ZStack

ิ
่
เพื่อให้เกดความเข้าใจชัดเจน ให้พิมพ์ค าสัง ดังนี้ แล้วดูผลการท างานของค าสั่งแต่ละชุด
่
1. พิมพ์ค าสังแสดงข้อความ 1 บรรทัด

2. ให้พิมพ์แบบที่ 1 แล้ว ดูผล จากนั้น ให้ปรับแก้ vertical stack เพิ่มลงไป ข้อความก็จะถูกวางไว้ที่กึ่งกลางของหน้าจอ