Khung và hình dạng
Thuộc phần Giới thiệu về SwiftUI trong hành trình Swift của Coddy. Bài học 17 trên 50.
SwiftUI có các khung nhìn hình dạng: Circle, Rectangle, RoundedRectangle và Capsule. .fill tô màu cho một hình dạng:
Circle()
.fill(.blue)
.frame(width: 80, height: 80)Một hình dạng sẽ mở rộng để lấp đầy không gian được dành cho nó. .frame(width:height:) đặt kích thước cố định tính bằng điểm cho hình dạng đó hoặc bất kỳ khung nhìn nào khác.
Khung cũng có thể linh hoạt. maxWidth: .infinity cho phép chế độ xem kéo dài hết chiều rộng khả dụng:
Text("Continue")
.frame(maxWidth: .infinity)
.padding()
.background(.blue)
Thử thách
DễVẽ ảnh đại diện giữ chỗ: một Circle được tô màu xanh lá, rộng 100 điểm và cao 100 điểm.
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
Tự luyện tập: Playground SwiftUI