🖥️
iOS App with Pop
Swift 4
Swift 4
  • iOS App development
  • Create New Project
  • Introduction to Xcode
  • App's life cycle
  • UIViewController
  • Storyboard
  • First Run
  • Display todo list
  • Basic Auto Layout
  • MVC
  • Model
  • Binding TableView
  • Binding TableViewCell
  • TableViewDelegate
  • Add navigationBar with + button
  • Add new item page
  • TextField and Switch
  • Binding action
  • Add mock item to todo list
  • Finish add item
  • Delete todo item
  • Edit todo item
  • Custom new layout
  • Adding new delegate
  • Refactor
  • Save data
  • Pushing edit view
  • Large navigation
  • Drag item
  • Drop item (in app)
  • Where to go from here?
Powered by GitBook
On this page
  • โปรเจคของเรา
  • Navigator

Introduction to Xcode

PreviousCreate New ProjectNextApp's life cycle

Last updated 6 years ago

โปรเจคของเรา

หลังจากที่เราสร้างโปรเจคเสร็จ สิ่งแรกที่เราจะเห็นคือ หน้า Setting ค่าต่าง ๆ ในโปรเจคของเรา โดยในส่วนแรกตรงกลางจอ (identity กับ Signing) คือค่าต่าง ๆ ที่เราใส่ตอนสร้างโปรเจคในบทก่อนหน้า

organization name เราสามารถเปลี่ยนได้จากส่วนของ Project document ในด้านขวามือ

ในส่วนของ Deployment Info จะเป็นส่วนที่กำหนดเพิ่มเติม โดยทั่วไปเราจะดูส่วน

Deployment Target ระบุว่า iOS version ขั้นต่ำที่เราจะรองรับ Devices เป็น iPhone หรือ iPad หรือว่าทั้งคู่ (Universal) Main Interface ระบุว่า Storyboard แรกที่จะใช้งานคืออันไหน กรณีนี้คือ Main.storyboard Device Orientation ระบุว่าเรารองรับหน้าจอแนวไหน แนวตั้งหรือแนวนอน

Navigator

ด้านซ้ายมือจะเป็น Navigator ไปยังส่วนต่าง ๆ ที่เรามักจะใช้บ่อยคือ

Project Navigator ใช้ในการดูและเข้าถึงไฟล์ต่าง ๆ ในโปรเจคของเรา Search ใช้ในการค้นหา Issue ใช้แสดง warning และ error ต่าง ๆ ที่เกิดขึ้นในแอพของเรา Test ส่วนที่แสดงรายการเทสเคส และผลลัพธ์ทั้งหมดของโปรเจคเรา Log ส่วนที่แสดง log การทำงานต่าง ๆ เช่น Build log, Test log

เมื่อเราสร้างเป็น Single Page App เสร็จแล้ว Xcode จะสร้างไฟล์ต่าง ๆ ให้ดังนี้

  2. ViewController.swift เป็น controller แรกที่ Xcode สร้างมาให้ผูกกับหน้าจอแรกใน storyboard

  3. Main.storyboard ใช้ในการสร้างหน้าจอและจัดการการเชื่อมโยงหน้าจอต่าง ๆ แบบแผนภาพ

  4. Assets.xcassets ใช้ในการเก็บรูปต่าง ๆ เช่น รูป icon ของ แอพ

  5. LaunchScreen.storyboard ใช้ออกแบบหน้าจอในขณะที่โหลดเปิดแอพ

  6. Info.plist ใช้ในการคอนฟิกค่าต่าง ๆ ของแอพ

เราสามารถกด cmd + 1, cmd + 2, +3, +4, ... ในการสลับ navigator ต่าง ๆ ได้

AppDelegate.swift จะเป็นไฟล์ที่ทำให้เราเข้าถึง event สถานะต่าง ๆ ของแอพ จะกล่าวถึงอีกทีใน

App's life cycle
Xcode หลังจาก create project
Deployment Info
ตัวอย่าง Project Navigator