Wyświetlanie obrazów za pomocą platformy Xamarin.iOS

Dodawanie obrazów do aplikacji wymaga dwóch kroków: najpierw dodaj obrazy do projektu; następnie dodaj kontrolki i kod, aby wyświetlić je na ekranie. Zapoznaj się z artykułem Praca z obrazami, aby uzyskać bardziej szczegółowy opis obsługi obrazów na platformie Xamarin.iOS.

Dodawanie obrazów do aplikacji

Obrazy można dodać do dowolnego folderu w rozwiązaniu Visual Studio dla komputerów Mac, a jeśli akcja kompilacji jest ustawiona na Zawartość, plik zostanie dołączony do aplikacji i będzie można go wyświetlić.

Visual Studio dla komputerów Mac obsługuje również specjalny katalog o nazwie Zasoby, które mogą również zawierać pliki obrazów. Pliki w folderze Resources powinny mieć ustawioną wartość Akcja kompilacji Na wartość BundleResource.

Ten zrzut ekranu przedstawia opcje akcji kompilacji wyświetlane po kliknięciu pliku prawym przyciskiem myszy:

Visual Studio dla komputerów Mac zazwyczaj wybiera właściwe Akcja kompilacji automatycznie, ale należy pamiętać o tych ustawieniach, zwłaszcza w przypadku przenoszenia plików w projekcie.

Dodawanie pliku obrazu

Aby dodać plik obrazu do projektu, najpierw kliknij projekt prawym przyciskiem myszy i wybierz polecenie Dodaj pliki...

Wybierz obraz (lub obrazy), który chcesz dołączyć do okna dialogowego pliku standardowego. Domyślną akcją kompilacji dla obrazów będzie BundleResource — nie przesłaniaj tej wartości, chyba że masz określony powód.

Obraz zostanie dodany do projektu i będzie dostępny do załadowania i wyświetlenia go w kodzie. Ten zrzut ekranu przedstawia obraz dodany do projektu aplikacji systemu iOS:

Co to jest katalog Resources?

Pliki umieszczone w katalogu Resources są traktowane inaczej niż zwykłe pliki — zawartość folderu Resources jest kopiowana do katalogu głównego aplikacji i może być przywoływane z tego miejsca w kodzie. Może to być przydatne z wielu powodów:

• Przechowywanie obrazów skonfigurowanych we właściwościach aplikacji, takich jak domyślne obrazy uruchamiania i ikony aplikacji.
• Przechowywanie innych obrazów i plików niezależnie od kodu, dzięki czemu jest łatwiejsze do zarządzania (podkatalogi są zachowywane podczas kopiowania zawartości katalogu Resources).

Katalog Resources jest szczególnie przydatny w projekcie biblioteki, ponieważ kod może zakładać, że te obrazy zostaną skopiowane do katalogu głównego aplikacji zużywanej, co ułatwia pisanie udostępnionych bibliotek kodu, które wymagają obrazu, dźwięku, wideo, xml lub innych plików.

Katalog Resources musi być tak nazwany, a wszystkie pliki powinny mieć akcję kompilacji ustawioną na BundleResource.

Wyświetlanie obrazu

W Projektant systemu iOS użyj widoku obrazu, aby wyświetlić obraz lub animowaną serię obrazów. Poniżej przedstawiono ikonę Widok obrazu z przybornika:

Przeciągnij widok obrazu z przybornika na kontroler widoku. Następnie w obszarze Obraz widok > obrazu lista rozwijana będzie zawierać listę wszystkich dostępnych plików obrazów w projekcie. Wybierz dowolną z nich, aby dodać ją do widoku obrazu.

Programowe wyświetlanie obrazu

Ponieważ Monkey.jpg SF znajduje się w katalogu głównym katalogu Resources , będzie on dostępny w czasie wykonywania w katalogu głównym pakietu aplikacji. Aby wyświetlić ten obraz w kontrolce widoku obrazu, użyj następującego kodu:

imageview1.Image = UIImage.FromBundle("SF Monkey.png");

Gdyby obraz został umieszczony w folderze /Resources/Pics/SF Monkey.jpg, kod będzie zawierał folder Pics w ścieżce:

imageview1.Image = UIImage.FromBundle("Pics/SF Monkey.png");

Odwołania do pliku zasobów nigdy nie muszą zawierać folderu Resources .