SwiftUI คือเฟรมเวิร์ก UI แบบ declarative ของ Apple: คุณอธิบายว่า UI ควรมีหน้าตาอย่างไร สำหรับ state ที่กำหนด แล้วเฟรมเวิร์กจะจัดการเองว่าจะ render และอัปเดต อย่างไร คุณไม่ต้องเปลี่ยนแปลง view ด้วยมือเหมือนใน UIKit อีกต่อไป — คุณเพียงเปลี่ยน state แล้ว UI จะ re-render โดยอัตโนมัติ
view จะ conform กับ protocol และคืนเนื้อหาของตัวเองจาก computed property ชื่อ โดย เป็นฟังก์ชันบริสุทธิ์ (pure function) ของ property ต่าง ๆ ของ view นั้น
Viewbodybodystruct Counter: View {
@State private var count = 0 // source of truth
var body: some View { // opaque return type
VStack(spacing: 12) {
Text("Count: \(count)") // re-reads count each render
Button("Increment") {
count += 1 // mutating state triggers re-render
}
}
}
}
some View คือ opaque return type: หมายความว่า "concrete View type บางชนิดที่เจาะจง ซึ่ง compiler เป็นผู้ตัดสิน" มันช่วยให้คุณคืน type ของ view ที่ซ้อนกันซับซ้อนได้โดยไม่ต้องระบุออกมาตรง ๆ ขณะเดียวกันก็คง type ให้เป็น static เพื่อประสิทธิภาพ
label.text = "Count: \(count)" — คุณผลักการเปลี่ยนแปลงเข้าไปทีละครั้งText("Count: \(count)") — คุณประกาศความสัมพันธ์ไว้ครั้งเดียว เฟรมเวิร์กจะเรียก body ใหม่เมื่อ count เปลี่ยน แล้วนำผลลัพธ์มา diff กันview เป็น struct ที่เบา สร้างและทิ้งได้ราคาถูกในทุกครั้งที่ state เปลี่ยน SwiftUI คงต้นไม้ render ที่อยู่เบื้องหลังไว้ และนำเฉพาะส่วนที่ต่างมาปรับใช้เท่านั้น
โมเดลแบบ declarative ขจัดบั๊กทั้งกลุ่มของ UIKit ที่ UI ค่อย ๆ ไม่ตรงกับข้อมูล การเข้าใจว่า body ถูกรันใหม่ในทุกครั้งที่ state เปลี่ยน — และต้องคงความเป็นฟังก์ชันบริสุทธิ์ที่ราคาถูกไว้ — คือรากฐานของทุกอย่างที่เหลือใน SwiftUI ตั้งแต่ state ไปจนถึงประสิทธิภาพ
คลังคำถามสัมภาษณ์งาน IT พร้อมคำตอบโดยละเอียด — ตั้งแต่ระดับ Junior ถึง Senior
บริจาค