开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何将2个动态宽度UILabel放置到带有砖石约束的视图中？

在使用砖石约束的视图中放置两个动态宽度的UILabel，可以按照以下步骤进行操作：

创建一个带有砖石约束的视图，可以使用Auto Layout来实现。砖石约束是指四个边缘约束和两个宽度约束，使得视图可以根据内容自动调整大小。
创建两个UILabel，并将它们添加到视图中。设置UILabel的文本、字体、颜色等属性。
设置UILabel的约束。对于第一个UILabel，设置其左边缘约束和上下边缘约束，使其与视图的左边缘和上下边缘对齐。对于第二个UILabel，设置其右边缘约束和上下边缘约束，使其与视图的右边缘和上下边缘对齐。
设置UILabel的宽度约束。对于第一个UILabel，设置其宽度约束为动态宽度，可以使用Auto Layout中的"自适应宽度"约束。对于第二个UILabel，同样设置其宽度约束为动态宽度。
根据需要，可以设置UILabel的其他约束，如行数、换行模式等。

通过以上步骤，可以将两个动态宽度的UILabel放置到带有砖石约束的视图中。这样，当UILabel的文本内容发生变化时，它们的宽度会自动调整以适应内容的长度。

腾讯云相关产品和产品介绍链接地址：

腾讯云计算服务：https://cloud.tencent.com/product/cvm
腾讯云数据库服务：https://cloud.tencent.com/product/cdb
腾讯云服务器运维服务：https://cloud.tencent.com/product/cvm
腾讯云人工智能服务：https://cloud.tencent.com/product/ai
腾讯云物联网服务：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发服务：https://cloud.tencent.com/product/mobiledk
腾讯云存储服务：https://cloud.tencent.com/product/cos
腾讯云区块链服务：https://cloud.tencent.com/product/baas
腾讯云元宇宙服务：https://cloud.tencent.com/product/vr

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

MyLayout&TangramKit 的重大升级!

MyLayout和TangramKit是一套基于frame之上的UI界面布局库的OC版本和Swift版本。目前最新版本升级为MyLayout1.7.0和TangramKit1.4.0。 ?OC1.7

02

iOS | 动态获取字符串宽高并添加约束

在 iOS 实际编码过程中，我们可能会需要通过代码动态的向某个 View 视图中添加 UILabel, 此时，我们必须手动的为这些 UILabel 对象添加约束条件，否则，这些 UILabel 将会因为没有约束条件而无法显示。

01

MyLayout和XIB或SB的混合使用方法

MyLayout是一个可以非常简单和方便的实现各种界面布局的第三方开源库。在我的github项目中大部分DEMO都是通过代码来实现界面布局的，但这并不是表示MyLayout不支持XIB和SB。在构建一个应用的MVC框架中，我们希望模型、视图、控制这三部分都尽可能的低耦合，而苹果推荐的视图部分构建则是通过XIB或者SB来完成的。因为MyLayout中的各种布局视图类其实都是从UIView派生的，因此MyLayout是完全可以和XIB以及SB混合使用的。 MyLayout的一些布局视图属性以及子视图的扩展布局属性是可以在XIB或者SB界面编辑器里面进行设置的。唯一的一个缺点是这些属性的设置不能起到所见即所得的效果。因为MyLayout是一个独立而完整的界面布局框架，因此您可以和系统默认的AutoLayout混合使用，也可以完全独立的单独使用。

04

iOS AutoLayout全解

AutoLayout简介 Autolayout是一种全新的布局技术，专门用来布局UI界面的，用来取代Frame布局在遇见屏幕尺寸多重多样的问题。Autolayout自iOS 6开始引入，但是由于X

06

开源UI界面布局框架MyLayout1.9发布

MyLayout是一套功能全面的iOS开源UI界面布局框架。它囊括了前端所有流行的界面布局技术和解决方案，同时具有如下七大特点：

01

iOS-屏幕适配实现（AutoLayout）

AutoLayout旨在替代Autoresizing，所以在同一个项目中，AutoLayout和Autoresizing是不能共存的，二者只能选其一，如果你选择了AutoLayout，那么Autoresizing自动被屏蔽掉；如果你选择了Autoresizing，那么AutoLayout自动被屏蔽掉。XCode5及其之后的版本，默认新建的项目就是使用AutoLayout

01

浅谈 iOS AutoLayout 中 Label 的抗拉伸和抗压缩

UIView 中关于 Content Hugging 和 Content Compression Resistance 的方法有：

03

用AutoLayout实现分页滚动

UIScrollView的pagingEnabled属性用于控制是否按分页进行滚动。在一些应用中会应用到这一个特性，最典型的就是手机桌面的应用图标列表。这些界面中往往每一页功能都比较独立，系统也提供了UIPageViewController来实现这种分页滚动的功能。实现分页滚动的UI实现一般是最外层一个UIScrollView。然后UIScrollView里面是一个总体的容器视图containerView。容器视图添加N个页视图，对于水平分页滚动来说容器视图的高度和滚动视图一样，而宽度则是滚动视图的宽度乘以页视图的数量，页视图的尺寸则和滚动视图保持一致，对于垂直分页滚动来说容器视图的宽度和滚动视图一样，而高度则是滚动视图的高度乘以页视图的数量，页视图的尺寸则和滚动视图保持一致。每个页视图中在添加各自的条目视图。整体效果图如下：

04

深入剖析Auto Layout，分析iOS各版本新增特性

先前写到的一篇Masonry心得文章里已经提到了很多AutoLayout相关的知识，这篇我会更加详细的对其知识要点进行分析和整理。

01

深入详解iOS适配技术

iPhone自诞生以来，随着其屏幕尺寸不断的多样化，屏幕适配的技术一直在发展更新。目前，iOS系统版本已经更新到9.3，XCode的最新版本已经是7.3，仅iPhone历史产品的尺寸就已经有4种：3.5英寸、4.0英寸、4.7英寸、5.5英寸。最近，iPhone家族又诞生一款iPhoneSE，鉴于这款iPhoneSE的屏幕尺寸和iPhone5S的尺寸一模一样——同样是4.0英寸，广大iOS开发者可算是松了口气，不然iOS的屏幕尺寸真的是越来越让人眼花缭乱。按照时间顺序，屏幕适配是这样发展的：纯代码计算frame-> autoresizing(早期进行UI布局的技术，仅适用于约束父子控件之间的关系)->AutoLayout(iOS6/2012年、iPhone5被引入，比autoresizing更加高级，旨在替代autoresizing，可以设置任何控件之间的关系)->sizeClass(iOS8出现，用于解决越来越多的屏幕尺寸的适配问题)。在iPhone3gs时代，手机的屏幕尺寸有且只有一种，也就是3.5英寸。开发app的时候，根本不用考虑同一个视图在不同尺寸的屏幕上显示的问题。iOS开发者完全可以用纯代码的方式把一个控件的frame写死。后来apple公司推出了4.0英寸的iPhone5和iPhone5S，所以，针对于不同尺寸的屏幕，再把控件的frame写死就不可取了。（其实也不是不可取，很多iOS开发者做屏幕适配的时候不是用的autoresizing或autolayout，而是以代码的方式动态获取屏幕的尺寸，然后根据屏幕的尺寸来写死子控件的frame。使用这种方式你会在代码中无辜增加很多if...else... 的条件判断语句。另一种方式是获取到屏幕的尺寸后，按照控件和屏幕的比例来设置控件的frame，其本质上也是写死frame。所以这两种方式都不可取，毕竟将来会回出现越来越多的屏幕尺寸。从开发的角度，重复繁琐的代码会牵绊住开发者的进度；从程序设计角度，这样的设计思路不够高级，且日后不易于拓展和维护。）

07

iOS 布局进阶：你真的会用 autolayout 么？

iOS系统已经迎来了10.3.2版本，iOS软件开发发展至今已经相当成熟了。布局的方式从frame、size、center到如今强大的autolayout，将UI布局尽量的“自动化”和“智能化”，在很大程度上减少了程序员的工作量。

05

swift下autolayout的实现笔记

该文章介绍了如何利用UIKit Dynamics在Swift中实现自动布局，通过创建UIViewPropertyAnimator来实现自动布局，可以用于替代Auto Layout，而且代码开源免费。

08

如何把设计图自动转换为iOS代码? 在线等,挺急的!

本文主要介绍了一种基于Masonry的视图模块化方案，通过使用自定义UIView和UICollectionView实现视图的模块化，简化了视图的创建过程，提高了开发效率。同时，还介绍了一种基于Masonry的自动计算视图间距的方法，简化了间距调整的实现过程。

06

iOS自动布局框架之Masonry

目前iOS开发中大多数页面都已经开始使用Interface Builder的方式进行UI开发了，但是在一些变化比较复杂的页面，还是需要通过代码来进行UI开发的。而且有很多比较老的项目，本身就还在采用纯代码的方式进行开发。而现在iPhone和iPad屏幕尺寸越来越多，虽然开发者只需要根据屏幕点进行开发，而不需要基于像素点进行UI开发。但如果在项目中根据不同屏幕尺寸进行各种判断，写死坐标的话，这样开发起来是很吃力的。所以一般用纯代码开发UI的话，一般都是配合一些自动化布局的框架进行屏幕适配。苹果为我们提供的适配

06

iOS自动布局框架之Masonry

目前iOS开发中大多数页面都已经开始使用Interface Builder的方式进行UI开发了，但是在一些变化比较复杂的页面，还是需要通过代码来进行UI开发的。而且有很多比较老的项目，本身就还在采用纯代码的方式进行开发。而现在iPhone和iPad屏幕尺寸越来越多，虽然开发者只需要根据屏幕点进行开发，而不需要基于像素点进行UI开发。但如果在项目中根据不同屏幕尺寸进行各种判断，写死坐标的话，这样开发起来是很吃力的。所以一般用纯代码开发UI的话，一般都是配合一些自动化布局的框架进行屏幕适配。苹果为我们提供的适配

05

Ios常用第三方框架（一）

一.UI框架下拉刷新 EGOTableViewPullRefresh - 最早的下拉刷新控件。 SVPullToRefresh - 下拉刷新控件。 MJRefresh - 仅需一行代码就可以为UITableView或者CollectionView加上下拉刷新或者上拉刷新功能。可以自定义上下拉刷新的文字说明。具体使用看“使用方法”。（国人写） XHRefreshControl - XHRefreshControl 是一款高扩展性、低耦合度的下拉刷新、上提加载更多的组件。（国人写） CBStore

03

Autolayout

Autolayout Autolayout是一种“自动布局”技术，专门用来布局UI界面的 Autolayout自iOS6开始引入，由于Xcode4的不给力，当时并没有得到很大推广自iOS7（Xcode5）开始，Autolayout的开发效率得到很大的提升苹果官方也推荐开发者尽量使用Autolayout来布局UI界面 Autolayout能很轻松地解决屏幕适配的问题 Autolayout的2个核心概念参照约束与 Autoresizing 区别在Autolayout之前，有Autoresizing可以

06

iOS开发中行高灵活可变的UITableView的性能优化

在新闻类，电商类等应用中，应用着大量的图文混排视图，在表视图UITableView中，开发者通常需要在如下代理方法中计算出当前cell填充内容后的高度，之后将其返回：

02

UI篇－UICollectionView 补充

http://blog.csdn.net/xiyouios/article/details/50191101

02

Swift：静态工厂方法

大多数对象在我们的APP中使用之前，都需要某种形式的设置。无论是我们要根据APP的品牌设置样式的视图（View），还是要配置的视图控制器(View Controller)，亦或是在测试中创建存根的值时，我们经常发现需要将设置代码放在某个地方。

01

iOS界面布局之四——使用第三方库Masonry进行autolayout布局

在前面博客，我们讨论了使用iOS原生的框架代码来进行autolayout布局。在使用中，我们会发现，无论是代码量还是结构的清晰度，都十分不能让我们满意，在storyBoard中只需要几条线就可以搞定的事情，用代码缺要写冗余的一大堆。并且有些时候，故事版并不能解决所有问题，某些控件必须我们手写，这样的话，我们就不得不进行代码的autolayout布局，幸运的是，Masonry可以帮助我们轻松愉快的完成这一任务。

02

iOS layout相关方法

这个方法，默认没有做任何事情，需要子类进行重写。系统在很多时候会去调用这个方法：

01

iOS开发之AutoLayout中的Content Hugging Priority和 Content Compression Resistance Priority解析

本篇博客的内容也不算太复杂，算是AutoLayout的一些高级的用法。本篇博客我们主要通过一些示例来看一下AutoLayout中的Content Hugging Priority以及Content Compression Resistance Priority这两个优先级。下方我们先来简单的看一下这两个优先级的涵义： Content Hugging Priority：直译成中文就是“内容拥抱优先级”，从字面意思上来看就是两个视图，谁的“内容拥抱优先级”高，谁就优先环绕其内容。稍后我们会根据一些示例进行介绍

鸿蒙应用开发-初见：ArkUI

Flutter中Widget的布局原理如下图所示。想了解更多Flutter的布局原理可以查看深入理解 Flutter 布局约束

01

ASP.NET MVC学习笔记04数据传递

上一篇的末尾讲到了，在了解模型之前，先来看看ASP.NET MVC是如何将数据从控制器传递给视图的。 ---- 简单梳理一下：控制器想要请求的URL，控制器类是给您写代码来处理传入请求的地方，并从数据库中检索数据，并最终决定什么类型的返回结果会发送回浏览器。视图模板可以被控制器用来产生格式化过的HTML从而返回给浏览器. 控制器负责给任何数据或者对象提供一个必需的视图模板，用这个视图模板来Render返回给浏览器的HTML。最理想的模式下：一个视图模板应该永远不会执行业务逻辑或者直接和数据

06

iOS界面布局之三——纯代码的autoLayout及布局动画

关于界面布局，apple的策略已经趋于成熟，autolayout的优势在开发中也已经展现的淋漓尽致。除了使用storyBoard进行布局约束的拖拽，有时我们也需要在代码中进行autolayout的布局设置，Masonry库可以方便的创建约束属性，实际上，我们也没有必要再使用系统原生的代码来创建和设置约束，这篇博客只作为使用的方法备忘。前几篇布局介绍的链接如下：

03

CSS中的float定位技术在iOS上的实现

几乎所有会WEB前端开发的同学都知道CSS中有一个float属性用于实现HTML元素的浮动定位展示。float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围。不过在 CSS 中，任何元素都可以浮动，假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。浮动布局主要用于那些图文环绕以及实现一些界面不规则排列的场景，并且浮动定位技术在WEB前端开发中应用的非常普遍。

02

iOS的MyLayout布局体系--浮动布局MyFloatLayout

在MyLayout的6大布局中，每种布局都有不同的应用场景。且每种布局的子视图的约束机制不一样：线性布局MyLinearLayout、表格布局MyTableLayout、流式布局MyFlowLayout、浮动布局MyFloatLayout这四种布局的子视图之间的约束是通过添加到父布局的先后顺序来决定的；框架布局MyFrameLayout中的子视图则只跟父布局视图有关，而跟添加的先后顺序无关；相对布局中MyRelativeLayout的子视图则是通过设置视图之间的依赖关系来建立约束的，而跟添加的先后顺序无关。即便如此，同一种界面功能在一些情况下都可以用任何一种布局来实现。在这些布局中相对布局因为是通过设定视图之间的依赖来建立一种布局约束，因此我们可以用他来构造一些复杂且无规律的界面布局，但其缺点则是太过于依赖约束，导致当界面调整时需要重新设定视图之间的依赖关系(iOS的AutoLayout其实就是一种相对布局的实现，布局时需要设置太多的约束，这也是我一直诟病AutoLayout的原因)。那么是否可以有一种方法不设置视图之间的依赖而来实现一些复杂的界面布局呢？这也就是我们推出浮动布局MyFloatLayout的原因。

03

Swift封装 - 计算器开发

image.png 前言：师弟要毕业设计，就敲了swift版的计算器给他参考下。现在把代码放上来，通过这个计算器，可以学习简单的封装：将逻辑与界面分离并提供接口的编程方式，这也是我们学习面向对象的必要点。基于 xcode 9.0 swift4.0 一、先引用SnapKit框架 SnapKit自己看git引入利用其来约束组件二、新建一个继承UIButton类的类文件，命名为DWFuncButton，对其设置字体、颜色、风格代码如下： class DWFuncButton: UIButton {

05

Masonry

例如：我们需要布局一个视图view1，使他距离父视图上下左右都为10，NSLayoutConstraints布局代码如下：

01

Revit2022正式版下载(离线安装包+安装教程)含完整族库、BIM视频教程

将二维视图和图纸导出为 PDF 文件。为批量导出 PDF 文件提供自定义命名规则。

03

iOS字典转模、xib的使用、自定义视图

开发前：设定开发计划、步骤开发过程中：每一个步骤告一段落之后，我们要暂停，进行代码审核，有针对性的重构（抽离重复代码，模型和视图各尽职责）

01

Cell 动态行高文字显示不全问题探索

使用的是”预估行高+自动布局“的方法实现动态行高(适用于 iOS7.0 以后系统)。

02

视觉效果 -- iOS Core Animation 系列三

本片文章前三章内容大家比较常用，后面的可能会不那么常用，前面的基础内容不想看了可以直接从第4段开始

03

Cell 动态行高文字显示不全问题探索

使用的是”预估行高+自动布局“的方法实现动态行高(适用于 iOS7.0 以后系统)。

00

SwiftUI 布局协议 - Part 1

今年 SwiftUI 新增最好的功能之一必须是布局协议。它不但让我们参与到布局过程中，而且也给了我们一个很好的机会去更好的理解布局在 SwiftUI 中的作用。

01

Android ConstraintLayout详解「建议收藏」

在本篇文章中，你会学习到有关ConstraintLayout — 一种构建于弹性Constraints（约束）系统的新型Android Layout。最终你将会在Android Studio中编辑与构建一个相对复杂的Layout。

03

学姐叫我看 CSS 新出的容器查询，然后把公共组件重构成响应式的！

在前端开发中经常需要按不同屏幕尺寸来进设计达到PC和移动端响应式。我们一般使用CSS媒体查询来检测视口宽度或高度，然后根据该模式改变设计。这就是在过去10年中设计Web布局的方式。

03

iOS 屏幕适配

现在开发iOS无非就是用xib和纯代码开发，不论用什么方式开发都少不了屏幕适配。这只是个人开发中使用的方法也不一定是最好的方法，仅供交流和分享使用。

02

iOS开发小技巧：根据文本，字体，计算UILabel高度及宽度

关于boundingRectWithSize，系统API有几个类的相关方法。搜索官方文档，可见如下：

01

Flutter原理：三棵重要的树(渲染过程、布局约束、应用视图的构建等)

这篇文章从 Flutter 框架层的三棵树入手向大家层层剖析了 Flutter 中渲染组件的流程，从原理到实战，希望对想要提升 Flutter 的读者们有帮助。

04

【愚公系列】软考中级-软件设计师 049-面向对象技术（UML）

UML（Unified Modeling Language）是一种用于软件系统设计的建模语言，它在面向对象技术中起着重要的作用。

01

iOS 二级菜单（UITableView实现）「建议收藏」

首先建立一个cell的类，用于存放cell中的内容，继承自uitableviewcell;

03

浅汇－iOS UI布局

iOS中UI的布局是很重要的，而在前期开发中就要选定好布局的方法，因为这对整个工程乃至于后期的版本维护都有很重要的影响。本文从比较老的Frame到新生AutoLayout都进行了浅显的总结，希望对大家的UI布局学习有所帮助

02

iOS UI控件了解一下

5. UIView的操作方法 1）添加视图 UIView的addSubview:方法可以添加子视图,对于同一个视图的所有子视图来讲,后添加的子视图会把已加的子视图盖在下面。 UIView提供了其他添加视图的方法（详见下表）：

02

iOS_自定义UITabBarController标签视图控制器

首先创建一个类，继承自UItabBarController 然后在.m文件中：

03

OC中获取一串字符串的高度（宽度确定）或宽度（高度确定）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/52937475

03

UILabel、UIImageView和UIButton

第一个是lineBreakMode属性，该属性设置了当文字内容大于label所能承载的内容的时候该如何展示，也就是说，当文字超长的时候如何截断。

03

声明式 UIKit 在有赞美业的实践

随着 Flutter 的出现，UI 开发形式也越来越趋向相同，Flutter，SwiftUI，RN，Weex 等新兴UI框架无一意外都使用了声明式的 UI 开发模式，和支持了FlexBox的布局系统。

03

iOS的MVC框架之控制层的构建(下)

在我的iOS的MVC框架之控制层的构建(上)一文中介绍了一些控制层的构建方法，而这篇文章则继续对一些方法进行展开讨论。MVC被众多开发者所诟病的C层的膨胀，究其原因不外乎有如下几点：

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭