让UIDatePicker不要过于宽大

时间:2016-12-14 06:45:03

标签: ios xcode uiscrollview uistackview

我在iOS上有一个视图层次结构,如下所示:

UIViewController
  - UIView
    - UIButton
    - UIButton
    - UIScrollView
      - UIStackView
        - UILabel
        - UIDatePicker
        - UILabel
        - UIDatePicker

滚动视图从superview的前导和尾随空间固定为20,其中一个按钮的底部为0,底部布局指南为0。

堆栈视图的前导,尾随,顶部和底部空间为superview(滚动视图)。

我喜欢它在垂直方向上的样子: Vertical screenshot

但是在横向方向上,我认为超出UIDatePicker主要内容的长线有点难看: Horizontal screenshot

我尝试了许多约束的排列(UIDatePicker上的最大宽度+中心X,增加了各种内容拥抱优先级,UIScrollView和中心X上没有宽度限制),但是所有这些都导致了模糊的布局或冲突的约束。我怎么能做到我的目标呢?

编辑:使用下面建议的约束(ScrollView固定到容器,StackView固定为ScrollView的0尾随,前导,底部和顶部空间,以及日期选择器上的宽度相等约束)StackView拒绝扩展其宽度并保持固定在其父级的左侧。

StackView stuck to the side StackView stuck to the side, with view rectangles

即使在StackView上将前导和尾随约束设置为0,也会发生这种情况。

1 个答案:

答案 0 :(得分:1)

Alignment的{​​{1}}更改为中心

enter image description here

向DatePicker = 315

添加宽度约束

现在UIStackViewstackview保持DatePickerCenter,宽度为315,无论是potraite还是风景

enter image description here