Dynamic Island: nó là gì, thông báo tương tác trên iPhone

Dynamic Island trên iPhone là gì?

Dynamic Island là phần tử giao diện của iPhone 14 Pro, 15 Pro và mới hơn, sử dụng khu vực xung quanh camera trước và cảm biến Face ID để hiển thị thông báo và Live Activity. Không giống như notch cũ, vốn là phần tử đen tĩnh, Dynamic Island thay đổi hình dạng và kích thước một cách linh hoạt: mở rộng để hiển thị bộ hẹn giờ, thu nhỏ cho biểu tượng AirPods đã kết nối, biến thành hình chữ nhật cho kết quả thể thao.

Triển khai kỹ thuật của Dynamic Island dựa trên phần khuyết phần cứng hình viên thuốc của màn hình OLED và xử lý pixel phần mềm xung quanh nó. Hệ thống tăng tốc độ làm mới pixel lên 120 Hz trong khu vực Island và sử dụng khử răng cưa để chuyển đổi mượt mà giữa nội dung và vùng đen của camera. Nhà phát triển không lập trình Island trực tiếp — họ tạo nội dung qua ActivityKit và hệ thống tự động đặt nó xung quanh phần khuyết.

Nhận thức của người dùng — Dynamic Island biến điểm yếu phần cứng thành phần tử chức năng. Theo nghiên cứu của Apple, người dùng coi Island như một phần tự nhiên của màn hình chỉ sau vài ngày sử dụng. Hoạt ảnh làm nổi bật và chuyển đổi sự chú ý — ví dụ, thông báo đến dịch chuyển Island và hiển thị nội dung với hiệu ứng mở rộng ở tốc độ 120 khung hình mỗi giây.

Các chế độ hiển thị của Dynamic Island

Dynamic Island hỗ trợ ba chế độ hiển thị nội dung, hệ thống tự động chọn dựa trên loại và số lượng hoạt động. Nhà phát triển xác định UI cho mỗi chế độ trong WidgetBundle, nhưng không kiểm soát chế độ nào đang hoạt động. Hệ thống cũng có thể hiển thị hai hoạt động cùng lúc: một bên trái phần khuyết, một bên phải.

Chuyển đổi giữa các chế độ được thực hiện với hoạt ảnh hệ thống kéo dài 0,4–0,6 giây với đường cong ease-in-out. Khi một Activity mới xuất hiện, Island mở rộng từ chế độ gọn sang mở rộng. Khi kết thúc, nó thu nhỏ lại. Người dùng có thể buộc thu gọn chế độ mở rộng bằng cách vuốt sang trái — Island chuyển sang chế độ gọn hoặc tối thiểu. Hệ thống cũng thu gọn chế độ mở rộng sau 5 giây không hoạt động nếu không có bản cập nhật nào dự kiến.

Hai hoạt động — nếu hai ứng dụng có Live Activities đang hoạt động, Dynamic Island hiển thị chúng ở cả hai bên của phần khuyết. Bên trái là Activity được bắt đầu đầu tiên, bên phải là Activity thứ hai. Nếu chỉ có một hoạt động, nó chiếm bên trái, bên phải để trống. Nhấn vào bất kỳ bên nào sẽ mở rộng Island và hiển thị nội dung của Activity đó. Hệ thống tự quyết định Activity nào được ưu tiên trong trường hợp xung đột.

Tạo nội dung cho Dynamic Island

Nội dung Dynamic Island được tạo độc quyền qua Live Activity với framework ActivityKit. Nhà phát triển xác định bốn khu vực trong mã: gọn bên trái (compactLeading), gọn bên phải (compactTrailing), tối thiểu (minimal) và mở rộng (expanded). Mỗi khu vực là một SwiftUI View nhận trạng thái hiện tại của Activity qua context. Nếu khu vực không được xác định, Island không hiển thị Activity đó ở chế độ tương ứng.

struct DeliveryIsland: DynamicIsland {
    var body: some DynamicIslandContent {
        DynamicIslandExpandedContent {
            VStack(alignment: .leading) {
                Text(context.state.status)
                    .font(.headline)
                ProgressView(
                    value: context.state.progress
                )
                Text("ETA: \(context.state.minutes) min")
                    .font(.caption)
            }
        } compactLeading: {
            Image(systemName: "box.truck")
        } compactTrailing: {
            Text("\(context.state.minutes) min")
                .monospacedDigit()
        } minimal: {
            Image(systemName: "box.truck")
        }
    }
}

Giới hạn SwiftUI trong Dynamic Island — các thành phần có sẵn: Text, Image, HStack, VStack, ZStack, Spacer, ProgressView, Button (chỉ qua Link), Gauge. Bị cấm: ScrollView, List, TabView, hoạt ảnh, trình nhận cử chỉ. Bảng màu — chỉ System Colors (label, secondaryLabel, tint). Phông chữ — kích thước hệ thống từ .caption đến .title3. Phông chữ tùy chỉnh và SF Symbols hoạt động chính xác.

Kiểm tra Dynamic Island — Xcode cung cấp trình mô phỏng hỗ trợ Dynamic Island. Chọn iPhone 14 Pro hoặc 15 Pro làm thiết bị mục tiêu. ActivityKit mô phỏng các chế độ Island khác nhau: nút Dynamic Island Mode trong menu Debug của Xcode chuyển đổi giữa gọn, tối thiểu và mở rộng. Để kiểm tra nhiều Activities cùng lúc, hãy sử dụng lược đồ với ActivityID khác nhau hoặc chạy hai phiên bản của ứng dụng.

Sự kiện hệ thống trong Dynamic Island

Sự kiện hệ thống — cuộc gọi, AirPods, Face ID, sạc và các sự kiện khác — được ưu tiên hơn các Live Activities tùy chỉnh. Khi sự kiện hệ thống xảy ra, Island tạm dừng hiển thị nội dung tùy chỉnh và hiển thị nội dung hệ thống. Sau khi sự kiện hệ thống kết thúc, Island quay lại nội dung tùy chỉnh với hoạt ảnh. Nhà phát triển không thể hủy hoặc sửa đổi các sự kiện hệ thống — chúng được quản lý ở cấp hệ điều hành iOS.

Cuộc gọi đến — sự kiện hệ thống quan trọng nhất. Dynamic Island hiển thị tên người gọi bên trái phần khuyết và thời gian/trạng thái bên phải. Trong cuộc gọi đang hoạt động, Island không hiển thị bất kỳ Live Activities tùy chỉnh nào. Người dùng có thể mở rộng Island để mở màn hình cuộc gọi hoặc thu gọn để tiếp tục làm việc trong ứng dụng với cuộc gọi đang hoạt động ở nền.

Kết nối AirPods — khi mở hộp gần iPhone, Dynamic Island tạo hoạt ảnh kết nối và hiển thị pin của mỗi tai nghe và hộp. Hoạt ảnh kéo dài 2–3 giây, sau đó Island quay lại trạng thái trước đó. Nếu người dùng không có Live Activities đang hoạt động, Island vẫn trống. AirPods Pro 2 cũng hiển thị âm lượng và chế độ khử tiếng ồn khi nhấn vào thân tai nghe.

Các phương pháp phát triển tốt nhất cho Dynamic Island

Các phương pháp tốt nhất cho Dynamic Island từ Apple được khuyến nghị tuân theo để đảm bảo trải nghiệm người dùng chất lượng. Chế độ gọn chỉ nên hiển thị thông tin quan trọng nhất — biểu tượng và một số hoặc nhãn ngắn. Chế độ mở rộng — chỉ thông tin chính mà không có yếu tố dư thừa. Tránh đặt văn bản ở chế độ gọn nếu vượt quá 20 ký tự — hệ thống cắt văn bản bằng dấu ba chấm.

Cập nhật push cho Dynamic Island — sử dụng ActivityKit push cho các bản cập nhật hiếm (trạng thái đơn hàng, kết quả thể thao) và cập nhật cục bộ cho bộ hẹn giờ thường xuyên hoặc đồng hồ bấm giờ. Thông báo push đi qua APNs và mất 0,5–2 giây để xuất hiện trong Island. StaleDate — đặt ngày hết hạn nội dung: nếu bản cập nhật không đến đúng hạn, hệ thống hiển thị nền xám thay vì nội dung, báo hiệu cho người dùng dữ liệu đã lỗi thời.

func updateDelivery(activity: Activity<DeliveryAttributes>) {
    Task {
        let newContent = ActivityContent(
            state: DeliveryAttributes.ContentState(
                status: .delivered,
                estimatedMinutes: 0
            ),
            staleDate: Date().addingTimeInterval(300)
        )
        await activity.update(newContent)
        // Kết thúc Activity sau 2 giây
        try? await Task.sleep(nanoseconds: 2_000_000_000)
        await activity.end(newContent)
    }
}

Tiêu thụ năng lượng — Dynamic Island và Live Activities có tác động tối thiểu đến pin nhờ tối ưu hóa phần cứng màn hình OLED. Các pixel đen xung quanh phần khuyết được tắt và nội dung được hiển thị trên bộ đồng xử lý chuyên dụng. Mức tiêu thụ Live Activity trung bình dưới 1% pin mỗi giờ sử dụng khi cập nhật mỗi 5 phút. Hệ thống tự động tạm dừng Island khi pin yếu (dưới 20%) hoặc ở chế độ tiết kiệm pin.

Thiết kế cho Dynamic Island không yêu cầu điều chỉnh UI chính của ứng dụng — Island hoạt động độc lập với màn hình đang hoạt động. Màu sắc của Live Activity phải phù hợp với chủ đề hệ thống (sáng/tối) qua Color Assets hệ thống. SF Symbols được ưu tiên hơn biểu tượng tùy chỉnh — chúng được đảm bảo hiển thị chính xác ở mọi chế độ Island và có hỗ trợ Dynamic Type tích hợp.