UI에 테두리 및 필렛 적용

2790 단어 SwiftiOS

개시하다


Swift로 UIImageView와 UIButton에 테두리와 각환을 적용하는 방법을 적습니다.

이미지 표시


UIImageView 읽기 이미지NASA Blue Marble of Eastern Hemisphere를 구성합니다.
그러면 이미지가 표시됩니다.

테두리


테두리를 적용합니다.경계 색상을 빨간색으로 설정합니다.
sample1.swift
self.imageView.layer.borderColor = UIColor.redColor().CGColor
self.imageView.layer.borderWidth = 10

사방


그리고 각환을 적용한다.
sample2.swift
self.imageView.layer.cornerRadius = 30

각환은 이미 응용되었다.이 상태에서 그림에는 테두리가 그려진 것 같다.
각환에 따라 이미지 마스크 처리가 필요합니다.
sample3.swift
self.imageView.layer.masksToBounds = true

이렇게 되면 이미지는 각환과 어울리는 마스크가 된다.
이번에는 UIImageView의 경우 테두리, 각환이 적용됐고, UIButton도 같은 처리로 가능하다.

최후


코너 라디우스의 값을 추가하면 이미지가 어떻게 표시되는지 실험해 봤어요.
UISlider를 구성하면 corner Radius 값이 오른쪽으로 이동할수록 슬라이더가 커집니다.

좋은 웹페이지 즐겨찾기