Skip Showcase

Skip Showcase là một danh mục tương tác toàn diện về các thành phần giao diện người dùng được xây dựng bằng Skip, công cụ phát triển đa nền tảng cho phép bạn viết một ứng dụng bằng Swift và SwiftUI và chạy ứng dụng đó nguyên bản trên cả iOS và Android.

Ứng dụng này được viết hoàn toàn bằng Swift và SwiftUI. Trên iOS, nó chạy như một ứng dụng SwiftUI nguyên bản tiêu chuẩn. Trên Android, cùng một mã Swift được biên dịch nguyên bản bằng cách sử dụng SDK Swift chính thức dành cho Android, và khung SkipUI của Skip sẽ dịch các khung nhìn SwiftUI thành Jetpack Compose, tạo ra trải nghiệm Android thực sự nguyên bản.

Skip Showcase là cách lý tưởng để so sánh giao diện và hành vi của các thành phần SwiftUI trên cả hai nền tảng. Mỗi màn hình trong ứng dụng đều sử dụng cùng một mã nguồn Swift chạy trên cả iOS và Android, vì vậy bạn có thể thấy chính xác cách Skip ánh xạ SwiftUI sang các điều khiển Android nguyên bản.

Ứng dụng bao gồm nhiều tính năng SwiftUI, bao gồm:

Các điều khiển giao diện người dùng: Nút, Công tắc, Thanh trượt, Bộ điều chỉnh, Bộ chọn, Bộ chọn ngày, Trường văn bản, Trường bảo mật, Trình soạn thảo văn bản, Menu, và nhiều hơn nữa.

Bố cục: Các khung nhìn xếp chồng (HStack, VStack, ZStack), Lưới, Biểu mẫu, Danh sách, Khung cuộn, Khoảng cách, GeometryReader, ViewThatFits, Vùng an toàn và Khung.

Điều hướng: NavigationStack, TabView, Sheet, Hộp thoại xác nhận, Cảnh báo, Thanh công cụ, Nhóm hiển thị và Liên kết.

Đồ họa và Hiệu ứng: Hình dạng, Chuyển sắc, Bóng, Làm mờ, Chế độ hòa trộn, Mặt nạ, Lớp phủ, Đường viền, Hoạt ảnh, Chuyển tiếp, Biến đổi và Hiệu ứng màu sắc.

Dữ liệu và Trạng thái: @State, @Observable, @Environment, Khóa tùy chọn, Trạng thái tiêu điểm, Giai đoạn cảnh, Lưu trữ, Bộ hẹn giờ và Thông báo.

Văn bản và Phương tiện: Định dạng văn bản, Biểu tượng SF, Hình ảnh, Trình phát video, Hoạt ảnh Lottie và Bản địa hóa.

Tích hợp nền tảng: Phản hồi xúc giác, Xử lý bàn phím, Bảng tạm, ShareLink, Có thể tìm kiếm, WebView, Bản đồ, Cơ sở dữ liệu SQL, Keychain, Trình chọn tài liệu và Xác thực web.

Soạn thảo tùy chỉnh: Minh họa cách nhúng các khung nhìn Jetpack Compose tùy chỉnh trực tiếp vào mã SwiftUI bằng cách sử dụng cầu nối ComposeView của Skip.

Skip Showcase là mã nguồn mở. Xem mã nguồn tại https://github.com/skiptools/skipapp-showcase-fuse để xem cách mỗi thành phần được triển khai.

Tìm hiểu thêm về Skip tại https://skip.dev