ios – 如何垂直居中2个垂直堆叠的UILabels

ios – 如何垂直居中2个垂直堆叠的UILabels,第1张

概述我有两个垂直堆叠的UILabel: +----------------------------+| +----------------------+ || | blah blah blah | || +----------------------+ || || +----------------------+ 我有两个垂直堆叠的UILabel:

+----------------------------+|  +----------------------+  ||  | blah blah blah       |  ||  +----------------------+  ||                            ||  +----------------------+  ||  | asdf fdsa            |  ||  | asdfear aoeirhaleir  |  ||  +----------------------+  |+----------------------------+

UIVIEws的文本在运行时动态加载,因此它们可能有1到3行文本.我想在文本加载后垂直对齐.它们应该沿着它们的“质心”垂直居中.

我怎么能做到这一点?

编辑:像这样:

解决方法 将两个标签放在容器UIVIEw中.将标签的边缘限制在容器的边缘(顶部标签的底部和底部标签的顶部除外,它们应相互约束),然后在顶层视图中垂直居中容器.

您的视图层次结构应如下所示:

UIVIEw rootVIEw  UIVIEw containerVIEw    UILabel topLabel    UILabel bottomLabel

具有以下约束:

|[topLabel]||[bottomLabel]|V:|[topLabel][bottomLabel]||-[containerVIEw]-|[NSLayoutConstraint constraintWithFirstItem:containerVIEw firstAttribute:NSLayoutConstraintAttributeCenterY relation:NSLayoutRelationEquals secondItem:rootVIEw secondAttribute:NSLayoutConstraintAttributeCenterY multiplIEr:1 constant:0]

(您可以在IB中指定所有这些约束而不是代码;在StackOverflow帖子中描述IB约束会更加困难.)

更新:在iOS的更新版本中,更容易将标签放在垂直堆栈视图中,而不是使用普通视图并手动设置其中的约束,但技术是相同的.

总结

以上是内存溢出为你收集整理的ios – 如何垂直居中2个垂直堆叠的UILabels全部内容,希望文章能够帮你解决ios – 如何垂直居中2个垂直堆叠的UILabels所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/web/1055261.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存