เรียนรู้การใช้ คลาส Timer() จาก Workshop Count Time (ตอนแรก เร่ิมจากศูนย์ ไป ออกแบบ UI)

เดี๋ยวเรามาทำ Workshop ยาวๆกันดีกว่า เพื่อเรียนรู้ การใช้ คลาส Timer() ถ้า มาสเตอร์ คลิก Play ให้ จำนวนนับไปเรื่อยๆ ทุก 1 วินาที แต่ถ้า คลิก Pause ให้ หยุด และ ถ้า คลิก Play ให้ นับต่อจากตำแหน่ง ล่าสุด เอาง่ายๆ แบบนี่ นะครับ ไปเรามาเริ่มจาก ศูนย์ กัน

เปิด Xcode ขั้นมาก่อน ไปที่ Create a new Xcode Project

เลือก Single View Application

ตั้งชื่อ กำหนด Package ซะ อ้อ สำคัญ เลือก ภาษา ที่จะใช้เขียน เอา Swift นะครับ

เก็บไว้ไหน ? ตามใจ ยู เลยครับ

ได้มาละ โปรเจค Count Time ของเรา

ที่ Navegator มองหา Main.storyboard คลิกเลย

เรามาออกแบบ UI กันก่อน

สร้าง Navigation Bar ก่อน

ลาก Navigation Bar ไปไว้ต้านบน แบบนี้

กำหนด Constraints ให้ ห่างต้านบน 8 ซ้ายและขวา 0 และ Add 3 Constraints

ลองดูบน จอต่างๆ ว่า แอพ iOS เราเพียนไหม ?

อันนี่ iPhone 4s

iPad Pro 9.7

ถ้าทุกอย่างโอ กลับมา iPhone 7plus เหมือนเดิม มาเพิ่ม Bar Button Item ที่ ด้านซ้าย และ ขวา ของ Navigation Bar แบบนี้


ไปทำหนด ให้แสดง Icon Play ที่ Button item ด้านขวา


และ Pause ที่ ไอคอน ด้านซ้าย



เปลี่ยน Title ตามใจฉัน

ต่อไป เพิ่ม Label ไว้ที่ กลางจอเลยนะ


กำหนด Alignment Constraints เป็น Horizotally, Vertically in Container แบบนี้


เปลี่ยน Label เป็น เลข 0


กำหนดขนาดตัวอักษา 200 ให้แสดงผล ตรงกลางเสมอ ลองทดสอบโค้ดบน Simulator


เย้ๆๆๆ ได้มาละ วันนี่แค่นี่ก่อนนะครับ พรุ่งนี่เรามา โค้ดกันต่อ

