2016-09-13 13 views
0

둥근 모서리 UIButton을 만들려고합니다.StoryBoard에서 iOS10 둥근 UIButton 쇼

내 사용자 정의 버튼 클래스에서이 layer.cornerRadius = 30 같은 뭔가하고도

click here for storyboard image.

나는 나의 둥근 모서리있는 UIButton을 얻을 수 있어요 내 스토리 보드에 업데이트되었습니다. 내가 시뮬레이터에서 실행하면 잘 동작한다.

Button on simulator looks like this.

는하지만, 내 스토리 보드에 여전히 사각형 버튼처럼 보인다. 스토리 보드를 업데이트하여 둥근 버튼을 얻으려면 어떻게해야합니까?

+0

Interface Builder가 사용자 정의보기를 렌더링하게하는 유일한 방법은'IBDesignable' /'IBInspectable' 지시어를 사용하는 것입니다. 이것을 CircleButton에 추가 할 수 있습니다. 나는 지금 자세하게 들어갈 수 없다. 'IBDesignable UIButton'을 검색하십시오. – Arthur

+0

@Arthur 덕분에 작동 – rohit90

답변

1

마지막으로 대답을 찾았습니다. devslopes.com 덕분에

먼저 @IBDesignable을 사용자 정의 클래스에 추가 한 후 다음 코드를 추가하십시오.

@IBInspectable var cornerRadius: CGFloat = 30 
{ 
    didSet{ 
     layer.cornerRadius = cornerRadius 
    } 
} 
override func prepareForInterfaceBuilder() 
{ 
    layer.cornerRadius = cornerRadius 
} 

사용자 지정 클래스에이 함수를 추가 한 후. 스토리 보드에서 해당 버튼에 대한 코너 반경 값을 업데이트하면 스토리 보드에서 원형 버튼을 볼 수 있습니다.

0

layer.cornerRadius = 30이 (가) 런타임에 실행되기 때문에 버튼이 스토리 보드에서 정사각형으로 보입니다. 당신이 편집기에서 루프를 작성하는 것과 같습니다. 그런 다음 거기에 결과를주지는 않지만 스토리 보드에서 반올림하지 않는 것이 현명한 것처럼 실행할 때 작동합니다!

+0

내 스토리 보드에 둥근 모서리 단추를 표시 할 수있는 방법이 있습니까? 내 지식에 따라 – rohit90

+0

아니오 !! – Lion