เรียนรู้การใช้ คลาส 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

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

มาสเตอร์ อึ่ง

จงอย่าคิดที่จะเดิน จงเดินเลย

)

มาสเตอร์ อึ่ง

Written by

จงอย่าคิดจะเดิน จงเดินเลย สโลแกน เตือนใจ ของ มาสเตอร์ อึ่ง เสมอมามาสเตอร์ เขียนแอนดรอยด์ และ iOS มาแยะ เลยอยากแชร์ อะไร ? ที่ง่ายๆ สำหรับผู้เริ่มต้น ครับ

มาสเตอร์ อึ่ง

จงอย่าคิดที่จะเดิน จงเดินเลย

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade