Giao diện có điều kiện
Thuộc phần Giới thiệu về SwiftUI trong hành trình Swift của Coddy. Bài học 22 trên 50.
Một if bên trong phần thân quyết định xem một khung nhìn có xuất hiện hay không:
@State private var showDetails = false
var body: some View {
VStack {
Button("Show details") {
showDetails.toggle()
}
if showDetails {
Text("Made with SwiftUI")
}
}
}Khi showDetails là false, văn bản không hiển thị trên màn hình. Sau khi chạm, văn bản sẽ xuất hiện. Nhánh else sẽ hiển thị một chế độ xem khác:
if isLoggedIn {
Text("Welcome back")
} else {
Button("Log in") { isLoggedIn = true }
}
Thử thách
DễVăn bản Made with SwiftUI chỉ nên xuất hiện sau khi người dùng nhấn vào Show details. Hãy để nút đặt showDetails, và chỉ hiển thị văn bản (cùng mã định danh) khi showDetails là true.
Tự làm thử
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Tự kiểm traBài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.
Tất cả bài học trong Giới thiệu về SwiftUI
5Trạng thái và nút
Các nútThuộc tính @StateTrạng thái đúng hoặc saiGiao diện có điều kiệnÔn tập: Bộ đếm điểmTự luyện tập: Playground SwiftUI