UI에 테두리 및 필렛 적용
개시하다
Swift로 UIImageView와 UIButton에 테두리와 각환을 적용하는 방법을 적습니다.
이미지 표시
UIImageView 읽기 이미지NASA Blue Marble of Eastern Hemisphere를 구성합니다.
그러면 이미지가 표시됩니다.
테두리
테두리를 적용합니다.경계 색상을 빨간색으로 설정합니다.
sample1.swiftself.imageView.layer.borderColor = UIColor.redColor().CGColor
self.imageView.layer.borderWidth = 10
사방
그리고 각환을 적용한다.
sample2.swiftself.imageView.layer.cornerRadius = 30
각환은 이미 응용되었다.이 상태에서 그림에는 테두리가 그려진 것 같다.
각환에 따라 이미지 마스크 처리가 필요합니다.
sample3.swiftself.imageView.layer.masksToBounds = true
이렇게 되면 이미지는 각환과 어울리는 마스크가 된다.
이번에는 UIImageView의 경우 테두리, 각환이 적용됐고, UIButton도 같은 처리로 가능하다.
최후
코너 라디우스의 값을 추가하면 이미지가 어떻게 표시되는지 실험해 봤어요.
UISlider를 구성하면 corner Radius 값이 오른쪽으로 이동할수록 슬라이더가 커집니다.
Reference
이 문제에 관하여(UI에 테두리 및 필렛 적용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/arthur87/items/a1aa46e9f498d85d6546
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
UIImageView 읽기 이미지NASA Blue Marble of Eastern Hemisphere를 구성합니다.
그러면 이미지가 표시됩니다.
테두리
테두리를 적용합니다.경계 색상을 빨간색으로 설정합니다.
sample1.swiftself.imageView.layer.borderColor = UIColor.redColor().CGColor
self.imageView.layer.borderWidth = 10
사방
그리고 각환을 적용한다.
sample2.swiftself.imageView.layer.cornerRadius = 30
각환은 이미 응용되었다.이 상태에서 그림에는 테두리가 그려진 것 같다.
각환에 따라 이미지 마스크 처리가 필요합니다.
sample3.swiftself.imageView.layer.masksToBounds = true
이렇게 되면 이미지는 각환과 어울리는 마스크가 된다.
이번에는 UIImageView의 경우 테두리, 각환이 적용됐고, UIButton도 같은 처리로 가능하다.
최후
코너 라디우스의 값을 추가하면 이미지가 어떻게 표시되는지 실험해 봤어요.
UISlider를 구성하면 corner Radius 값이 오른쪽으로 이동할수록 슬라이더가 커집니다.
Reference
이 문제에 관하여(UI에 테두리 및 필렛 적용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/arthur87/items/a1aa46e9f498d85d6546
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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 값이 오른쪽으로 이동할수록 슬라이더가 커집니다.
Reference
이 문제에 관하여(UI에 테두리 및 필렛 적용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/arthur87/items/a1aa46e9f498d85d6546
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(UI에 테두리 및 필렛 적용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/arthur87/items/a1aa46e9f498d85d6546텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)