[swift] 이미지 슬라이드쇼에서 이미지 캡션 투명도 조절하기

27 Nov 2023

swift

이미지 슬라이드쇼를 만들 때 이미지 위에 캡션을 추가하는 경우가 많습니다. 캡션을 더욱 선명하게 보이도록 이미지 위에 투명도를 적용하고자 한다면, 아래의 방법을 사용할 수 있습니다.

1. UIImageView와 UILabel 생성

먼저, UIImageView와 UILabel을 사용하여 이미지 슬라이드쇼와 캡션을 구성합니다. UIImageView에 이미지를 표시하고, UILabel에 캡션을 추가합니다.

import UIKit

class ImageSlideShowViewController: UIViewController {
    
    @IBOutlet weak var imageView: UIImageView!
    @IBOutlet weak var captionLabel: UILabel!
    
    // 이미지 슬라이드쇼 및 캡션 설정 코드
    
}

2. 투명도 조절

UIImageView와 UILabel의 투명도를 조절하여 캡션을 투명하게 만들 수 있습니다. viewDidLoad() 메서드에서 투명도 값을 설정하고, 필요에 따라 다른 메서드에서 변경할 수 있습니다.

class ImageSlideShowViewController: UIViewController {
    
    @IBOutlet weak var imageView: UIImageView!
    @IBOutlet weak var captionLabel: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        captionLabel.alpha = 0.5 // 캡션의 초기 투명도 설정
        // 이미지 슬라이드쇼 설정 코드
    }
    
    // 다른 메서드에서 투명도 변경
    func changeCaptionOpacity(opacity: CGFloat) {
        captionLabel.alpha = opacity
    }
}

위의 예시에서 captionLabel.alpha 값을 0.5로 설정하여 캡션을 반투명하게 만들었습니다. 이 값을 0에 가까워지게 조절할수록 캡션은 더 투명해집니다.

3. 투명도 조절 방법

투명도를 조절하는 방법은 alpha 속성을 이용하는 것 외에도, 캡션의 배경색을 조절하거나 블러 효과를 추가하는 방식으로도 가능합니다.

class ImageSlideShowViewController: UIViewController {
    
    @IBOutlet weak var imageView: UIImageView!
    @IBOutlet weak var captionLabel: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // ... 이미지 슬라이드쇼 설정 코드 ...
        
        // 캡션의 배경색 조절
        captionLabel.backgroundColor = UIColor.white.withAlphaComponent(0.5)
        
        // 캡션에 블러 효과 추가
        let blurEffect = UIBlurEffect(style: .light)
        let blurView = UIVisualEffectView(effect: blurEffect)
        blurView.frame = captionLabel.bounds
        blurView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        captionLabel.addSubview(blurView)
    }
}

위의 예시에서는 captionLabel.backgroundColor 속성을 사용하여 캡션의 배경색을 설정하고, UIBlurEffect를 사용하여 블러 효과를 추가했습니다.

결론

위에서 설명한 방법을 사용하면 이미지 슬라이드쇼에서 이미지 캡션의 투명도를 조절할 수 있습니다. 선호하는 방법으로 투명도를 조절하여 이미지와 캡션이 깔끔하게 표시되도록 설정하세요.

참고 자료: