[iOS] Storyboard에서 코너와 테두리를 설정하고 싶다! 그런 당신에게주는 UIView 확장 라이브러리 "EXTView"

문제의식

간단한 프로토타입 작성까지는 Storyboard만으로 끝났는데. . . 앱 개발이 본격화되어 왔고 디자이너 씨로부터 올라온 디자인안을 바탕으로 View의 제작을 시작하면 "으, 여기서 View에 둥글림이 있는 것인가..""죄송합니다, 이 View에는 테두리 표시 포함 없으면..」라는 상황이 늘어나, 그때까지 Storyboard만으로 조정해 온 View도 소스 코드상에서 외형의 수정을 넣어야 하는 장면이 늘어나요.

모퉁이와 경계 정도의 약간의 외형 조정이라면, 가능하면 Storyboard상에서 실시하고 싶다! 그런 희망을 이루는 것이 이번 소개하는 UIView 확장 라이브러리 「EXTView」입니다.

이용 준비

EXTView의 github 주소는 다음과 같습니다.

htps : // 기주 b. 코 m / Rec 루이 tmtl / 에 XT ぃ
　　(꼭 ★star로 지원하실 수 있으면 기쁩니다^^)

CocoaPods를 지원하므로 다음 설정을 프로젝트의 Podfile에 추가하기만 하면 됩니다.

use_frameworks!

pod "EXTView"

pod try에도 대응하고 있으므로, 보다 간단하게 시도하고 싶은 경우는, 커멘드 라인으로부터 이하의 커멘드를 쳐서 시험해 봅시다.

pod try EXTView

이용방법

EXTView는 UIView를 상속하는 클래스로 구현됩니다. 구체적으로는 스토리보드 위에 배치한 UIView를 커스텀 클래스 지정으로 EXTView 계통으로 바꾸는 것으로, 둥근이나 테두리를 지정할 수 있게 됩니다.

먼저 View를 스토리 보드에 배치합니다. 예제에서는 UIButton을 배치합니다.

다음에, 「Identity Inspector」를 열어, 커스텀 클래스로서 EXTView 계통의 클래스명을 지정합니다. 예제에서는 UIButton을 배치했으므로 사용자 정의 클래스로 "EXTButton"을 지정합니다.

커스텀 클래스를 EXTView 계통으로 지정한 후에, 「Attributes Inspector」를 열면, 테두리, 둥근, 배경의 그라데이션을 추가로 지정할 수 있게 됩니다.

확장된 UIView 클래스 목록

EXTView 라이브러리는 다음 UIView 클래스를 확장합니다.


상속 소스 클래스 이름
확장 클래스 이름


UIView
EXTView

UILabel
EXTLabel

UIButton
EXTButton

UISegmentedControl
EXTSegmentedControl

UITextField
EXTTextField

UISlider
EXTSlider

UISwitch
EXTSwitch

UIActivityIndicatorView
EXTActivityIndicatorView

UIProgressView
EXTProgressView

UIPageControl
EXTPageControl

UIStepper
EXTStepper

UITableView
EXTTableView

UIImageView
EXTImageView

UICollectionView
EXTCollectionView

UICollectionViewCell
EXTCollectionViewCell

UICollectionReusableView
EXTCollectionReusableView

UITextView
EXTTextView

UIScrollView
EXTScrollView

UIPickerView
EXTPickerView

UINavigationBar
EXTNavigationBar

UIToolbar
EXTToolbar

UITabBar
EXTTabBar

UISearchBar
EXTSearchBar

구현 해설

이번 스토리보드의 확장은 Xcode 6에서 도입된 IB_DESIGNABLE/IBInspectable이라는 기능을 이용하여 실현되고 있습니다. IB_DESIGNABLE/IBInspectable의 기능을 이용하면, 이번과 같이 스토리보드의 설정을 확장할 수 있기 때문에, 외형으로 디자인을 관리·조정할 수 있는 범위가 넓어져, 소스 코드로 외형 조정하는 것보다 메인터넌시빌리티 향상에 공헌할 수 있는 경우 있습니다. 꼭 유용한 장면에서 활용해보세요.