【问题标题】:How do I by code add a change to UIStackView.Axis on orientation change?如何通过代码在方向更改时添加对 UIStackView.Axis 的更改?
【发布时间】:2015-09-17 12:59:06
【问题描述】:

我有几个UIStackView,我以编程方式添加,我希望他们有另一个Axis,当应用程序在说Regular Width and Any Height时。

这甚至可能,就像在界面构建器中一样?

我在 Google 上遇到的只是 willTransitionToTraitCollection,但不是我需要的。

为了更容易理解我需要什么:

for i in numberOfItems {
    let stackView = UIStackView()
    stackView.append... // add views in this new stack view

    // here is where I need help:
    stackView.axis = horizontal
    stackView.addSomething... stackView.axis = vertical if regular width and any height.

    existingStackView.append.... stackView
}

编辑:

我找到了另一种方法,但是当我旋转 iPhone 6+ 时,我得到了一些奇怪的行为。 Git 仓库:https://github.com/bjaskj/iOSStackViewConstraints

class MyStackView: UIStackView {
    override func traitCollectionDidChange(previousTraitCollection: UITraitCollection?) {
        super.traitCollectionDidChange(previousTraitCollection)

        if traitCollection.horizontalSizeClass == UIUserInterfaceSizeClass.Regular {
            axis = UILayoutConstraintAxis.Horizontal
        } else {
            axis = UILayoutConstraintAxis.Vertical
        }
    }
}

视图控制器:

@IBOutlet weak var mainStackView: UIStackView!

override func viewDidLoad() {
    super.viewDidLoad()
    addElement("Name", description: "Saint Petersburg")
    addElement("Native name", description: "Санкт-Петербург")
    addElement("Country", description: "Russia")
    addElement("Federal district", description: "Northwestern")
    addElement("Economic region", description: "Northwestern")
    addElement("Established", description: "May 27, 1703")
}

func addElement(title:String, description:String) {

    let labelTitle = UILabel()
    labelTitle.backgroundColor = UIColor.redColor()
    labelTitle.font = UIFont.preferredFontForTextStyle(UIFontTextStyleHeadline)
    labelTitle.text = title
    labelTitle.textColor = UIColor.whiteColor()

    let labelDescription = UILabel()
    labelDescription.backgroundColor = UIColor.blueColor()
    labelDescription.font = UIFont.preferredFontForTextStyle(UIFontTextStyleBody)
    labelDescription.text = description
    labelDescription.textColor = UIColor.whiteColor()

    let stackHolder = MyStackView()
    stackHolder.axis = .Vertical
    stackHolder.distribution = .FillEqually

    stackHolder.addArrangedSubview(labelTitle)
    stackHolder.addArrangedSubview(labelDescription)
    stackHolder.spacing = 8

    mainStackView.addArrangedSubview(stackHolder)
}

当我旋转iPhone 6+ 时会发生什么:

但是如果我以旋转位置启动应用程序,我期望并得到什么:

【问题讨论】:

  • 您是否尝试更改轴?顺便提一句。 IB 中所有可能的事情都可以在代码中完成。 watchOS 开发除外。
  • 更改工作的轴是的,但是我正在寻找的是当我创建这些 UIStackViews 时,他们已将其添加到其中,而不是我必须依靠视图控制器事件来得到通知,然后循环通过我的堆栈来适应。

标签: swift ios9 uistackview


【解决方案1】:

更新:

好的,看来您有两个问题:

1)当我将stackviews添加到场景中时,如何根据大小类添加适当的stackview.axis:

for i in numberOFItems {
    let stackView = UIStackView()

    if view.traitCollection.verticalSizeClass == .Unspecified && view.traitCollection.horizontalSizeClass == .Regular {
        stackView.axis = .Vertical
    } else {
        stackView.axis = .Horizonal
    }

    stackView.addArrangedSubview(arrayOfViews[i])
}

2)当手机方向改变时,如何使stackview从水平轴变为垂直轴:

您将需要一个已初始化的堆栈视图数组。然后,您需要在委托方法中逐步浏览堆栈视图并更改它们的方向。

override func traitCollectionDidChange(previousTraitCollection: UITraitCollection?) {
    var axis

    if view.traitCollection.verticalSizeClass == .Compact {
        axis = UILayoutConstraintAxis.Horizontal
    } else {
        axis = UILayoutConstraintAxis.Vertical
    }

    for stackView in stackViewArray {
        stackView.axis = axis
    }
}

视图有一个 traitCollection,它包括verticalSizeClass 和horizo​​ntalSizeClass。它们的值可以是 .Compact、.Regular 和 .Unspecified。

traitCollectionDidChange 方法应该告诉您何时修改尺寸类(即当手机转动时)。

如果这仍然不能回答您的问题,请尝试重写您的问题,以便更容易理解

另外,据我所知,没有办法设置这些属性一次并完成它,你必须照顾这两种情况。

【讨论】:

  • 我不确定你是否理解正确,是否可以在我的 for 循环中执行此操作,而不是在 UIViewController/UIView 上执行此操作,然后在我的子视图上执行 for 循环?或者创建一个自定义类来继承 UIStackView 并针对我可能需要的每种情况覆盖它。界面生成器如何做到这一点?当您将其连接到情节提要或 XIB 时,他们是否添加了一些魔术代码,通过 UIViewController 或 UIView 上的 traitCollectionDidChange 进行设置?
  • 嗨@Bjarte,我更新了我的答案。您可以检查一些全局变量来告诉您大小类。干杯!
  • 那么当我在“//这里是我需要帮助的地方:”下发布的代码中旋转设备时,这将如何改变轴?我想做一次添加操作。
  • 我找到了一些其他的方法,但它几乎解决了它。它只是在 iPhone 6+ 上行为不端。
  • 纵向有两列吗?
猜你喜欢
  • 1970-01-01
  • 2011-07-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-08-01
相关资源
最近更新 更多