Display todo list

สร้างหน้าจอแสดงรายการกัน

เราจะใช้ TableView ในการแสดงรายการ Todo item ของเรา เริ่มที่เลือก Table View ใน Object Library

เลือก Table View

จากนั้นให้เราลากลงมาใส่ใน View หลักของเราเลยดังรูป แบบนี้

ลาก TableView จาก Object Library มาใส่ลงใน View หลัก

จากนั้นเราสามารถลากเพื่อปรับขนาดของ TableView ที่เราใส่ลงไปได้

แต่จะพบว่าเมื่อเราเปลี่ยนรุ่น device เป็น iPhone อื่น เช่น iPhone 11 ที่หน้าจอมีขนาดใหญ่กว่า ตัว TableView เราจะไม่พอดี หรือว่าเราเปลี่ยนไปใช้ iPhone 13 mini ที่มีขนาดหน้าจอเล็กกว่าจะพบว่า TableView ของเราจะล้นหน้าจอ เพื่อแก้ปัญหานี้เราจะใช้การจัด Auto Layout ในการ Adapt view ของเราให้เข้ากับหน้าจอ

ขนาดของตารางที่เล็กกว่า หรือใหญ่กว่า เมื่อเปลี่ยนชนิดอุปกรณ์ที่มีขนาดหน้าจอไม่เท่ากัน

โดยปกติ Storyboard จะไม่แสดงเส้นขอบเขตของ View แต่ละอันบางครั้งทำให้เราเห็นไม่ชัด เราสามารถเปิดให้เห็นได้ง่ายขึ้นที่ Editor -> Canvas -> Show Bounds Rectangles

Show Bounds Rectangles