美文网首页
Masonry父容器根据自容器宽度自适应报错

Masonry父容器根据自容器宽度自适应报错

作者: 独孤流 | 来源:发表于2018-12-25 19:18 被阅读15次

说明

在做一个UI界面中,开发了一个常见的布局,就是父容器根据自容器的宽度自适应,具体说明是:2的部分根据3的文字宽度来自适应,1根据2的宽度再自适应,如题如下:


111.png

但是添加好约束后报约束错误:

Unable to simultaneously satisfy constraints.
Probably at least one of the constraints in the following list is one you don't want.
Try this:
(1) look at each constraint and try to figure out which you don't expect;
(2) find the code that added the unwanted constraint or constraints and fix it.
(
<MASLayoutConstraint:0x60c0004ac420 UILabel:0x7fb175ab9dd0.left == UIView:0x7fb175ac4a70.left + 5>,
<MASLayoutConstraint:0x60c0004ab040 UILabel:0x7fb175ab9dd0.right == UIView:0x7fb175ac4a70.right - 15>,
<MASLayoutConstraint:0x60c0004ac240 UIView:0x7fb175ac4a70.left == xxxxTitleView:0x7fb175ac3c20.left + 20>,
<MASLayoutConstraint:0x60c0004ac4e0 UIView:0x7fb175ac4a70.right == xxxxTitleView:0x7fb175ac3c20.right>,
<NSLayoutConstraint:0x60000068e470 xxxTitleView:0x7fb175ac3c20.width == 0>,
)

具体原因是:是最外层1的容器本身没有约束,导致的问题,
解放方案:将1的那个view设置个属性translatesAutoresizingMaskIntoConstraints

// 将1的那个view,在这个页面中是navigationItem.titleView,进行下面的设置
xxx.translatesAutoresizingMaskIntoConstraints = NO;

参考:translatesAutoresizingMaskIntoConstraints 详解

相关文章

  • Masonry父容器根据自容器宽度自适应报错

    说明 在做一个UI界面中,开发了一个常见的布局,就是父容器根据自容器的宽度自适应,具体说明是:2的部分根据3的文字...

  • easyui 02 布局的使用

    没有自适应父容器 自适应父容器

  • Shrink-to-fit(自适应宽度)

    自适应宽度是指当未明确设定容器的宽度(或外边距设为auto)时,在特定的情况下容器的宽度会根据情况自行设定,而设定...

  • css一些细问题

    当margin的值为百分比形式时,为什么浏览器会根据父容器宽度得出计算值? 假如有一个父容器宽度400px,高度6...

  • 前端面试题:CSS

    1. 在固定宽度的div下,怎么让字体自适应大小,不超出宽度,也不要换行? 2. 在固定的父容器下水平垂直居中的...

  • Android自适应布局

    顶部固定底部自适应 关键如下: 使用LinearLayout作为父容器 设置容器的orientation为vert...

  • 设计一种自适应的React卡片列表组件

    本文介绍一种用React实现的自适应的卡片列表组件,该组件根据卡片的宽度与间隔自动适应不同容器的宽度对卡片进行排列...

  • 移动端布局:CSS3弹性盒子布局

    分割页面区域的大盒子宽度一定要给百分比,这样才能不丢失精度。 5、移动端布局场景:三等分自适应容器《三等分父容器,...

  • Masonry常见使用

    Masonry——父视图内容,自适应子视图。(view高度自适应) Masonry——tableHeaderVie...

  • 容器查询(CSS Container Queries)

    容器查询的能力 容器查询它给予了 CSS,在不改变浏览器视口宽度的前提下,只是根据容器的宽度变化,对布局做成调整的...

网友评论

      本文标题:Masonry父容器根据自容器宽度自适应报错

      本文链接:https://www.haomeiwen.com/subject/evhqlqtx.html