• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

Swift - 伸缩优先级详解(Content Hugging、Content Compression Resistance) ...

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

一、基本概念介绍

1,固有内容尺寸(intrinsic content size)

  • 在开发中,有的控件或视图其本身就自带大小。这些控件能通过自己显示的内容计算出需要的 Size,这个自动计算出来 Size 就叫该控件的固有内容尺寸(intrinsic content size)。
  • 比如 UIButtonUILabel 控件,我们设置完显示文字后,它就能根据字符串长度自动计算出宽高尺寸。同样情况的还有 UIImageView

2,约束优先级

  • 在没有 AutoLayout 的时候,我们通过 init(frame: CGRect) 方式来指定 UIView 的位置和大小。
  • 而使用 AutoLayout 的时候,则通过约束来确定 UIView 的位置和大小。
  • 为了解决多个约束冲突的问题,在 Autolayout 中每个约束都有一个优先级, 优先级的范围是 1 ~ 1000。创建一个约束,其默认的优先级是最高的 1000
  • 有了优先级,系统就可以通过比较两个“相互冲突的约束”的优先级,从而忽略低优先级的某个约束,达到正确布局的目的。

3,伸缩优先级

(1)对于像 UILabelUIButtonUIImage 等具有固有内容尺寸的控件,我们可以只为其指定位置,它们会自动根据 intrinsic content size 显示相应的大小。

(2)通常情况下,这种不指定尺寸的布局不会出现问题。但在某些情况下,比如两个 UILabel 布局互相影响的话,就会造成组件间的 Intrinsic 冲突。(下面会通过样例演示)

(3)要解决冲突,就要用到 UIView 自带的模糊约束:content Hugging 和 content Compression Resistance 了。我们需要做的就是设置这两个约束的优先级,它们具体功能如下:
  • Content Hugging Priority:表示一个控件“抗拉伸”的优先级。优先级越高,越不容易被拉伸,默认是:251
  • Content Compression Resistance Priority:表示一个控件“抗压缩”的优先级。优先级越高,越不容易被压缩,默认是:750

二、Content Hugging Priority / Content Compression Resistance Priority 使用

1,Intrinsic 冲突样例

(1)假设我们需要实现如下列表,左侧显示文章标题,右侧显示日期。

(2)AutoLayout 布局的话,首先在单元格内部拖如两个 UILabel,并设置好相关样式属性。

(3)然后我们对标题 Label 设置上下左右 个约束。
 
(4)而对于日期 Label 则设置上下右 3 个约束。

(5)这两个标签我们都没设置尺寸约束,想让它们根据内容自己设置大小。但上面的约束添加完会发现系统提示有约束冲突错误:

(6)而程序运行后的效果如下,与我们想要的效果不一样。

2,问题原因

由于默认情况下,两个 UILabel 的抗拉伸、抗压缩优先级都是一样的。当单元格的空间不足以完全显示出标题和日期内容时,系统就不知道该压缩哪个 Label 的宽度。又或者空间充裕时,系统不知道该拉伸哪个 Label 的宽度。

3,解决办法

(1)我们希望在空间不足的情况下,优先压缩标题 Label 的宽度,那么可以将其抗压缩优先级调低,改成:749
(2)而在空间充足的情况下,同样优先拉伸标题 Label 的宽度,那么同样将其抗拉伸优先级调低,改成:250

(3)再次运行程序,便发现列表内容显示正常了。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
[Swift]LeetCode285.二叉搜索树中的中序后继节点$InorderSuccessorinBST发布时间:2022-07-13
下一篇:
用Swift写服务端 — Perfect框架发布时间:2022-07-13
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap