상세 컨텐츠

본문 제목

[ios] Swift 원형 이미지 만들기

IOS

by 삽질하는 개발자 2020. 9. 25. 09:52

본문

IOS 원형 이미지 만들기

 

소스는 생각보다 간단합니다.

                user_image.layer.cornerRadius = user_image.frame.height/2
                user_image.layer.borderWidth = 1
                user_image.clipsToBounds = true
                user_image.layer.borderColor = UIColor.clear.cgColor  //원형 이미지의 테두리 제거

실제 적용 예)

소스를 적용하였지만, 위의 이미지처럼 좌/우 영역이 잘리는 현상이 발생합니다....

 

해결 방법 

view의  속성 중에 content Mode를 Aspect Fit에서 Scale To Fill 로 변경

-안될 경우 다른 옵션으로 적용(다른 프로젝트에서는 이미지를 정사각형(가로,세로 길이 동일)으로 만들고 Aspect Fill 적용)

 

변경 후 원형이미지 정상적으로 출력 

 

 

 

 

-Aspect Fit

 이미지 비율을 유지하면서 이미지를 모두 표시한다.

 전체 이미지가 나오지만, 비율이 깨질 수 있다.

 

-Scale To Fill

 이미지 원본 비율을 희생하여 전체 이미지가 ImageView안에 들어가게 한다.

 이미지 비율도 유지되고 전체 이미지가 나오지만 크기가 작아질 수 있다.

 

-Aspect Fill

 이미지 비율을 유지하면서 ImageView에 가득 차게 이미지 표시. 

 비율은 유지될 수 있지만, 이미지가 잘릴 수 있다.

 

 

* 이미지가 ImageView 밖으로 빠져가는 현상이 발생하면 아레 옵션으로 방지할 수 있다.

imageView.layer.maskToBounds = true

'IOS' 카테고리의 다른 글

IOS UIView animate (애니메이션 효과, 로딩 화면 구현)  (0) 2020.09.23

관련글 더보기