Computer >> Máy Tính >  >> Điện thoại thông minh >> iPhone

Cách thiết lập ứng dụng của bạn cho iOS 13 Dark Mode

Apple đã tung ra bản cập nhật iOS 13 được nhiều người chờ đợi trên toàn cầu vào ngày 19 tháng 9 trên tất cả các iPhone ra mắt trong vòng 4 năm qua (trở lại iPhone 6s).

Một trong những tính năng lớn nhất của bản cập nhật này là chế độ tối của iOS 13 trên toàn hệ thống. Nó được kỳ vọng sẽ giúp giảm mỏi mắt do ánh sáng trắng phát ra từ màn hình điện thoại thông minh.

Mặc dù tính năng này mang lại niềm vui cho người tiêu dùng cuối sử dụng các thiết bị của Apple, nhưng các nhà phát triển iOS có nhiệm vụ chuẩn bị một ứng dụng sẵn sàng cho chế độ tối của iOS 13.

Cách thiết lập Chế độ tối của ứng dụng cho iOS 13?

Để giúp các nhà phát triển giải quyết vấn đề này, đây là thông tin hữu ích và các bước hướng dẫn cách họ có thể chuẩn bị một ứng dụng iOS hiện có cho iOS 13 ở chế độ tối.

  • Không quá khó để triển khai chế độ tối của iOS 13 mặc dù chế độ này trên toàn hệ thống.
  • Việc bật chế độ tối của iOS 13 trên ứng dụng hiện có của bạn cũng rất đơn giản, chủ yếu nhờ vào SDK iOS 13 mới nhất.

Khi sử dụng phiên bản mới nhất để xây dựng ứng dụng cho chế độ tối của iOS 13, hệ điều hành sẽ tự động cập nhật các công tắc, nút và chế độ xem bảng trong số các điều khiển hệ thống khác. Mặc dù vậy, xin lưu ý rằng hình ảnh và màu văn bản sẽ không tự động điều chỉnh chế độ tối.

Tuy nhiên, vẫn rất ngạc nhiên khi thấy rằng một sự thay đổi trên toàn hệ thống chẳng hạn như chế độ tối lại rất dễ thực hiện. Có những thay đổi mã nhỏ hơn và nhiều công việc hơn mà bạn có thể hoàn thành với chế độ tối của iOS 13 trong thời gian tiết kiệm đó.

Cách điều chỉnh màu sắc cho Chế độ tối của iOS 13

Trước tiên, hãy bắt đầu với việc thay đổi màu hệ thống ở chế độ tối của iOS 13:

Bây giờ có thêm màu hệ thống mới trong UIColor, một trong số đó là màu nhãn. Sử dụng những màu mới này giúp hỗ trợ chế độ tối và các chế độ tương phản cao khác trong iOS 13. 

label.color = UIColor.secondaryLabel

Nói chung, bạn nên sử dụng màu hệ thống cho chế độ tối của iOS 13, chế độ này sẽ tự động thích ứng với những thay đổi trong giao diện để duy trì tính nhất quán giữa các ứng dụng. Tuy nhiên, các nhà phát triển cũng có thể chọn thực hiện chế độ tối với màu sắc tùy chỉnh.

Màu danh mục nội dung được giới thiệu với iOS 11 giúp hỗ trợ chế độ tối dễ dàng hơn nhiều bằng cách thêm các phiên bản tối của tập hợp màu tùy chỉnh.

Bạn chỉ phải chọn một màu ưa thích từ danh mục, sau đó thay đổi Giao diện thành Bất kỳ, Tối từ Trình kiểm tra thuộc tính.

Đó là nó! Giờ đây, bạn đã có chế độ tối tùy chỉnh của iOS 13 đã sẵn sàng cho ứng dụng di động của mình.

Khắc phục sự cố Chế độ tối của iOS 13

Giả sử ứng dụng của bạn không chạy theo chế độ tối của iOS 13. Bạn sẽ làm gì? Dưới đây là một số bước đơn giản để giải quyết vấn đề này.

Bước 1

Bạn sẽ cần biết liệu ứng dụng có được cập nhật hay không.

Nếu ứng dụng không hoạt động với Chế độ tối của iOS 13 hoặc không hỗ trợ, chỉ cần cập nhật ứng dụng qua Apple Store.

Bước 2

Kiểm tra xem Chế độ tối của ứng dụng iOS của bạn đã được bật hay chưa.

Nếu không, hãy chuyển đến Cài đặt - Màn hình &Độ sáng - kiểm tra xem "Tối" đã được bật hay chưa.

Bước 3

Nếu ứng dụng của bạn được cập nhật đầy đủ nhưng không hoạt động với Chế độ tối của iOS 13, thì hãy kiểm tra cài đặt trong ứng dụng. Xem hình ảnh:

Cách thiết lập ứng dụng của bạn cho iOS 13 Dark Mode

Nếu bạn muốn được trợ giúp thêm về cách thiết lập Chế độ tối của iOS 13, hãy nhận nó từ các nhóm phát triển chuyên dụng. Và, đó là cách tôi sẽ giúp bạn.

Cũng đọc các mẹo để phát triển ứng dụng dành cho thiết bị di động trên iOS. Hy vọng tất cả những thông tin này sẽ hữu ích cho bạn.

Hãy xem bạn phải làm gì tiếp theo.

Điều chỉnh hình ảnh cho iOS 13 Chế độ tối

Hầu hết các hình ảnh trông tuyệt vời ở chế độ tối của iOS 13 và đôi khi chúng xuất hiện theo cách thực sự làm nổi bật các chi tiết. Tuy nhiên, cuối cùng bạn vẫn có thể tìm thấy một số hình ảnh trông hơi lệch hoặc không phù hợp với chế độ tối.

Tin tốt là bạn có thể điều chỉnh hình ảnh cho chế độ tối giống như cách điều chỉnh văn bản.

Tất cả những gì bạn cần làm là chọn hình ảnh trong danh mục và như đã làm trước đó, và thay đổi thuộc tính thành Bất kỳ, Tối trong Trình kiểm tra thuộc tính. Bây giờ, hãy thêm giao diện tối của hình ảnh và chúng ta đã hoàn tất.

Phát hiện thay đổi theo chương trình trong Chế độ tối của iOS 13

Các nhà phát triển có thể phải đối mặt với các tình huống mà họ cần thực hiện các thay đổi về giao diện trong chế độ tối của iOS 13 theo lập trình. Đây là cách nó được thực hiện:

override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) 
{
    super.traitCollectionDidChange(previousTraitCollection)

    let userInterfaceStyle = traitCollection.userInterfaceStyle // Either .unspecified, .light, or .dark
    // Update your user interface based on the appearance
}
Ghi đè traitCollectionDidChange giúp phát hiện các thay đổi về ngoại hình.
Sau đó, chúng ta chỉ phải mở traitCollection.userInterfaceStyle.

Bạn cũng có thể xác minh xem giao diện hiện tại có đang sử dụng phương pháp mới mà bạn vừa triển khai hay không: 

override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
    super.traitCollectionDidChange(previousTraitCollection)

    let hasUserInterfaceStyleChanged = previousTraitCollection.hasDifferentColorAppearance(comparedTo: traitCollection) // Bool
    // Update your user interface based on the appearance
}

Ghi đè Kiểu Giao diện Người dùng

Ứng dụng hoàn chỉnh

Hệ thống tự động chọn tham gia bất kỳ ứng dụng nào được liên kết với SDK iOS 13.0 trở lên cho cả giao diện sáng và tối.

Nếu bạn cần thêm thời gian để làm việc với hỗ trợ Chế độ tối của ứng dụng hoặc muốn giữ cho ứng dụng của mình theo một phong cách duy nhất, bạn có thể chọn không tham gia bằng cách thêm khóa UIUserInterfaceStyle (với giá trị là Sáng hoặc Tối) trong tệp Info.plist của ứng dụng. .

Việc đặt khóa này khiến hệ thống bỏ qua tùy chọn của người dùng và luôn áp dụng giao diện cụ thể cho ứng dụng của bạn.

Lưu ý: Hỗ trợ Chế độ tối của iOS 13 được khuyến khích mạnh mẽ. Sử dụng phím UI UserInterfaceStyle để tạm thời chỉ chọn không tham gia khi bạn thực hiện các cải tiến đối với hỗ trợ Chế độ tối của ứng dụng.

Màn hình cụ thể

Trong iOS 13, giờ đây bạn có thể ghi đè kiểu giao diện người dùng trên các chế độ xem cụ thể hoặc bộ điều khiển chế độ xem. Ví dụ:bạn có thể chỉ muốn một bộ điều khiển chế độ xem nhất định ở chế độ tối của iOS 13, trong khi phần còn lại của ứng dụng của bạn ở chế độ sáng.

Để ghi đè kiểu giao diện người dùng, chỉ cần ghi đè biến này trong chế độ xem trên cùng hoặc bộ điều khiển chế độ xem và nó sẽ truyền xuống các chế độ xem phụ:

// Inside a UIViewController
override func viewDidLoad() 
{
    super.viewDidLoad()

    // Always adopt a dark interface style.    
    overrideUserInterfaceStyle = .dark
}

Ghi chú Kết thúc

Cảm ơn đã đọc bài viết! Ở đây chúng tôi đã khám phá cách thiết lập ứng dụng cho iOS 13 chế độ tối.

Chế độ tối của iOS 13 mang đến một cách độc đáo để sử dụng điện thoại thông minh không bị căng thẳng. Có lẽ chúng ta sẽ thấy một tương lai nơi chế độ tối thay thế chế độ mặc định bằng các nền trắng hơn.

Bằng cách làm theo các hướng dẫn và mẹo viết mã này, bạn có thể dễ dàng thiết lập ứng dụng của mình cho chế độ tối trên iOS 13.

Nếu bạn cần một số trợ giúp từ chuyên gia, vui lòng liên hệ với các nhà phát triển iOS cho các truy vấn liên quan đến chế độ tối của iOS 13.

F ollow trên Twitter cho cập nhật khác: https://twitter.com/ValueCoders