ค้นหาด้วย @Query
ดึงและเรียงลำดับข้อมูลถาวรในมุมมอง
ค้นหาด้วย @Query เป็นบทเรียน SwiftUI Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน SwiftUI Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส SwiftUI Academy มีบทเรียนทั้งหมด 4 บทเรียน
บางส่วนของบทเรียนนี้ยังไม่ได้รับการแปล และแสดงเป็นภาษาอังกฤษ
Fetching Saved Data
To show stored records in a view, you fetch them with @Query. It reads from your container and keeps the view fresh. 🔍
The @Query Property
Declare an array property with @Query and SwiftData fills it with every matching record. No manual loading needed.
@Query private var tasks: [Task]Showing Results in a List
Pair @Query with a List to render rows from your data. Each saved object becomes one line on screen.
List(tasks) { task in
Text(task.title)
}Live Updates
A @Query view updates by itself when data changes. Insert a record and the list redraws with no extra work.
Sorting Results
Pass a sort key path to order your results. Here tasks come back alphabetically by title every time.
@Query(sort: \.title) var tasks: [Task]Sort Direction
Add order to sort ascending or descending. Newest-first lists feel natural for things like recent notes.
@Query(sort: \.due, order: .reverse)
var tasks: [Task]Filtering with Predicates
A #Predicate narrows results to records that match a rule. Only the rows you care about reach the view.
#Predicate<Task> { $0.isDone == false }Applying a Filter
Pass your predicate to @Query to fetch a filtered set. This view shows only the tasks still left to do.
@Query(filter: #Predicate<Task> {
!$0.isDone })
var open: [Task]Multiple Sort Keys
Give an array of SortDescriptor values to sort by more than one field. Tie-breaks make long lists feel ordered.
@Query(sort: [SortDescriptor(\.priority)])
var tasks: [Task]Counting and Empty States
Check the array's isEmpty to show a friendly placeholder. A clear empty state guides new users gently.
if tasks.isEmpty {
Text("No tasks yet")
}Queries Stay in Sync
Because @Query watches the store, your UI never drifts from the data. Save once and every query reflects it.
Quick Check
Quick check on querying data.
Recap: Querying
You used @Query to fetch, sort, and filter saved data, and watched the view stay live. Reading from SwiftData is now second nature. 🎯
เรียนรู้ Swift ด้วย AI tutor — ฟรี
เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป
- คอร์ส
- 30
- บทเรียน
- 120
คำถามที่พบบ่อย
บทเรียน “ค้นหาด้วย @Query” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “ค้นหาด้วย @Query” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส SwiftUI Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส SwiftUI Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “ค้นหาด้วย @Query”
ดึงและเรียงลำดับข้อมูลถาวรในมุมมอง คุณปฏิบัติ SwiftUI Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน SwiftUI Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน SwiftUI Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน
บทเรียน “ค้นหาด้วย @Query” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน SwiftUI Academy นี้ได้ไหม
ได้ บทเรียน SwiftUI Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ