Elementem interfejsu użytkownika (UI), który jest odpowiedzialny za wyświetlanie zasobów graficznych jest ImageView.

Jest to klasa Javy dziedzicząca po klasie View i Object.

Przejdźmy do Visualizera i rozpocznijmy tworzenie elementów. Objaśnienia poszczególnych atrybutów poniżej kodu:

<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:src="@drawable/fall"
    android:scaleType="centerCrop"
/>

android: – oznacza użycie przestrzeni nazw języka XML dedykowanej dla platformy Android, czyli po prostu otwieramy paczkę, z której wyciągamy konkretne atrybuty (to taka jakby ścieżka dostępu).

layout_width, layout_height – szerokość i wysokość elementu, ten zapis stosujemy we wszystkich widokach na jakich pracujemy

• wrap_content – dynamiczne dostosowanie wielkości do zawartości
• match_parent – dostosowanie wielkości do elementu nadrzędnego, np. ekranu telefonu
• dp – np. 300dp, „dp” to jednostka niezależna od rozdzielczości urządzenia i nie wpływają na nią ustawienia telefonu, związana jest z gęstością ekranu (ilość pikseli w określonej przestrzeni ekranu). Zostaje automatycznie przeskalowana na urządzeniach z różną gęstością. 1dp = 1px dla gęstości 160dpi, w przypadku uruchomienia aplikacji na urządzeniu o gęstości innej niż 160, wartość zostanie przeskalowana wg wzoru: px=dp*(dpi/160).

android:src – wgrywanie obrazka, źródło obrazka

• „@drawable/fall” – podajemy ścieżkę dostępu do obrazka jaki chcemy wyświetlić. Kiedy zaczniemy korzystać z AndroidStudio, taką właśnie strukturę będziemy wykorzystywać i taką strukturę ma nasz Visualizer. Na stronie Visualizera, w prawym dolnym rogu klknij „AVAILABLE IMAGES” i zobaczysz z jakich grafik możesz skorzystać na tą chwilę. Nie musimy podawać rozszerzenia grafiki.

scaleType – skalowanie obrazka (wszystkie opcje na stronie dokumentacji)

• centerCrop – rozciąga obrazek wertykalnie i obcina krawędzie