Thay đổi biểu tượng ứng dụng | Android Developers

1. Trước khi bắt đầu

Biểu tượng ứng dụng là cách quan trọng để phân biệt ứng dụng của bạn. Nó cũng Open ở một số ít vị trí như Màn hình chính, Màn hình Tất cả ứng dụng và Cài đặt ứng dụng .
Biểu tượng ứng dụng còn được gọi là biểu tượng trình chạy. Trình chạy chỉ thưởng thức mà bạn có được khi nhấn vào nút Màn hình chính trên thiết bị Android để xem và sắp xếp ứng dụng, thêm tiện ích và lối tắt, v.v.

491033b9aaa5d6bb.png 7d5fea208decc776.png

Nếu đã thử qua nhiều thiết bị Android, bạn có thể nhận thấy trải nghiệm Trình chạy có thể khác nhau tùy vào nhà sản xuất thiết bị. Đôi khi, nhà sản xuất thiết bị sẽ tạo trải nghiệm Trình chạy tùy chỉnh đặc trưng cho thương hiệu của họ. Theo đó, nhà sản xuất có thể hiển thị các biểu tượng ứng dụng ở hình dạng khác với hình dạng biểu tượng hình tròn ở trên.

Ví dụ : nếu muốn, họ hoàn toàn có thể hiển thị tổng thể biểu tượng ứng dụng ở dạng hình vuông vắn, hình vuông vắn tròn góc hay hình truông ( giữa hình vuông vắn và hình tròn trụ ) .

16e235142627947.png

Bất kể đơn vị sản xuất thiết bị chọn hình dạng nào, tiềm năng là để toàn bộ biểu tượng ứng dụng trên một thiết bị có được hình dạng đồng nhất nhằm mục đích mang lại thưởng thức đồng nhất hơn cho người dùng .

3c94e41bcbfd9a3c.png

Đó là nguyên do nền tảng Android trình làng tính năng tương hỗ biểu tượng thích ứng ( kể từ API cấp 26 ). Bằng cách tiến hành biểu tượng thích ứng cho ứng dụng, ứng dụng của bạn sẽ hoàn toàn có thể tương thích với nhiều loại thiết bị bằng cách hiển thị biểu tượng ứng dụng chất lượng cao một cách tương thích .
Lớp học lập trình này sẽ phân phối cho bạn các tệp nguồn hình ảnh dùng cho biểu tượng trình chạy Tip Calculator ( Máy tính tiền boa ) để bạn thực hành thực tế. Bạn sẽ dùng một công cụ trong Android Studio có tên Công cụ tạo thành phần hình ảnh ( Image Asset Studio ) để tạo toàn bộ phiên bản biểu tượng trình chạy mà bạn cần. Sau đó, bạn hoàn toàn có thể vận dụng những điều đã học và vận dụng nó để thay đổi biểu tượng ứng dụng cho các ứng dụng khác !

8346813da9e7c99e.png

Điều kiện tiên quyết

  • Có thể di chuyển qua các tệp của dự án Android cơ bản, bao gồm cả các tệp tài nguyên
  • Có thể cài đặt một ứng dụng Android từ Android Studio trên trình mô phỏng hoặc thiết bị thực

Kiến thức bạn sẽ học được

  • Cách thay đổi biểu tượng trình chạy của ứng dụng
  • Cách sử dụng Công cụ tạo thành phần hình ảnh để tạo thành phần biểu tượng trình chạy
  • Biểu tượng thích ứng là gì và tại sao biểu tượng này được tạo thành từ hai lớp

Sản phẩm bạn sẽ tạo ra

  • Ứng dụng Android có biểu tượng trình chạy mới

Bạn cần có

  • Máy tính đã cài đặt phiên bản Android Studio ổn định mới nhất
  • Kết nối Internet để tải xuống tệp tài nguyên hình ảnh

2. Thiết lập dự án

Nếu tham gia lớp học lập trình này trong khóa học Android Basics in Kotlin ( Những khái niệm cơ bản về Kotlin trong Android ), bạn hoàn toàn có thể trực tiếp sử dụng trình chạy máy tính tiền boa mà bạn đang làm từ lớp học lập trình trước .

Nếu tự thực hiện lớp học lập trình này (ngoài khóa học), bạn có thể thiết lập một dự án mới trong Android Studio bằng mẫu Empty Activity (Hoạt động trống). Bằng cách đó, bạn không sửa đổi hoặc ghi đè các tệp biểu tượng của trình chạy trong ứng dụng hiện có cho đến khi bạn thấy thoải mái hơn với các bước sau.

3. Biểu tượng trình khởi chạy

Mục tiêu là để biểu tượng trình chạy trông thích mắt ( sắc nét và rõ ràng ) bất kể mẫu thiết bị hoặc tỷ lệ màn hình hiển thị. Cụ thể, tỷ lệ px trên màn hình hiển thị là số px trên mỗi inch ( hay dpi, số điểm trên mỗi inch ) trên màn hình hiển thị. Đối với thiết bị có tỷ lệ điểm ảnh trung bình ( mdpi ), màn hình hiển thị sẽ có 160 điểm ảnh / inch trên màn hình hiển thị, còn thiết bị có tỷ lệ cực cao ( xxxhdpi ) sẽ có 640 điểm ảnh / inch trên màn hình hiển thị .
Để đo lường và thống kê cho thiết bị ở góc nhìn tỷ lệ màn hình hiển thị, bạn cần cung ứng các phiên bản biểu tượng ứng dụng khác nhau .

Khám phá các tệp biểu tượng trình khởi chạy

  1. Để xem nội dung này, mở dự án của bạn trong Android Studio. Nếu ứng dụng của bạn bắt đầu từ một mẫu, bạn sẽ có biểu tượng trình chạy mặc định đã được Android Studio cung cấp.
  2. Trong Project window (Cửa sổ dự án), chuyển sang chế độ xem Project(Dự án). Bạn sẽ thấy các tệp trong dự án được sắp xếp theo cách các tệp được lưu trên máy tính của bạn.

8a9317d3f5e6dba6.png

  1. Đến thư mục tài nguyên (app > src > main > res) (ứng dụng > src > chính > res) và mở rộng một số thư mục mipmap. Bạn nên đặt trong các thư mục mipmap này các thành phần biểu tượng trình chạy cho ứng dụng Android.

2e9641406d006778.png

mdpi, hdpi, xhdpi, v.v. là các bộ định tính mật độ mà bạn có thể thêm vào tên thư mục tài nguyên (như mipmap) để cho biết đây là các tài nguyên dành cho một số thiết bị có mật độ màn hình nhất định. Sau đây là danh sách các bộ định tính mật độ trên Android:

  • mdpi – tài nguyên dành cho màn hình có mật độ điểm ảnh trung bình (~160 dpi)
  • hdpi – tài nguyên dành cho màn hình có mật độ điểm ảnh cao (~240 dpi)
  • xhdpi – tài nguyên dành cho màn hình có mật độ điểm ảnh cực cao (~320 dpi)
  • xxhdpi – tài nguyên dành cho màn hình có mật độ điểm ảnh cực cao (~480dpi)
  • xxxhdpi – tài nguyên dành cho màn hình có mật độ điểm ảnh cực cao (~640dpi)
  • nodpi – các tài nguyên không để điều chỉnh tỷ lệ bất kể mật độ pixel trên màn hình là bao nhiêu
  • anydpi – các tài nguyên cần điểu chỉnh tỷ lệ theo mật độ bất kỳ

Lưu ý: Bạn có thể thắc mắc tại sao các thành phần biểu tượng trình chạy nằm trong các thư mục mipmap riêng biệt với các thành phần ứng dụng khác nằm trong thư mục drawable. Điều này là do một số trình chạy có thể hiển thị biểu tượng ứng dụng của bạn ở kích thước lớn hơn kích thước do bộ chứa mật độ mặc định của thiết bị cung cấp. Ví dụ: trên thiết bị hdpi, một trình chạy thiết bị nhất định có thể muốn sử dụng phiên bản xhdpi của biểu tượng ứng dụng.

  1. Nếu nhấp vào tệp hình ảnh, bạn sẽ thấy bản xem trước. Các tệp ic_launcher.png chứa phiên bản hình vuông của biểu tượng trong khi các tệp ic_launcher_round.png chứa phiên bản hình tròn của biểu tượng. Cả hai đều được cung cấp trong mỗi thư mục tài nguyên.

Ví dụ: đây là hình ảnh của res > mipmap-xxxhdpi > ic_launcher_round.png. Bạn cũng cần lưu ý rằng kích thước của thành phần nằm ở trên cùng bên phải. Hình ảnh này có kích thước 192px x 192px.

c5d4f66cfbf1c046.png

Đây cũng là một giao diện của res > mipmap-mdpi > ic_launcher_round.png. Kích thước chỉ là 48px x 48px.

aadadc11db9ef0f0.png

Như bạn hoàn toàn có thể thấy, các tệp hình ảnh bitmap này gồm có một lưới cố định và thắt chặt các px. Chúng đã được tạo ra cho một độ phân giải màn hình hiển thị nhất định. Do đó, chất lượng hoàn toàn có thể suy giảm khi bạn đổi kích cỡ .
Nếu bạn giảm tỷ suất hình ảnh bitmap, hoàn toàn có thể hình ảnh đó sẽ trông vẫn ổn do bạn đang vô hiệu thông tin px. Nếu bạn lan rộng ra đáng kể hình ảnh bitmap, hình ảnh hoàn toàn có thể bị mờ vì Android sẽ cần phán đoán và điền thông tin px bị thiếu .

Lưu ý: Để tránh biểu tượng ứng dụng bị mờ, nhớ cung cấp các hình ảnh bitmap khác nhau của biểu tượng ứng dụng cho mỗi bộ chứa mật độ (mdpi, hdpi, xhdpi, v.v.) Lưu ý rằng mật độ điểm ảnh màn hình của thiết bị sẽ không chính xác là 160dpi, 240dpi, 320dpi, v.v. Dựa trên mật độ điểm ảnh màn hình hiện tại, Android sẽ chọn tài nguyên ở nhóm mật độ lớn nhất gần nhất sau đó giảm quy mô.

Đến giờ bạn đã có được một vài thông tin nền về các biểu tượng trình chạy. Tiếp theo, bạn sẽ khám phá về các biểu tượng thích ứng khác .

4. Biểu tượng thích ứng

Lớp nền trước và lớp nền sau

Kể từ phiên bản Android 8.0 ( API cấp 26 ), chúng tôi đã tương hỗ biểu tượng trình chạy thích ứng, được cho phép bạn linh động hơn và tạo được hiệu ứng hình ảnh mê hoặc khi nói đến biểu tượng ứng dụng. Đối với các nhà tăng trưởng, điều đó có nghĩa là biểu tượng ứng dụng được tạo thành từ hai lớp : lớp nền trước và lớp nền sau .

1af36983e3677abe.gif

Trong ví dụ trên, biểu tượng Android màu trắng nằm ở lớp nền trước, còn lưới màu xanh lam và trắng nằm ở lớp nền sau. Lớp nền trước sẽ được xếp chồng lên trên lớp nền sau. Sau đó, một mặt nạ ( mặt nạ hình tròn trụ trong trường hợp này ) sẽ được vận dụng lên trên cùng để tạo biểu tượng ứng dụng hình tròn trụ .

Khám phá các tệp biểu tượng thích ứng

Xem các tệp biểu tượng thích ứng mặc định mà mẫu dự án Bất Động Sản phân phối trong Android Studio .

  1. Trong Project window (Cửa sổ dự án) của Android Studio, tìm và mở rộng thư mục tài nguyên res > mipmap-anydpi-v26.

46626096e5e73515.png

Lưu ý: Bạn đã thêm biểu tượng thích ứng vào API cấp 26 của nền tảng, vì vậy, bạn cần khai báo biểu tượng thích ứng trong thư mục tài nguyên mipmap có bộ hạn định tài nguyên -v26 trên đó. Điều đó có nghĩa là các tài nguyên trong thư mục này sẽ chỉ được áp dụng trên các thiết bị đang chạy API 26 (Android 8.0) trở lên. Các tệp tài nguyên trong thư mục này sẽ bị bỏ qua trên các thiết bị chạy phiên bản nền tảng cũ.

  1. Mở một trong các tệp XML, ví dụ: ic_launcher.xml. Bạn sẽ thấy như sau:


    
    

  1. Hãy lưu ý cách dùng phần tử để khai báo lớp của biểu tượng ứng dụng bằng cách cung cấp các tài nguyên có thể vẽ cho mỗi lớp.
  2. Quay lại chế độ xem Project (Dự án) và tìm nơi các đối tượng vẽ có thể được khai báo: drawable (đối tượng có thể vẽ) > ic_launcher_background.xmldrawable-v24 > ic_launcher_foreground.xml.
  3. Chuyển sang chế độ xem Design (Thiết kế) để xem trước từng đối tượng (nền sau ở bên trái, nền trước ở bên phải).

5ee8395bb0bcd6f.png 2056a49400206309.png

  1. Đây đều là hai tệp vectơ vẽ được. Chúng không có kích thước cố định tính bằng pixel. Nếu chuyển sang chế độ xem Code (Mã), bạn có thể xem khai báo XML cho vectơ vẽ được sử dụng phần tử .

Mặc dù vectơ vẽ được và hình ảnh bitmap đều diễn đạt một hình ảnh đồ họa, nhưng có những điểm độc lạ quan trọng .
Hình ảnh bitmap không hiểu nhiều về hình ảnh mà nó lưu giữ, ngoại trừ thông tin màu ở mỗi px. Mặt khác, đồ họa vectơ biết cách vẽ các hình dạng xác lập một hình ảnh. Những hướng dẫn này gồm có một tập hợp các điểm, đường kẻ và đường cong cùng với thông tin màu. Ưu điểm là đồ họa vectơ hoàn toàn có thể được điểu chỉnh tỷ suất cho bất kể size canvas nào cho mọi tỷ lệ điểm ảnh màn hình hiển thị nào mà không làm giảm chất lượng .

Vectơ vẽ được là cách triển khai đồ họa vectơ của Android nhằm đủ linh hoạt trên thiết bị di động. Bạn có thể xác định chúng ở định dạng XML bằng các phần tử (dùng từ rõ nghĩa hơn) này. Thay vì cung cấp các phiên bản thành phần bitmap cho tất cả các bộ chứa mật độ, bạn chỉ cần xác định hình ảnh một lần. Do đó, giảm kích thước ứng dụng và giúp duy trì dễ dàng hơn.

Lưu ý: có sự đánh đổi khi sử dụng vectơ vẽ được và hình ảnh bitmap. Ví dụ: biểu tượng lý tưởng là các vectơ vẽ được bởi chúng được tạo thành từ các hình đơn giản, trong khi ảnh sẽ khó mô tả hơn dưới dạng một loạt hình dạng. Trong trường hợp đó, bạn nên sử dụng thành phần bitmap.

Bây giờ, đã đến lúc chuyển sang biểu tượng ứng dụng !

5. Tải xuống thành phần mới

Tiếp theo, tải 2 thành phần mới này xuống để hoàn toàn có thể tạo biểu tượng thích ứng cho ứng dụng Máy tính tiền boa. Bạn không cần lo ngại rằng phải hiểu mọi cụ thể của các tệp vectơ vẽ được. Nội dung của chúng hoàn toàn có thể được tạo tự động hóa cho bạn từ các công cụ phong cách thiết kế .

  1. Tải xuống ic_launcher_background.xml. Đây là vectơ vẽ được cho lớp nền. Nếu trình duyệt của bạn hiển thị tệp thay vì tải xuống tệp, hãy chọn Tệp > Lưu trang dưới dạng… để lưu vào máy tính của bạn.
  2. Tải xuống ic_launcher_foreground.xml. Đây là vectơ vẽ được cho lớp nền trước.

Lưu ý rằng có một số ít nhu yếu nhất định so với những thành phần lớp nền trước và nền sau, ví dụ điển hình như cả hai thành phần này phải có size 108 dp x 108 dp. Tìm hiểu thêm về các nhu yếu tại đây hoặc bạn hoàn toàn có thể xem hướng dẫn phong cách thiết kế biểu tượng Android trên website Material .
Do các cạnh của biểu tượng hoàn toàn có thể bị cắt tùy vào hình dạng mặt nạ của đơn vị sản xuất thiết bị, bạn cần phải đưa thông tin chính của biểu tượng vào ” vùng bảo đảm an toàn ” ( vùng tròn có đường kính 66 dp ở giữa lớp ). Nội dung nằm ngoài vùng bảo đảm an toàn đó phải là thông tin không thiết yếu ( ví dụ : màu nền sau ) nếu nội dung bị cắt .

6. Thay đổi biểu tượng ứng dụng

Hãy quay lại Android Studio để sử dụng thành phần mới.

  1. Trước tiên, hãy xóa các tài nguyên có thể vẽ cũ có biểu tượng Android và nền sau lưới màu xanh lục. Trong Project view (Chế độ xem dự án), nhấp chuột phải vào tệp rồi chọn Delete (Xóa).

Xóa :

drawable/ic_launcher_background.xml
drawable-v24/ic_launcher_foreground.xml

Bạn có thể bỏ đánh dấu hộp Safe delete (with usage search) (Xoá an toàn (bằng cách tìm kiếm cách sử dụng)), sau đó nhấp vào OK.

  1. Tạo Image Asset (Thành phần hình ảnh) mới. Bạn có thể nhấp chuột phải vào thư mục res rồi chọn New > Image Asset. (Mới > Thành phần hình ảnh). Bạn cũng có thể nhấp vào thẻ Resource Manager (Trình quản lý tài nguyên), nhấp vào biểu tượng dấu +, rồi chọn Image Asset (Thành phần hình ảnh).

e9c481d4823a371.png

  1. Công cụ Image Asset Studio (Công cụ tạo thành phần hình ảnh) của Android mở ra.
  2. Để nguyên cài đặt mặc định:

Loại biểu tượng : Biểu tượng trình chạy ( Thích ứng và cũ )
Tên : ic_launcher

27554596e4c0bdc6.png

  1. Khi bạn đã chọn Foreground Layer tab (Thẻ Lớp nền trước), đến phần phụ Source Asset (Thành phần nguồn). Trên trường Path (Đường dẫn), nhấp vào biểu tượng thư mục.
  2. Một lời nhắc sẽ bật lên nhắc bạn duyệt máy tính và chọn tệp. Tìm vị trí của tệp ic_launcher_foreground.xml mới mà bạn vừa tải xuống máy tính. Nó có thể nằm trong thư mục tải xuống của máy tính. Khi tìm thấy, nhấp vào Open (Mở).
  3. Path (Đường dẫn) hiện được cập nhật vị trí của vectơ vẽ được trong nền trước mới. Để nguyên Layer Name (Tên lớp) là ic_launcher_foregroundAsset Type (Loại thành phần) là Image (Hình ảnh).

29ae558130f1119b.png

  1. Tiếp theo, chuyển sang Background Layer tab (thẻ Lớp nền sau) của giao diện. Giữ nguyên giá trị mặc định. Nhấp vào biểu tượng thư mục của Path (Đường dẫn).
  2. Tìm vị trí của tệp ic_launcher_background.xml bạn vừa tải xuống. Nhấp vào Open (Mở).

8d1caf48e35b4560.png

  1. Bản xem trước sẽ cập nhật khi bạn chọn các tệp tài nguyên mới. Đây là giao diện của giao diện với lớp nền trước và lớp nền mới.

1b4696b1ac6e657d.png

Bằng cách hiển thị biểu tượng ứng dụng của bạn trong hai lớp, nhà phân phối thiết bị ( được gọi là nhà phân phối thiết bị gốc hay gọi tắt là OEM ) hoàn toàn có thể tạo ra các hình dạng khác nhau tùy thuộc vào thiết bị Android, như được hiển thị trong bản xem trước ở trên. OEM cung ứng một mặt nạ vận dụng cho toàn bộ biểu tượng ứng dụng trên thiết bị .
Mặt nạ này được vận dụng ở đầu các lớp nền trước và nền sau của biểu tượng ứng dụng. Ví dụ về mặt nạ tròn và mặt nạ vuông bên dưới .

fd16968065745024.png

Khi vận dụng mặt nạ hình tròn trụ cho cả hai lớp biểu tượng ứng dụng, tác dụng là biểu tượng hình tròn có nền sau lưới màu xanh dương và một biểu tượng Android ( hình bên trái ở trên ). Hoặc, bạn hoàn toàn có thể vận dụng mặt nạ vuông để tạo biểu tượng ứng dụng ở phía trên bên phải .
Việc có hai lớp cũng được cho phép các hiệu ứng hình ảnh trở nên mê hoặc vì hai lớp này hoàn toàn có thể chuyển dời độc lập hoặc được kiểm soát và điều chỉnh theo tỷ suất. Để xem một số ít ví dụ mê hoặc về giao diện của các hiệu ứng hình ảnh, tìm hiểu và khám phá bài đăng trên blog này trong thẻ Design Considerations ( Phương án phong cách thiết kế ). Do bạn không biết trước được người dùng của mình sẽ có thiết bị nào hoặc mặt nạ nào sẽ được OEM vận dụng cho biểu tượng của mình, nên bạn cần thiết lập biểu tượng thích ứng để thông tin quan trọng không bị cắt bớt .

  1. Hãy đảm bảo nội dung chính của lớp nền trước (trong trường hợp này là biểu tượng chuông dịch vụ) nằm ở vùng an toàn và không bị cắt bởi các hình dạng mặt nạ khác nhau. Nếu nội dung quan trọng bị cắt bớt hoặc hiển thị quá nhỏ, bạn có thể sử dụng thanh trượt Resize (Đổi kích thước) trong phần Scaling (Điều chỉnh tỷ lệ) của từng lớp. Trong trường hợp này, bạn không cần đổi kích thước, vì vậy bạn có thể để ở mức 100%.

f6420a0476bcd44c.png

  1. Nhấp vào Tiếp theo.
  2. Bước này là để Confirm Icon Path(Xác nhận đường dẫn biểu tượng). Bạn có thể nhấp vào từng tệp để xem trước. Ở cuối sẽ có cảnh báo rằng một số tệp hiện có sẽ bị ghi đè (được hiển thị bằng màu đỏ). Bạn có thể làm vậy vì các tệp cũ đó là dành cho biểu tượng ứng dụng trước đó.

5c5280cd079c4a86.png

  1. Bạn có thể sử dụng các mặc định, nhấp vào Finish (Hoàn tất).
  2. Xác minh rằng tất cả thành phần được tạo đều có giao diện chính xác trong các thư mục mipmap. Ví dụ:

6e03dc79a82c2e0d.png 954e70ddbc5b7901.png

Tuyệt vời ! Bây giờ, bạn sẽ thực thi một thay đổi nữa .

Di chuyển các tệp vectơ vẽ được vào thư mục -v26

Tùy thuộc vào SDK tối thiểu của ứng dụng, bạn có thể nhận thấy rằng thành phần trên nền sau nằm trong thư mục drawable-v24, còn thành phần trong nền sau nằm trong thư mục drawable. Lý do là thành phần trên nền sau có một gradient, nó có trong bản phát hành Android 7.0 (còn được gọi là API phiên bản 24, do đó có bộ hạn định tài nguyên -v24). Thành phần ở nền trước không chứa gradient, do đó, tệp này có thể nằm trong thư mục drawable cơ sở.

Thay vì bố trí các thành phần ở nền trước và nền sau trong hai thư mục drawable riêng biệt, hãy di chuyển cả hai tệp vectơ vẽ được vào một thư mục tài nguyên -v26. Vì các thành phần này chỉ được dùng cho các biểu tượng thích ứng nên chỉ cần hai vectơ vẽ được này trên API 26 trở lên. Cấu trúc thư mục này sẽ giúp bạn dễ dàng tìm và quản lý các tệp biểu tượng thích ứng.

drawable-anydpi-v26
   ic_launcher_background.xml
   ic_launcher_foreground.xml
mipmap-anydpi-v26
   ic_launcher.xml
   ic_launcher_round.xml
  1. Trước tiên, hãy tạo thư mục drawable-anydpi-v26. Nhấp chuột phải vào thư mục res. Chọn New > Android Resource Directory. (Mới > Thư mục tài nguyên Android).
  2. Hộp thoại New Resource Directory (Thư mục tài nguyên mới) sẽ xuất hiện. Chọn các tùy chọn sau:

Tên thư mục: drawable-anydpi-v26

Loại tài nguyên: đối tượng có thể vẽ (Chọn từ trình đơn thả xuống)

Bộ nguồn: chính (để nguyên giá trị mặc định)

14b170ecd615cdca.png

Nhấp vào OK. Trong chế độ xem Project (Dự án), hãy xác minh thư mục tài nguyên mới es > drawable-anydpi-v26 đã được tạo.

  1. Nhấp chuột trái vào tệp ic_launcher_foreground.xml và kéo tệp đó từ thư mục đối tượng có thể vẽ vào thư mục drawable-anydpi-v26. Hãy nhớ việc đặt một tài nguyên trong thư mục “any dpi” (dpi bất kỳ) cho biết đó là tài nguyên có thể điều chỉnh tỷ lệ theo mật độ.
  2. Nhấp chuột trái vào ic_launcher_background.xml và kéo nó từ thư mục drawable-v24 vào thư mục drawable-anydpi-v26.
  3. Xóa thư mục drawable-v24 nếu thư mục này trống. Nhấp chuột phải vào thư mục đó rồi chọn Delete (Xóa).
  4. Nhấp qua toàn bộ tệp drawablemipmap trong dự án của bạn. Đảm bảo bản xem trước của các biểu tượng này là chính xác.

Thử nghiệm ứng dụng

  1. Kiểm thử để đảm bảo biểu tượng ứng dụng mới xuất hiện. Chạy ứng dụng trên thiết bị của bạn (trình mô phỏng hoặc thiết bị thực tế).
  2. Nhấn nút màn hình chính trên thiết bị.
  3. Vuốt lên để hiển thị danh sách Tất cả ứng dụng.
  4. Tìm ứng dụng bạn vừa cập nhật. Bạn sẽ thấy biểu tượng ứng dụng mới hiển thị.

a0173e1403278227.png

Lưu ý : Tùy vào mẫu thiết bị, bạn hoàn toàn có thể thấy biểu tượng trình chạy có hình dạng khác nhau. Tuy nhiên, nó cần hiển thị lớp nền trước trên lớp nền sau với 1 số ít loại mặt nạ được vận dụng cho nó .
Tốt lắm ! Biểu tượng ứng dụng mới trông rất thích mắt .

Biểu tượng trình khởi chạy thích ứng và cũ

Giờ đây, biểu tượng thích ứng của bạn đã hoạt động giải trí tốt, bạn hoàn toàn có thể vướng mắc tại sao không hề vô hiệu tổng thể các hình ảnh bitmap biểu tượng ứng dụng. Bạn vẫn cần những tệp đó để biểu tượng ứng dụng của bạn Open với chất lượng cao trên các phiên bản Android cũ hơn, đây được gọi là năng lực thích hợp ngược .
Trên thiết bị chạy Android 8.0 trở lên ( API phiên bản 26 trở lên ) :

Bạn có thể sử dụng biểu tượng thích ứng (kết hợp vectơ vẽ được trên nền trước, vectơ vẽ được trên nền sau, kèm theo mặt nạ OEM trên đó). Dưới đây là các tệp có liên quan trong dự án của bạn:

res/drawable-anydpi-v26/ic_launcher_background.xml
res/drawable-anydpi-v26/ic_launcher_foreground.xml
res/mipmap-anydpi-v26/ic_launcher.xml
res/mipmap-anydpi-v26/ic_launcher_round.xml

Trên các thiết bị chạy bất kể phiên bản nào dưới Android 8.0 ( nhưng trên mức API tối thiểu bắt buộc của ứng dụng ) :

Biểu tượng trình chạy cũ sẽ được sử dụng (hình ảnh bitmap trong thư mục mipmap gồm các bộ chứa có mật độ khác nhau). Dưới đây là các tệp có liên quan trong dự án của bạn:

res/mipmap-mdpi/ic_launcher.png
res/mipmap-mdpi/ic_launcher_round.png
res/mipmap-hdpi/ic_launcher.png
res/mipmap-hdpi/ic_launcher_round.png
res/mipmap-xhdpi/ic_launcher.png
res/mipmap-xhdpi/ic_launcher_round.png
res/mipmap-xxdpi/ic_launcher.png
res/mipmap-xxdpi/ic_launcher_round.png
res/mipmap-xxxdpi/ic_launcher.png
res/mipmap-xxxdpi/ic_launcher_round.png

Về cơ bản, Android sẽ quay lại hình ảnh bitmap trên các thiết bị cũ hơn mà không tương hỗ biểu tượng thích ứng .
Xin chúc mừng ! Bạn đã triển khai xong toàn bộ các bước để thay đổi biểu tượng ứng dụng !

7. Mã giải pháp

Mã giải pháp cho lớp học lập trình này có dạng như dưới đây .

res/mipmap-anydpi-v26/ic_launcher.xml



    
    

res/mipmap-anydpi-v26/ic_launcher_round.xml



    
    

res/drawable-anydpi-v26/ic_launcher_background.xml


  
    
      
        
        
      
    
  

res/drawable-anydpi-v26/ic_launcher_foreground.xml


  

Hình ảnh Bitmap cũng đã được Android Studio tạo tự động hóa ở các vị trí sau :

res/mipmap-mdpi/ic_launcher.png
res/mipmap-mdpi/ic_launcher_round.png
res/mipmap-hdpi/ic_launcher.png
res/mipmap-hdpi/ic_launcher_round.png
res/mipmap-xhdpi/ic_launcher.png
res/mipmap-xhdpi/ic_launcher_round.png
res/mipmap-xxdpi/ic_launcher.png
res/mipmap-xxdpi/ic_launcher_round.png
res/mipmap-xxxdpi/ic_launcher.png
res/mipmap-xxxdpi/ic_launcher_round.png

8. Tóm tắt

  • Đặt tệp biểu tượng ứng dụng vào thư mục tài nguyên mipmap.
  • Cung cấp các phiên bản khác nhau của hình ảnh bitmap biểu tượng ứng dụng trong mỗi bộ chứa mật độ (mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi) để tương thích ngược với các phiên bản Android cũ hơn.
  • Thêm bộ hạn định tài nguyên vào thư mục tài nguyên để chỉ định tài nguyên nên được sử dụng trên các thiết bị có cấu hình nhất định (ví dụ: v26).
  • Các vectơ vẽ được là việc triển khai đồ họa vectơ của Android. Chúng được xác định trong XML dưới dạng một tập hợp các điểm, đường kẻ và đường cong cùng với thông tin màu liên quan. Vectơ vẽ được có thể được điều chỉnh tỷ lệ cho bất kỳ mật độ nào mà không làm giảm chất lượng.
  • Chúng tôi đã giới thiệu biểu tượng thích ứng cho nền tảng Android trong API 26. Chúng được tạo thành từ một lớp nền trước và một lớp nền sau tuân theo các yêu cầu cụ thể để biểu tượng ứng dụng hiển thị chất lượng cao trên một loạt thiết bị có nhiều mặt nạ OEM.
  • Sử dụng Image Asset Studio (Công cụ tạo thành phần hình ảnh Studio) trong Android Studio để tạo biểu tượng thích ứng và cũ cho ứng dụng của bạn.