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 UIView animate (애니메이션 효과, 로딩 화면 구현) (0) | 2020.09.23 |
---|