Xamarin.ios를 사용 하 여 이미지 표시Displaying images with Xamarin.iOS

앱에 이미지를 추가 하려면 먼저 두 단계가 필요 합니다. 먼저 프로젝트에 이미지를 추가 합니다. 그런 다음 컨트롤 및 코드를 추가 하 여 화면에 표시 합니다.Adding images to your app requires two steps: first, add the images to your project; then, add controls and code to display them on a screen. Xamarin.ios에서 이미지를 처리 하는 방법에 대 한 자세한 내용은 이미지 작업 문서를 참조 하세요.Refer to the Working with images article for more detailed coverage of image handling in Xamarin.iOS.

앱에 이미지 추가Adding images to your app

Mac용 Visual Studio 솔루션의 모든 폴더에 이미지를 추가할 수 있으며, 빌드 작업내용 으로 설정 하면 파일이 앱에 포함 되 고 표시 될 수 있습니다.Images can be added to any folder in your Visual Studio for Mac solution, and if the Build Action is set to Content then the file will be included with your app and can be displayed.

또한 Mac용 Visual Studio는 이미지 파일을 포함할 수 있는 리소스 라는 특수 디렉터리도 지원 합니다.Visual Studio for Mac also supports a special directory called Resources that can also contain image files. Resources 폴더의 파일은 빌드 작업BundleResource로 설정 해야 합니다.Files in the Resources folder should have the Build Action set to BundleResource.

이 스크린샷에서는 파일을 마우스 오른쪽 단추로 클릭할 때 표시 되는 빌드 작업 옵션을 보여 줍니다.This screenshot shows the Build Action options that appear when a file is right-clicked:

Mac용 Visual Studio은 일반적으로 올바른 빌드 작업 을 자동으로 선택 하지만 특히 프로젝트에서 파일을 이동 하는 경우 이러한 설정을 알고 있어야 합니다.Visual Studio for Mac will typically choose the correct Build Action automatically but you should be aware of these settings, especially if you move files around in your project.

이미지 파일 추가Adding an image file

프로젝트에 이미지 파일을 추가 하려면 먼저 프로젝트를 마우스 오른쪽 단추로 클릭 하 고 파일 추가 ...를 선택 합니다.To add an image file to your project, first right-click the project and choose Add Files...

표준 파일 대화 상자에 포함할 이미지 (또는 이미지)를 선택 합니다.Select the image (or images) you wish to include in the standard file dialog. 이미지에 대 한 기본 빌드 작업은 BundleResource 입니다. 특별 한 이유가 없으면이 값을 재정의 하지 마십시오.The default build action for images will be BundleResource – don’t override this value unless you have a specific reason.

이미지가 프로젝트에 추가 되 고 로드 되어 코드에 표시 될 수 있습니다.The image will be added to your project and available to be loaded and displayed in code. 이 스크린샷은 iOS 응용 프로그램 프로젝트에 추가 된 이미지를 보여 줍니다.This screenshot shows an image added to an iOS application project:

Resources 디렉터리 란?What is the Resources directory?

Resources 디렉터리에 배치 된 파일은 일반 파일과 다르게 처리 됩니다. 리소스 폴더의 콘텐츠는 응용 프로그램의 루트에 복사 되 고 코드에서 참조 될 수 있습니다.Files placed in the Resources directory are treated differently from regular files – the contents of the Resources folder are copied to the root of the application and can be referenced from there in your code. 이는 다음과 같은 다양 한 이유로 유용할 수 있습니다.This can be useful for many reasons:

  • 기본 시작 이미지 및 응용 프로그램 아이콘과 같이 응용 프로그램의 속성에 구성 된 이미지를 저장 합니다.Storing the images configured in the application’s properties, such as the default start-up images and application icons.
  • 다른 이미지 및 파일을 코드와 별도로 저장 하므로 관리 하기가 더 쉽습니다. 하위 디렉터리는 리소스 디렉터리 콘텐츠가 복사 될 때 유지 됩니다.Storing other images and files separately from the code, so they’re easier to manage (subdirectories are preserved when the Resources directory contents are copied).

리소스 디렉터리는 라이브러리 프로젝트에서 특히 유용 합니다. 코드는 해당 이미지가 소비 응용 프로그램의 루트에 복사 되는 것으로 가정할 수 있으므로 이미지, 사운드, 비디오, XML 또는를 필요로 하는 공유 코드 라이브러리를 더 쉽게 작성할 수 있기 때문입니다. 기타 파일.The Resources directory is especially useful in a library project, since the code can assume that those images will be copied into the root of the consuming application, making it easier to write shared code libraries that require image, sound, video, XML or other files.

리소스 디렉터리는로 명명 되어야 하며 모든 파일의 빌드 작업은 BundleResource로 설정 해야 합니다.The Resources directory must be so named, and all files should have the build action set to BundleResource.

이미지 표시Displaying the image

IOS 디자이너에서 이미지 를 사용 하 여 이미지 또는 애니메이션 된 일련의 이미지를 표시 합니다.In the iOS Designer, use an Image View to display an image or animated series of images. 도구 상자의 이미지 뷰 아이콘은 다음과 같습니다.The Image View icon from the Toolbox is shown below:

도구 상자이미지 뷰 를 뷰 컨트롤러로 끌어 옵니다.Drag the Image View from the Toolbox onto the view controller. 그런 다음 이미지 보기 > 이미지 아래에 있는 드롭다운 목록에는 프로젝트에서 사용 가능한 모든 이미지 파일의 목록이 제공 됩니다.Then, under Image View > Image the drop-down list will provide a list of all available image files in your project. 이러한 중 하나를 선택 하 여 이미지 보기에 추가 합니다.Select any of these to add it to your image view.

프로그래밍 방식으로 이미지 표시Displaying the image programmatically

SF 원숭이 jpgResources 디렉터리의 루트에 있으므로 응용 프로그램 번들의 루트에서 런타임에 사용할 수 있습니다.Because SF Monkey.jpg is located in the root of the Resources directory it will be available at runtime in the application bundle’s root. 이미지 뷰 컨트롤에이 이미지를 표시 하려면 다음 코드를 사용 합니다.To display this image in an image view control, use the following code:

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

/Resources/Pics/SF 원숭이에 이미지를 배치한 경우 코드의 경로에는 Pics 폴더가 포함 됩니다.If we had placed the image in /Resources/Pics/SF Monkey.jpg, then the code would include the Pics folder in the path:

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

리소스 파일 참조에는 리소스 폴더를 포함할 필요가 없습니다.Resource file references never need to include the Resources folder.