Źródło: Arkusze CKE
W aplikacji mobilnej, aby zdefiniować warianty grafiki w zależności od rozdzielczości ekranu, należy (uwaga: odpowiedzi wariantowe dla dwóch platform - sugerować się platformą wykorzystywaną na zajęciach)
Warianty odpowiedzi
-
A
iOS: dodać do nazw przyrostki wskazujące na rozdzielczość, np.32ppi. Android: umieścić grafikę w odpowiednich folderach: 32ppi, 64ppi, 96ppi.
-
B
iOS: dodać do nazw przyrostki #2x, #3x. Android: dodać do nazw przyrostek rozdzielczości: -32x32, -64x64, -96x96.
-
C
iOS: dodać do nazw plików przyrostki @2x, @3x. Android: umieścić grafikę w odpowiednich folderach drawable: -hdpi, -xhpi, xxhdpi.
-
D
iOS: utworzyć foldery hdpi, lhpi, xhpi i dodać do nich grafiki. Android: utworzyć foldery 32x32, 64x64, 96x96 i dodać do nich grafiki.
Wyjaśnienie
Ekrany smartfonów różnią się gęstością pikseli, dlatego aplikacje mobilne muszą dostarczać pliki graficzne w kilku rozdzielczościach, aby obrazy nie były rozmazane ani nie zajmowały zbyt wiele pamięci.
W systemie iOS robi się to poprzez specjalne przyrostki w nazwach plików - plik podstawowy, wersja dwukrotnie większa z przyrostkiem @2x oraz trzykrotnie większa z @3x.
W Androidzie podejście jest inne - ten sam plik graficzny wrzuca się do osobnych katalogów w folderze zasobów, posiadających odpowiednie sufiksy gęstości, takie jak hdpi, xhdpi czy xxhdpi. System sam wybierze właściwy folder w zależności od ekranu telefonu.