Computer >> 컴퓨터 >  >> 프로그램 작성 >> IOS

Swift를 사용하여 iOS 앱에서 모서리가 둥근 이미지를 표시하는 방법은 무엇입니까?


둥근 모서리가 있는 이미지를 만들거나 보기, 버튼 또는 둥근 모서리가 있는 UI 요소를 빠르게 만들려면 해당 레이어의 모서리 반경 속성에 액세스해야 합니다. iOS의 모든 UI 요소는 레이어를 기반으로 합니다.

먼저 스토리보드에 UIImageView 개체를 추가해 보겠습니다. 또는 프로그래밍 방식으로 생성해 보겠습니다.

다음은 프로그래밍 방식으로 이미지 보기를 만들고 여기에 이미지를 추가하는 함수입니다.

func addImage(imageName img: String) {
   let imageView = UIImageView()
   imageView.frame = CGRect(x: 10, y: 20, width: 200, height: 200)
   imageView.contentMode = . scaleAspectFill
   if let newImage = UIImage(named: img) {
      imageView.image = newImage
   }
   self.view.addSubview(imageView)
}

응용 프로그램에 추가하려는 원본 이미지가 −

라고 가정해 보겠습니다.

Swift를 사용하여 iOS 앱에서 모서리가 둥근 이미지를 표시하는 방법은 무엇입니까?

viewDidLoad에서 아래 코드를 호출하여 이 이미지를 애플리케이션에 추가해 보겠습니다.

다음은 모서리 속성을 변경하지 않은 모습입니다.

Swift를 사용하여 iOS 앱에서 모서리가 둥근 이미지를 표시하는 방법은 무엇입니까?

이제 기존 코드에 모서리 반경 속성을 추가하고 어떻게 보이는지 봅시다.

imageView.layer.cornerRadius = 10
imageView.clipsToBounds = true

addSubview 메서드 바로 위에 있는 addImage 함수에서 이 두 줄을 추가합니다. 애플리케이션을 실행하면 다음과 같이 보입니다. −

Swift를 사용하여 iOS 앱에서 모서리가 둥근 이미지를 표시하는 방법은 무엇입니까?

우리는 또한 UIImageView의 확장을 생성하고 아래와 같이 같은 것을 사용할 수 있습니다. 다시 같은 결과를 생성합니다.

extension UIImageView {
   func makeRoundCorners(byRadius rad: CGFloat) {
      self.layer.cornerRadius = rad
      self.clipsToBounds = true
   }
}


imageView.makeRoundCorners(byRadius: 20)