30/08/2019, 10:47

Thực hiện Dark Mode Theme trong Android

Người viết: Nguyen Manh Duc Giới thiệu Với Android Q được Google ra mắt, Dark Theme đã được phát hành cùng với nó. Dark Mode áp dụng cho cả giao diện người dùng hệ thống và các ứng dụng đang chạy trong đó. Trước khi bắt đầu, hãy hiểu lý do tại sao chúng ta cần Dark Mode. ...

Thực hiện Dark Mode Theme trong Android

Người viết: Nguyen Manh Duc

Giới thiệu

Với Android Q được Google ra mắt, Dark Theme đã được phát hành cùng với nó. Dark Mode áp dụng cho cả giao diện người dùng hệ thống và các ứng dụng đang chạy trong đó.

Trước khi bắt đầu, hãy hiểu lý do tại sao chúng ta cần Dark Mode.

  • Có thể giảm mức sử dụng năng lượng một lượng đáng kể. Một số nhà sản xuất thiết bị bật chế độ tối theo mặc định cho người dùng.
  • Cải thiện độ mịn của mắt cho người dùng nhạy cảm với ánh sáng.
  • Giúp mọi người sử dụng thiết bị trong môi trường ánh sáng yếu dễ dàng hơn.

Để bật Dark Mode trong Android, hãy điều hướng đến Settings -> Display -> Theme -> Dark Theme.

  Google I/O 2019 - Thay đổi trong các Android Architecture Components (P1)
  Tạo ứng dụng Nhận diện Khuôn mặt với Firebase ML trong Android

Bắt đầu

Có hai cách để hỗ trợ Dark Theme:

Để bật Dark Mode và chạy ứng dụng của bạn, nên nhắm mục tiêu Android Q

  • Nếu bạn đang sử dụng Thư viện hỗ trợ, hãy đặt app theme thành:
  • Nếu bạn đã nâng cấp App theme lên MaterialComponent, hãy sử dụng

Và khi bạn chạy ứng dụng, bạn sẽ thấy Dark Mode trong ứng dụng của mình.Thực hiện Dark Mode Theme trong AndroidTrên đây là ảnh chụp màn hình khi bạn chuyển đổi style sang Dark Mode.

Lưu ý: Nếu bạn muốn thay thế màu trong ứng dụng, bạn cần tạo thư mục giá trị tùy chỉnh, được gọi là values-night và đối với tài nguyên hình ảnh, chúng tôi sẽ tạo ra drawable-night.

Chúng ta cũng có thể cho phép người dùng thay đổi theme trong khi sử dụng ứng dụng. Các tùy chọn có sẵn là.

  • Light Theme.
  • Dark Theme.
  • Đặt theo Trình tiết kiệm pin (tùy chọn mặc định được đề xuất cho Android P trở lên).
  • Mặc định hệ thống (tùy chọn mặc định được đề xuất cho Android Q).

Bây giờ, để cập nhật theme một cách linh hoạt, chúng ta phải sử dụng:

Ví dụ:

Trong đoạn code trên, chúng ta có thể chọn theme dựa trên các chế độ.

Force the Dark

Nếu bạn không muốn nâng cấp Theme trong Android Q và giữ nguyên Theme đó, bạn cần thêm phần sau vào Theme của Ứng dụng:

Và điều này sẽ chuyển đổi toàn bộ ứng dụng sang Dark Mode.

Lưu ý: Đối với Force Dark, ứng dụng của bạn nên nhắm mục tiêu android-Q

Nếu bạn cần loại trừ một số bố cục hoặc tiện ích khỏi Dark Mode, chỉ cần thêm thuộc tính trong bố cục:

Hoặc chúng ta có thể làm điều đó bằng code ở view:

Nếu chúng ta thay đổi theme của ứng dụng, cấu hình của chúng ta sẽ thay đổi và do đó, Hoạt động sẽ được tạo lại.

Để xử lý cấu hình:

chúng ta phải thêm thuộc tính configChanges trong thẻ hoạt động trong Manifest và nó sẽ xử lý các thay đổi cấu hình.

Kết luận

Như vậy trên đây là cách chúng ta có thể nâng cấp chủ đề từ chủ đề sáng sang chủ đề tối.

Nguồn tham khảo: https://blog.mindorks.com/implementing-dark-mode-theme-in-android

Có thể bạn quan tâm:

  • 10 tài liệu lập trình Android miễn phí từ cơ bản đến nâng cao
  • 30 nguồn tài nguyên tuyệt vời dành cho lập trình viên Android
  • Cách tạo icon tương thích trên Android bằng Android Studio

Xem thêm việc làm Android Developer trên TopDev

TopDev via viblo.asia

  Xác thực sử dụng vân tay trong Android
  Tích hợp Google Map vào ứng dụng Android
0