【Swift】 화면에 이미지를 표시하는 방법

10908 단어 XcodeiOSSwift

머리



Xcode12.4의 Swift를 사용한 iOS 앱 개발에서 이전 Xcode와 다른 경우가 많았기 때문에 설명

1. UIImage에 이미지를 올리는 방법


  • 오른쪽 상단의 + 버튼을 클릭하여 개체 목록을 표시합니다.
  • Image View를 선택하고 스토리보드에 추가


  • 추가 후 스토리 보드


    그런 다음 아울렛 연결을 통해 이미지 설정
  • ViewController 열기
  • control 키를 누른 상태에서 스토리 보드의 Image View를 ViewController의 viewDidLoad 메서드 위에 추가 (Name : image로 설정)


  • 이하, ViewController
  • import UIKit
    
    class ViewController: UIViewController {
    
        // アウトレット接続
        @IBOutlet weak var image: UIImageView! // 画像
    
        // 最初に読み込まれるコード
        override func viewDidLoad() {
            super.viewDidLoad()
            // Do any additional setup after loading the view.
    
        }  
    }
    

    그런 다음 모든 이미지를 프로젝트에 추가 (sample.jpg 추가)

    Copy items if needed에 체크가 있는지 확인하기

  • viewDidLoad 내에서 레이블과 버튼 내용을 설정합니다.
  • 아래 ViewController viewDidLoad 메서드
  •   // 最初に読み込まれるコード
        override func viewDidLoad() {
            super.viewDidLoad()
            // Do any additional setup after loading the view.
    
            // 画像を設定
            let sampleImage = UIImage(named: "sample.jpg")
            image.image = sampleImage
        }
    

    실행 후


    2. 배경에 이미지를 올리는 방법



    전체 화면에 표시


  • 스토리 보드에 UI 파트가 표시되지 않습니다
  • 모든 이미지를 프로젝트에 추가 (sample.jpg 추가)
  • viewDidLoad 내에서 배경 이미지 설정
  • 아래 ViewController viewDidLoad 메서드
  •   // 最初に読み込まれるコード
        override func viewDidLoad() {
            super.viewDidLoad()
            // Do any additional setup after loading the view.
    
            // 画像を設定
            let widthSize = UIScreen.main.bounds.size.width // 画面の横の大きさを取得
            let heightSize = UIScreen.main.bounds.size.height // 画面の縦の大きさを取得
            let imageViewBackground = UIImageView(frame: CGRect(x: 0, y: 0, width: widthSize, height: heightSize)) // 背景画像の大きさを設定
            imageViewBackground.image = UIImage(named: "sample.jpg") // 画像を設定
            self.view.addSubview(imageViewBackground) // 背景画像を追加する
        }
    
    UIImageView(frame: CGRect(x: 0, y: 0, width: widthSize, height: heightSize))- x: 표시 위치 X 좌표
    - y: 표시 위치 y 좌표
    - width: 가로 크기
    - height: 세로 크기

    실행 후


    가로(세로)에 맞게 표시


  • 이번은 정사각형의 이미지이므로 옆에 맞추어 이미지를 표시한다
  • 아래 ViewController viewDidLoad 메서드
  •   let widthSize = UIScreen.main.bounds.size.width // 画面の横の大きさを取得
      let heightSize = UIScreen.main.bounds.size.height // 画面の縦の大きさを取得
      let imageViewBackground = UIImageView(frame: CGRect(x: 0, y: (heightSize - widthSize) / 2, width: widthSize, height: widthSize)) // 背景画像の大きさを設定
      imageViewBackground.image = UIImage(named: "sample.jpg") // 画像を設定
      self.view.addSubview(imageViewBackground) // 背景画像を追加する
    

    이미지를 한가운데로 설정하고 싶기 때문에 아래와 같이 설정
    - y: (heightSize-widthSize)/2 (화면 세로 크기 - 올리고 싶은 이미지의 세로 크기)/2
    - height: 화면 옆의 크기로 설정

    실행 후


    보충: 이미지를 반투명하게 합니다.


      imageViewBackground.alpha = 0.5 // 半透明度50%
    

    실행 후


    이번에는 여기까지!

    관련 기사



    1. Swift로 스토리보드 작업
    2.Storyboard에 UI 부품 설치
    3. 화면 전환을 수행
    4. 화면에 이미지를 표시하는 방법(본 기사)
    5.ImagePicker로 카메라 롤에서 사진을 선택하여 표시
    6. PHPicker로 카메라 롤에서 사진을 선택하고 표시

    좋은 웹페이지 즐겨찾기