2017-11-23 27 views
0

나는 UIStackView 소개 세 개의 별도의 하위보기를 나누고 점선으로 나누도록했습니다. 나는 당신이 UIStackView에 간격을 설정할 수 있다는 것을 알고 있지만, 나는 그 간격을 점선으로 바꿀 수 없다는 것을 알고있다.점선 구분선이있는 세 개의 하위 뷰에서 스택 뷰를 나누시겠습니까?

기본적으로 3 개의 하위보기가 다른 장치 크기로 올바르게 확장되지만 점선은 항상 그 사이에 작은 것이 좋습니다. 명확하게하기 위해 내가 달성하기 위해 노력하고있어 결과는 다음과 같습니다

Example image of desired UIStackView layout

나는 누군가가 올바른 방향으로 날 지점 수 있기를 바랍니다, 감사합니다 사전에!

+0

스택 뷰 내에서 똑같이 세 개의 UIView를 채우고 왼쪽 및 중앙 uview에 서브 뷰로 점선을 추가 할 수 있습니다 –

답변

1

3 개의 뷰를 동일한 폭으로 구속 한 다음 일정한 너비로 제한된 몇 개의 분리 자 뷰를 추가 할 수 있습니다.

let stackView = UIStackView() 
stackView.axis = .horizontal 
self.view.addSubview(stackView) 

let view1 = UIView() 
view1.backgroundColor = .red 
stackView.addArrangedSubview(view1) 

let separator1 = UIView() 
separator1.backgroundColor = .black 
stackView.addArrangedSubview(separator1) 
separator1.widthAnchor.constraint(equalToConstant: 1).isActive = true 

let view2 = UIView() 
view2.backgroundColor = .green 
stackView.addArrangedSubview(view2) 
view2.widthAnchor.constraint(equalTo: view1.widthAnchor, multiplier: 1).isActive = true 

let separator2 = UIView() 
separator2.backgroundColor = .black 
stackView.addArrangedSubview(separator2) 
separator2.widthAnchor.constraint(equalToConstant: 1).isActive = true 

let view3 = UIView() 
view3.backgroundColor = .blue 
stackView.addArrangedSubview(view3) 
view3.widthAnchor.constraint(equalTo: view1.widthAnchor, multiplier: 1).isActive = true