iOS Development Swift 2 - แอปพลิเคชันแรก

ในบทช่วยสอนนี้เราจะเรียนรู้แนวคิดพื้นฐานบางประการของการพัฒนา iOS ของเราซึ่งรวมถึง -

  • การสร้างโครงการใหม่
  • คุณสมบัติของ IDE ของเรา
  • การนำทางผ่าน IDE
  • การเพิ่มป้ายกำกับในมุมมองของคุณ
  • เรียกใช้แอปพลิเคชัน
  • การปรับตัวจำลองตามความสะดวกของคุณ

หากคุณเป็นมือใหม่บทช่วยสอนนี้จะช่วยได้มาก

การสร้างโครงการ Xcode ใหม่

ในการสร้างโครงการ Xcode ใหม่เราควรทำตามขั้นตอนด้านล่าง

Step 1 - คลิกที่ไอคอน Xcode ใน Launchpad ของคุณจากนั้นเลือก Create a new Xcode project.

Step 2 - เลือก iOS จากนั้นเลือก Single View Application คลิกที่ Next

Step 3- หน้าจอต่อมาที่ปรากฏขึ้นจะมีช่องให้กรอกข้อมูลเล็กน้อย ประเด็นต่อไปนี้จะอธิบายวิธีการกรอกแต่ละฟิลด์เหล่านี้

  • ป้อนชื่อโครงการ - อาจเป็นชื่อที่คล้ายกับโครงการของคุณ

  • ช่องทีมสามารถปล่อยว่างไว้ได้ในตอนนี้ ใช้เมื่อเราทำแอปพลิเคชันในทีม

  • ชื่อองค์กรคือชื่อขององค์กรของคุณหรือถ้าเป็นโครงการส่วนตัวของคุณคุณจะตั้งชื่ออะไรก็ได้ ไม่สำคัญจนกว่าคุณจะต้องการเผยแพร่แอปของคุณบนแอพสโตร์

  • โดยทั่วไปตัวระบุเป็นตัวระบุที่ไม่ซ้ำกันสำหรับแอปพลิเคชันของคุณซึ่งจะต้องไม่ตรงกับแอปอื่น ๆ ในแอปสโตร์ (เฉพาะเมื่อคุณเลือกอัปโหลดแอปของคุณบนแอปสโตร์)

  • ภาษาจะเป็น Swift อุปกรณ์จะเป็นสากลและตัวเลือกอื่น ๆ ทั้งหมดจะไม่ถูกเลือกในตอนนี้

เมื่อกรอกรายละเอียดทั้งหมดแล้วให้คลิกปุ่มถัดไป

Step 4- เลือกตำแหน่งที่คุณต้องการจัดเก็บโครงการ ให้ยกเลิกการเลือกช่องทำเครื่องหมาย "สร้างที่เก็บ Git" ในตอนนี้เนื่องจากเราไม่จำเป็นต้องใช้ในตอนนี้ คลิกที่สร้าง

ยินดีด้วย! สร้างโครงการของคุณแล้ว

การนำทางผ่าน Xcode Environment

คลิกที่ Main.storyboardตัวเลือกภายในแผงนำทางของคุณ สิ่งนี้จะแสดงมุมมองหลักซึ่งจะปรากฏขึ้นเมื่อแอปพลิเคชันทำงาน

การเพิ่มป้ายกำกับ

ที่มุมล่างขวาของหน้าจอจะมีแถบค้นหา พิมพ์ label ในแถบค้นหานั้นแล้วกด return

  • หลังจากค้นหาป้ายกำกับแล้วให้ลากป้ายกำกับไปที่มุมมองหลักของคุณ ดับเบิลคลิกที่ข้อความป้ายกำกับแล้วพิมพ์“ Hello World”

  • ลากป้ายไปที่กึ่งกลางของมุมมองเมื่อป้ายกำกับอยู่ตรงกลางจะปรากฏเส้นสองเส้นที่ตัดกันตรงกลาง

ตอนนี้มุมมองของคุณควรมีลักษณะเหมือนภาพหน้าจอต่อไปนี้

เรียกใช้แอปพลิเคชัน

เลือกอุปกรณ์ของคุณคลิกที่ปุ่มเล่นที่มุมขวาบน

นี่คือแอปพลิเคชันสุดท้ายของเราซึ่งทำงานบนเครื่องจำลอง iPhone 7

การปรับคุณสมบัติ Simulator

เมื่อเราเรียกใช้แอปพลิเคชันของเราเป็นครั้งแรกหน้าจอของโปรแกรมจำลองของคุณอาจไม่พอดีกับหน้าจอเดสก์ท็อปหรือแล็ปท็อปของคุณ ดังนั้นในขณะที่เครื่องจำลองของคุณทำงานอยู่เบื้องหน้าให้คลิกที่ Window → Scale และเลือกเปอร์เซ็นต์ขนาดหน้าจอ Simulator ที่เหมาะกับการแสดงผลของคุณ

เราจะพูดคุยเกี่ยวกับคุณสมบัติของตัวจำลองต่อไปเช่นและเวลาที่เราใช้ในบทช่วยสอนนี้

ทำได้ดีนี่เป็นแอปพลิเคชันแรกที่คุณทำสำเร็จ ไชโย!