Khoảng đệm
Thuộc phần Giới thiệu về SwiftUI trong hành trình Swift của Coddy. Bài học 14 trên 50.
.padding() thêm khoảng trống xung quanh một khung nhìn, giữa nội dung của khung nhìn và mọi thứ bao quanh nó. Nếu không có đối số, phương thức này dùng khoảng cách tiêu chuẩn là 16 point ở mỗi cạnh:
Text("Tap to start")
.padding()Truyền một số để đặt độ lớn khác, hoặc chỉ định các cạnh sẽ áp dụng:
Text("A").padding(24)
Text("B").padding(.horizontal, 20)
Text("C").padding(.top).horizontal nghĩa là các cạnh đầu và cuối, .vertical là cạnh trên và dưới. Một cạnh đơn lẻ là .top, .bottom, .leading hoặc .trailing.
Thử thách
Người mớiTạo thêm khoảng trống cho chữ trên nút: thêm phần đệm 24 điểm ở mỗi phía.
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