[swift] 이미지 슬라이드쇼에 이미지 추가하기

27 Nov 2023

swift

이미지 슬라이드쇼는 웹 페이지나 앱에서 매우 인기 있는 요소 중 하나입니다. 사용자들은 여러 이미지를 자동으로 전환되는 슬라이드쇼로 볼 수 있으며, 이는 시각적인 흥미를 끄는 동시에 사용자 경험을 향상시킬 수 있습니다.

이제 Swift 언어를 사용하여 이미지 슬라이드쇼에 새로운 이미지를 추가하는 방법을 알아보겠습니다.

Step 1 - 이미지 추가하기

먼저, 앱 내에 표시할 이미지 파일을 프로젝트에 추가해야 합니다. 이를 위해 다음 단계를 따릅니다.

Xcode에서 프로젝트를 열고 파일 탐색기에서 Assets.xcassets 폴더를 찾습니다.
해당 폴더에서 마우스 오른쪽 버튼을 클릭하고 New Image Set을 선택합니다.
원하는 이름을 입력하고 이미지 파일을 선택한 다음 Add 버튼을 클릭합니다.

Step 2 - 이미지 슬라이드쇼 구현하기

이제 이미지를 추가했으니, 이미지 슬라이드쇼를 구현해야 합니다. 슬라이드쇼를 구현하기 위해 다음 단계를 따라주세요.

Xcode에서 Swift 프로젝트를 엽니다.
UIViewController를 추가하고 뷰를 디자인합니다. 여기에 이미지를 표시할 UIImageView를 추가합니다.
UIImageView에 이름을 지정하고 이미지 파일을 설정합니다. 예를 들어, imageView라는 이름을 사용하고 이미지 파일 이름을 slide1로 설정합니다.

class ViewController: UIViewController {
    @IBOutlet weak var imageView: UIImageView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 이미지 파일 설정
        imageView.image = UIImage(named: "slide1")
    }
}

Step 3 - 이미지 전환하기

이제 이미지 슬라이드쇼를 만들기 위해 이미지를 전환하는 코드를 구현해야 합니다. 다음 단계를 따라주세요.

이미지 슬라이드쇼에 사용할 이미지 파일들을 Assets.xcassets 폴더에 추가합니다. 위에서 추가한 이미지를 여기에 추가해주세요.
ViewController에 Timer와 이미지 파일 배열을 추가합니다.

class ViewController: UIViewController {
    @IBOutlet weak var imageView: UIImageView!
    
    var timer: Timer?
    var imageIndex = 0
    let imageNames = ["slide1", "slide2", "slide3"]
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 이미지 파일 설정
        imageView.image = UIImage(named: "slide1")
        
        // 타이머 시작
        timer = Timer.scheduledTimer(timeInterval: 2, target: self, selector: #selector(changeImage), userInfo: nil, repeats: true)
    }
    
    @objc func changeImage() {
        // 이미지 전환
        imageIndex += 1
        
        if imageIndex >= imageNames.count {
            imageIndex = 0
        }
        
        imageView.image = UIImage(named: imageNames[imageIndex])
    }
}

마무리

이제 이미지 슬라이드쇼에 새로운 이미지를 추가하는 방법에 대해 알아보았습니다. 위의 코드를 사용하여 슬라이드쇼에 다른 이미지를 추가하고 앱에 더욱 흥미로운 기능을 추가해보세요!