开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

通过代码向约束布局添加视图

是指使用编程语言的代码来创建和配置约束布局中的视图。约束布局是一种灵活且强大的布局方式，可以在不同屏幕尺寸和方向上自适应地调整视图的位置和大小。

在iOS开发中，可以使用Auto Layout来实现约束布局。以下是向约束布局添加视图的步骤：

创建视图对象：使用编程语言（如Swift）创建一个视图对象，可以是UILabel、UIButton、UIImageView等。
添加视图到父视图：将创建的视图对象添加到父视图中，成为其子视图。
设置视图的约束：使用Auto Layout的约束语法，通过设置视图之间的约束关系来定义视图的位置和大小。可以使用约束关系（如相等宽度、相等高度、居中对齐等）来描述视图之间的关系。
激活约束：将设置好的约束添加到父视图中，并激活这些约束，使其生效。

以下是约束布局的一些优势和应用场景：

优势：

自适应性：约束布局可以根据不同的屏幕尺寸和方向自动调整视图的位置和大小，适应不同的设备。
灵活性：可以通过添加和修改约束来调整布局，而不需要重新计算和调整视图的位置。
可读性：使用约束布局可以清晰地描述视图之间的关系，使代码更易读和维护。

应用场景：

多屏幕适配：约束布局可以实现在不同尺寸的设备上自适应地布局视图，适用于开发适配多种设备的应用程序。
动态布局：通过修改约束可以实现动态调整视图的位置和大小，适用于需要根据用户操作或其他条件改变布局的场景。
复杂布局：约束布局可以处理复杂的布局需求，如层叠视图、嵌套视图等。

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

腾讯云开发者平台：https://cloud.tencent.com/developer
腾讯云移动开发平台：https://cloud.tencent.com/product/mobile
腾讯云云原生应用开发平台：https://cloud.tencent.com/product/tke
腾讯云数据库服务：https://cloud.tencent.com/product/cdb
腾讯云服务器运维服务：https://cloud.tencent.com/product/cvm
腾讯云音视频处理服务：https://cloud.tencent.com/product/mps
腾讯云人工智能服务：https://cloud.tencent.com/product/ai
腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发平台：https://cloud.tencent.com/product/mobile
腾讯云存储服务：https://cloud.tencent.com/product/cos
腾讯云区块链服务：https://cloud.tencent.com/product/baas
腾讯云元宇宙服务：https://cloud.tencent.com/product/vr

相关搜索:如何使用自动布局(约束)向UIPageViewController添加子视图？Android:从代码中向特定布局添加视图如何向视图添加变量约束约束布局-动态对齐视图以编程方式向集合视图添加约束Swift 以编程方式将约束添加到约束布局中的视图如何在约束布局中以编程方式添加视图？无法以编程方式在约束布局中添加视图具有旋转视图的约束布局如何将“约束布局视图”更改为“相对布局视图”向以编程方式添加的子视图添加右对齐约束回收器视图滚动视图的约束布局设计使用约束布局垂直居中多个视图水平约束布局外推的视图约束布局中的多文本视图如何在Xamarin中从代码后台向堆栈布局添加自定义视图通过代码添加多个图像视图如何向集合项目添加约束如何向javascript dragElement添加约束向现有表添加主键约束

相关搜索:

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

有帮助

没帮助

相关·内容

MyLayout&TangramKit 的重大升级!

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

02

Android开发中RelativeLayout相对布局

RelativeLayout布局是Android界面布局中应用最广也最强大的一种布局，其不仅十分灵活，可以解决开发中各种界面布局需求，同时也很方便了解决了多屏幕尺寸的适配问题。在iOS开发中，Autolayout技术总是被赞不绝口，RelativeLayout布局就是Andriod系统中的Autolayout，其又被称为相对布局。

02

iOS界面布局之二——初识autolayout布局模型

在上一篇博客中介绍了传统的布局方式：autoresizing。随着iphone型号的越来越多，屏幕的标准也更加多样化，通过autoresizing已经不能满足开发的需求，而进行两套布局或者动态代码控制又大大增加了开发者的工作量，autolayout的出现拯救个这一切，它让动态布局变的十分简单便捷。

03

[译] 带你领略 ConstraintLayout 1.1 的新功能前言带你领略 ConstraintLayout 1.1 的新功能

原文地址：Introducing Constraint Layout 1.1 原文作者：Sean McQuillan 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO1/introducing-constraint-layout-1-1.md 译者：Moosphon 校对者：androidxiao LeeSniper 前言这是自己参与校对的文章，以后除了发布一些自己的内容外，也会去翻译一些好的文章给大家。下面咱们进入主题吧。

02

IOS开发之绝对布局和相对布局(屏幕适配)

之前如果做过Web前端页面的小伙伴们，看到绝对定位和相对定位并不陌生，并且使用起来也挺方便。在IOS的UI设计中也有绝对定位和相对定位，和我们的web前端的绝对定位和相对定位有所不同但又有相似之处。下面会结合两个小demo来学习一下我们IOS开发中UI的绝对定位和相对定位。在前面的博客中所用到的UI事例用的全是绝对定位，用我们Storyboard拖拽出来的控件全是绝对定位的，就是我们可以同改变组件的frame来改变组件的位置和大小。而相对定位则不同，相对定位是参考组件周围的元素来确定组件的大小或位置，相对定

06

[译] 带你领略 ConstraintLayout 1.1 的新功能

原文地址：Introducing Constraint Layout 1.1 原文作者：Sean McQuillan 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：Moosphon 校对者：androidxiao LeeSniper 约束布局（ConstraintLayout）通过使用 Android Studio 中的可视化编辑器来为您生成绝大多数的 UI，进而达到简化 Android 中创建复杂布局的目的。它通常被我们描述为更加强大的 RelativeL

02

iOS9新特性——堆叠视图UIStackView

随着autolayout的推广开来，更多的app开始使用自动布局的方式来构建自己的UI系统，autolayout配合storyBoard和一些第三方的框架，对于创建约束来说，已经十分方便，但是对于一些动态的线性布局的视图，我们需要手动添加的约束不仅非常多，而且如果我们需要插入或者移除其中的一些UI元素的时候，我们又要做大量的修改约束的工作，UIStackView正好可以解决这样的问题。

01

android

目前iOS开发中大多数页面都已经开始使用Interface Builder的方式进行UI开发了，但是在一些变化比较复杂的页面，还是需要通过代码来进行UI开发的。而且有很多比较老的项目，本身就还在采用纯代码的方式进行开发。

02

用AutoLayout实现分页滚动

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

04

iOS布局之AutoresizingMask和AutoLayout

关于iOS的布局主要有两种方式，分别是AutoResizing和AutoLayout。其中AutoResizing作为一种旧的布局方式，在AutoLayout被推广之后已经很少被使用。为了更加清晰的了解iOS的布局方式，本篇针对于这两种布局方法进行简要的总结。一.AutoResizing 我们在使用AutoResizing进行布局的时候，其主要思想就是设置子视图跟随父视图的frame变化而变化。具体的情况，我们可以设置左跟随，右跟随等等。下面是AutoResizing在代码中的使用。 //父视图 UIVi

06

关于Autolayout和Masonry自动布局的几个坑

最近遇到一个复杂视图：根控制器里面有上下两个子控制器，子控制器中各自实现类似PageView的视图，然后PageView的每一页是一个WebView，同时中间有个可拖拽的控件，实现上下两个控制器视图的大小调整。采用子控制器的原因是因为防止所有的逻辑代码都混在根控制器中，所以没有使用nicklockwood的iCarousel或SwipeView，而是采用了之前一直在用的SCPageViewController。

02

【IOS开发基础系列】Autolayout自动布局专题

bounds是指这个view在它自己坐标系的坐标和大小而frame指的是这个view在它superview的坐标系的坐标和大小区别主要在坐标系这一块。很明显一个是自己为原点的坐标系，一个是以屏幕为原点的坐标系。

04

关于Autolayout和Masonry自动布局的几个坑

自动布局 02 Mar 2016 Comments 前言最近遇到一个复杂视图：根控制器里面有上下两个子控制器，子控制器中各自实现类似PageView的视图，然后PageView的每一页是一个WebView，同时中间有个可拖拽的控件，实现上下两个控制器视图的大小调整。采用子控制器的原因是因为防止所有的逻辑代码都混在根控制器中，所以没有使用nicklockwood 的iCarousel 或SwipeView ，而是采用了之前一直在用的SCPageViewController 。记录下自动布局中遇到的几个坑。关于translatesAutoresizingMaskIntoConstraints

02

iOS下的界面布局利器-MyLayout布局框架

MyLayout是一套iOS界面视图布局框架。其内核是基于对UIView的layoutSubviews方法的重载以及对子视图的bounds和center属性的设置而实现的。MyLayout功能强大而且简单易用，它集成了iOS Autolayout和Size Classes、android的5大布局体系、HTML/CSS的浮动定位技术以及flex-box和bootstrap框架等市面上主流的平台的界面布局功能，同时提供了一套非常简单和完备的多屏幕尺寸适配的解决方案。MyLayout还提供了Swift版本TangramKit

03

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

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

04

setNeedsLayout和layoutIfNeeded看我就懂！

前言：开发得跟view打交道，我们也经常看到苹果官方代码有layout方法的相关调用，但是大家可知道什么时候调用，什么时候需要吗？针对网上大部分资料讲得不够清晰，我决定用Demo来讲解一、layoutSubviews 不能直接调用这个方法。强制刷新布局，调用 setNeedsLayout，如果想马上刷新界面，调用layoutIfNeeded 二、setNeedsLayout跟layoutIfNeded setNeedsLayout调整视图的子视图的布局时，在应用程序的主线程调用此方法。此方法记录

09

iOS-屏幕适配实现（AutoLayout）

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

01

【Android从零单排系列三十四】《Android布局介绍——ConstraintLayout》

小伙伴们，在上文中我们介绍了Android帧布局FrameLayout，本文我们继续盘点介绍Android开发中另一个常见的布局，约束布局ConstraintLayout。

02

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

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

02

深入详解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及布局动画

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

03

iOS的MyLayout布局系列-流式布局MyFlowLayout

在我的CSDN博客中的几篇文章分别介绍MyLayout布局体系中的视图从一个方向依次排列的线性布局(MyLinearLayout)、视图层叠且停靠于父布局视图某个位置的框架布局(MyFrameLayout)、视图之间通过约束和依赖实现布局的相对布局(MyRelativeLayout)、以及多列多行排列的表格布局(MyTableLayout)、以及本文将要介绍的流式布局(MyFlowLayout)这5种布局体系。这些视图布局的方式都有一些统一的特征，都要求必须将子视图放入到一个特殊的视图中去，我们称这些特殊的视图为布局视图(Layout View)。这些布局视图都有一个共同的基类：基础布局视图(MyBaseLayout)。同时我们还为视图建立了很多扩展的属性来进行位置和尺寸的设置，以及我们还专门建立了服务某些布局视图的视图扩展属性。在这些扩展属性中：用于定位视图位置的类是MyLayoutPos类，这个类可以用来决定视图的上、下、左、右、水平居中、垂直居中六个方位的具体值；而用于决定视图尺寸的类是MyLayoutSize类，这个类可以用来决定视图的高度和宽度的具体值；用于决定视图排列布局方向的是枚举MyLayoutViewOrientation类型，方位类型定义了垂直和水平两个方位；用于决定视图停靠区域的MyGravity枚举类型，枚举类型定义了14种停靠的区域类型，这里要分清楚的是MyGravity和MyLayoutPos的区别，前者是用来描述某个具体的方位，而后者则是用来某个方位的具体位置；用于描述子视图和布局视图四周内边距的padding属性，这个属性只用于布局视图；用于描述布局视图的尺寸大小由子视图整体包裹的wrapContentWidth,wrapContentHeight的属性；用于描述苹果各种屏幕尺寸适配的MySizeClass定义，以及具体的实现类MyLayoutSizeClass类。这些属性和类共同构建了出了一套完整的iOS界面布局系统。下面是这个套界面布局体系的类结构图：

03

例说 Constraint Layout：初探

谷歌的墙裂推荐，标志着 CL 布局的技术已经发展地成熟了，之前还在持观望态度的我们，是时候来深入了解一下这个 Android 布局的终极武器了。

01

谈谈 Autolayout

刚开始使用 Autolayout 遇到下面的警告人容易让人气馁，经常不知所措而放弃了使用 Autolayout。

02

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

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

01

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

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

01

Masonry

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

01

Masonry -- 使用纯代码进行iOS应用的autolayout自适应布局

简介简化iOS应用使用纯代码机型自适应布局的工作,使用一种简洁高效的语法替代NSLayoutConstraints. 最新示例: 点击下载项目简议: 如果再看到关于纯代码,xib或storyboa

05

【约束布局】ConstraintLayout 约束布局 ( 简介 | 引入依赖 | 基本操作 | 垂直定位约束 | 角度定位约束 | 基线约束 )

文章目录一. ConstraintLayout 简介 1. 引入约束布局 ( 1 ) 约束性布局作用和简介 2. 约束简介 ( 1 ) 约束个数要求 ( 2 ) 约束设置与显示位置 3. ConstraintLayout 引入 ( 1 ) ConstraintLayout 依赖添加 ( 2 ) ConstraintLayout 转换与添加二. ConstraintLayout 约束的基本操作 1. 约束基本操作 ( 1 ) Design ( 设计 ) 和 Bluepr

04

iOS学习——布局利器Masonry框架源码深度剖析

iOS开发过程中很大一部分内容就是界面布局和跳转，iOS的布局方式也经历了显式坐标定位方式 --> autoresizingMask --> iOS 6.0推出的自动布局（Auto Layout）的逐步优化，至于为什么推出自动布局，肯定是因为之前的方法不好用（哈哈简直是废话），具体如何不好用以及怎么变化大家可以瞅瞅这篇文章。iOS6.0推出的自动布局实际上用布局约束（Layout Constraint）来实现，通过布局约束（Layout Constraint）可以确定两个视图之间精确的位置的相对距

iOS AutoLayout全解

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

06

未来布局之星——ConstraintLayout

ConstraintLayout是Android Studio 2.2中具有亮点的新功能之一，相比于RelativeLayout、LinearLayout等传统布局，它打破了开发者使用XML编写布局的依赖。虽然传统布局也可以使用可视化界面拖动控件来搭建布局，但是因为不够灵活，大多数开发者还是会选择通过XML代码来搭建布局。而ConstraintLayout的出现将开发者带入可视化布局编程的新纪元，通过建立控件之间的约束，实现布局的构建。这样做有一个很大的优点，就是减少了布局的嵌套，减少了布局渲染的层数，降低了CPU的消耗，提高了程序的性能。 ConstraintLayout与RelativeLayout相似，都是通过建立控件与控件之间的位置关系来搭建布局，但是ConstraintLayout远远比RelativeLayout强大很多，接下来看一下ConstraintLayout的使用。

02

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

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

02

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

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

03

浅汇－iOS UI布局

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

02

iOS多设备适配简史以及相应的API支撑实现

远古的iPhone3和iPhone4时代，设备尺寸都是固定3.5inch，没有所谓的适配的问题，只需要用视图的frame属性进行硬编码即可。随着时间的推移，苹果的设备种类越来越多，尺寸也越来越大，单纯的frame已经不能简单解决问题了，于是推出了AutoLayout技术和SizeClasses技术来解决多种设备的适配问题。一直在做iOS开发的程序员相信在下面的两个版本交界处需要处理适配的坎一定让你焦头烂额过：

03

iOS表视图单元格高度自适应

iOS表视图高度自适应可以节省很多麻烦，尤其是涉及到复杂的业务逻辑时，今天尝试了使用Masonry和FDTemplatelayoutCell来布局表视图单元格，从而达到单元格高度自适应的效果，这里就总

07

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

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

02

iOS开源界面布局库终于破3000star

经过几年的打磨和多次的重构，我的iOS开源界面布局库MyLayout的star数量终于在2018年8月6号破3000了！有图为证：

04

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

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

03

Facebook iOS UI 工具ComponentKit简介

在 iOS 上面开发界面，需要创建视图、配置界面、视图分层等等很多步骤，也就不可避免的需要书写 N 多的代码。这还仅仅是界面设计，除此之外，完成 controllers 的回调、控制内部事务在界面上的显示效果、界面的操控和内部事务的联系等等多方面的事情都需要手动解决。即便是界面很简单的 App，如果存在这种复杂的双向数据流的关系，那么代码也会变得很复杂很容易出错。Qt 的信号、槽和 iOS 的 Target-Action 机制其实也是很容易实现这种双向数据流的关系，但是没有办法解决界面和事务之间的联系，也有

08

PureLayout,使用纯代码写AutoLayout

本文介绍了一种基于Objective-C的自动布局库PureLayout，它大大简化了编写自动布局代码的过程，支持创建和修改约束，以及使用纯代码构建和更新视图。

07

Android Studio 中的 Motion Editor 用法详解

在同 Android 开发者社区交流之中，我们深知动画效果的加入对于 UI 来说至关重要，它可以让 UI 看起来更加直观，同时还利于用户理解其所要表达的意图。但是，开发者们在 Android 应用中添加复杂的动画效果却有着较大的工作量。为了解决这一问题，我们使用 Motion Layout 构建了一组功能强大的 API，并为之提供了 Motion Editor 工具，组合使用时可以轻松构建出像素级别完美的动画效果。

01

iOS学习——UIView的研究

在iOS开发中，我们知道有一个共同的基类——NSObject，但是对于界面视图而言，UIView是非常重要的一个类，UIView是很多视图控件的基类，因此，对于UIView的学习闲的非常有必要。在iO

08

代码实验室--带你一步步理解使用 ConstraintLayout

说明这次 IO 给开发者带来了很多惊喜, ConstraintLayout 是其中较为实用的之一. Google 第一时间发布了官方的代码实验室指导教程, 从样例项目和实验操作出发一步步理解 Con

06

iOS界面布局的核心以及TangramKit介绍

TangramKit是iOS系统下用Swift编写的第三方界面布局框架。他集成了iOS的AutoLayout和SizeClass以及Android的五大容器布局体系以及HTML/CSS中的float和flex-box的布局功能和思想，目的是为iOS开发人员提供一套功能强大、多屏幕灵活适配、简单易用的UI布局解决方案。Tangram的中文即七巧板的意思，取名的寓意表明这个布局库可以非常灵巧和简单的解决各种复杂界面布局问题。他的同胞框架：MyLayout是一套用objective-C实现的界面布局框架。二者的主体思想相同，实现原理则是通过扩展UIView的属性，以及重载layoutSubviews方法来完成界面布局，只不过在一些语法和属性设置上略有一些差异。可以这么说TangramKit是MyLayout布局库的一个升级版本。大家可以通过访问下面的github站点去下载最新的版本：

03

Swift 项目 - Xib | StoryBoard 多人协作技巧

不同于国外，StoryBoard从面世到如今饱受国内开发者的质疑，质疑的理由很多，什么不利于多人协作啊，隐藏了UI细节啊，出问题不容易测试，降低执行效率啊等等。此文就是针对这些问题的举例和剖析。

02

ConstraintLayout2.0进阶之路-欢迎新同学

ConstraintLayout2.0针对布局来说，主要新增了两类东西，一个是新增了VirtualLayouts，用于将一组View进行关联管理，并赋予定义的能力，另一个是放开了ConstraintHelper的限制。

01

Flutter 视图布局-前言

在学习 Flutter 的过程中也看到一些江湖侠客们对于 Flutter 的议论。他们大多觉得 Flutter 不够友好、括号太多了，导致看起来代码非常复杂，对此呲之以鼻并以唱衰之。

Masonry源码解析原

Masonry的核心依然是使用原生的NSLayoutConstraint类来进行添加约束，通过统一的封装和链式函数式编程的方式让开发者添加约束布局更加方便。

04

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭