- 综合排序
- 最热优先
- 最新优先
- 来自专栏增长技术
自动布局
AutoLayout是一种基于约束的，描述性的布局系统。
51120发布于 2018-09-06 - 来自专栏码客
iOS自动布局
简单示例 override func viewDidLoad() { super.viewDidLoad() baiduMap = BMKMapView(forAutoLayout: {}()) self.mapView.addSubview(baiduMap); self.mapView.addConstraints(self.layoutConstraints()) } func layoutConstraints() -> [NSLayoutConstrain
49000发布于 2019-10-22 - 来自专栏移动开发面面观
iOS自动布局——Masonry详解
所幸，iOS为我们提供自动布局的方法，来解决这一困境。 ? image.png 自动布局的基本理念 其实说到本质，它和手动布局是一样的。 因此，在自动布局中，我们不再关心(x, y, width, height)的具体值，我们只关心(x, y, width, height)四个量对应的约束。 约束 那么何为约束呢？ 效果图 我们注意到，自动布局其实工作分两步： 创建视图的约束 将约束添加到合适的位置 约束关系从上面的描述中，已经非常清晰了。那么如何寻找约束添加的合适位置呢？ ? 关于如何解决减少建模转化到代码的实现难度的问题， 开源库 上面的代码，我们可以看到，虽然自动布局已经比手动布局优雅不少了，但它依然行数较多。 至此，我们完成了所有准备，就可以开始愉快的自动布局啦。 以上就是Masonry对iOS自动布局封装的解读。 如有问题，欢迎指正。
1.3K20发布于 2018-07-03 - 来自专栏鹅厂优文
iOS自动布局——Masonry详解
所幸，iOS为我们提供自动布局的方法，来解决这一困境。 3.png 自动布局的基本理念 其实说到本质，它和手动布局是一样的。 因此，在自动布局中，我们不再关心(x, y, width, height)的具体值，我们只关心(x, y, width, height)四个量对应的约束。 约束 那么何为约束呢？ 关于如何解决减少建模转化到代码的实现难度的问题， 开源库 上面的代码，我们可以看到，虽然自动布局已经比手动布局优雅不少了，但它依然行数较多。 self.layoutConstraint = layoutConstraint; [firstLayoutItem.mas_installedConstraints addObject:self]; } } 自动布局是一种相对布局 至此，我们完成了所有准备，就可以开始愉快的自动布局啦。 以上就是Masonry对iOS自动布局封装的解读。 如有问题，欢迎指正。
3.6K80发布于 2018-04-11 - 来自专栏学海无涯
AutoLayout自动布局在线课程
AutoLayout是一种基于约束的，描述性的布局系统。AutoLayout为开发者提供了一种不同于以往UI元素位置指定的布局方法。以前布局是通过frame属性来定义其在当前view中的位置和尺寸。 本人录制的《AutoLayout自动布局》课程，在腾讯课堂上线了，欢迎感兴趣的同学前来围观、学习、批评、指正。 Xcode AutoLayout界面介绍 AutoLayout简单案例 AutoLayout进阶案例 UIStackView AutoLayout与UIScrollView UITableView行高自动计算
84730发布于 2019-01-12 - 来自专栏向治洪
iOS自动布局框架之Masonry
所以一般用纯代码开发UI的话，一般都是配合一些自动化布局的框架进行屏幕适配。 Masonry简介 Masonry是一个对系统NSLayoutConstraint进行封装的第三方自动布局框架，采用链式编程的方式提供给开发者API。 Masonry是同时支持Mac和iOS两个平台的，在这两个平台上都可以使用Masonry进行自动布局。 pod 'Masonry' 学习曲线 对于初学者学习纯代码AutoLayout，我建议还是先学会Interface Builder方式的AutoLayout，领悟苹果对自动布局的规则和思想，然后再把这套思想嵌套在纯代码上 #define MAS_SHORTHAND // 定义这个常量，就可以让Masonry帮我们自动把基础数据类型的数据，自动装箱为对象类型。
1.6K60发布于 2018-02-06 - 来自专栏网络交换FPGA
Google芯片自动布局论文解读
② 完成macro和标准单元的布局，以优化功耗，性能和面积（PPA），同时遵守对布局密度和布线拥塞的约束。 ③ 采用端到端的方法，可以产生媲美或优于人类专家产生的布局，会在6小时内生成芯片布局。 还引入了重叠节点之间的排斥力以降低布局密度。 ④ 为了便于商业EDA工具评估布局质量，论文采用了最后也补充了布局合法化步骤。 ? 整体的网络架构主要分为两个层次. 论文将没有经过精细调优的、经过预先训练的策略网络生成的布局位置称为zero-shot布局。这样的布局可以在不到一秒钟的时间内生成，因为它只需要预先训练的策略网络的单个推理步骤即可。 DARPA经过大量的数据调研得出当前典型的芯片设计周期为12-36个月，特别是在数字集成电路（IC）领域，先进技术节点的芯片设计极其复杂，自动化布局已经非常庞大，即使在最先进的公司也无法在短期内逾越。 Kahng教授、高通、ARM领导的的OpenROAD项目于2018年6月推出，如图所示，以寻求数字芯片敏捷设计EDA工具链，期望实现24小时完成芯片设计的一种自动化解决方案。 ?
1.4K11发布于 2020-05-26 - 来自专栏向治洪
iOS自动布局框架之Masonry
所以一般用纯代码开发UI的话，一般都是配合一些自动化布局的框架进行屏幕适配。 Masonry简介 Masonry是一个对系统NSLayoutConstraint进行封装的第三方自动布局框架，采用链式编程的方式提供给开发者API。 Masonry是同时支持Mac和iOS两个平台的，在这两个平台上都可以使用Masonry进行自动布局。 pod 'Masonry' 学习曲线 对于初学者学习纯代码AutoLayout，我建议还是先学会Interface Builder方式的AutoLayout，领悟苹果对自动布局的规则和思想，然后再把这套思想嵌套在纯代码上 #define MAS_SHORTHAND // 定义这个常量，就可以让Masonry帮我们自动把基础数据类型的数据，自动装箱为对象类型。
2.5K50发布于 2018-01-26 - 来自专栏HT
电信网络拓扑图自动布局之曲线布局
在前面《电信网络拓扑图自动布局之总线》一文中，我们重点介绍了自定义 EdgeType 的使用，概括了实现总线效果的设计思路，那么今天话题是基于 HT for Web 的曲线布局（ShapeLayout） ShapeLayout 从字面上的意思理解，就是根据曲线路径来布局节点，省去手动布局节点的繁琐操作，还能保证平滑整齐地排布，这是手动调整很难做到的。 http://www.hightopo.com/demo/EdgeType/ShapeLayout-Oval.html 我们先来看看最简单的圆和椭圆是如何实现自动布局的。 我们知道在几何学中，圆和椭圆是可以用三角函数老表示，那么我们就可以将圆或者椭圆分成若干份，通过三角函数就可以算出圆或椭圆上的一点，将节点放到计算出来的点的位置，这样就可以达到自动布局的效果。 http://www.hightopo.com/demo/EdgeType/ShapeLayout.html 如上图的例子，节点沿着某条曲线均匀布局，那么这种不是特殊形状的连线组合是怎么实现自动布局的呢
1.5K70发布于 2018-01-03 - 来自专栏hightopo
电信网络拓扑图自动布局之曲线布局
在前面《电信网络拓扑图自动布局之总线》一文中，我们重点介绍了自定义 EdgeType 的使用，概括了实现总线效果的设计思路，那么今天话题是基于 HT for Web 的曲线布局（ShapeLayout） ShapeLayout 从字面上的意思理解，就是根据曲线路径来布局节点，省去手动布局节点的繁琐操作，还能保证平滑整齐地排布，这是手动调整很难做到的。 http://www.hightopo.com/demo/EdgeType/ShapeLayout-Oval.html 我们先来看看最简单的圆和椭圆是如何实现自动布局的。 我们知道在几何学中，圆和椭圆是可以用三角函数老表示，那么我们就可以将圆或者椭圆分成若干份，通过三角函数就可以算出圆或椭圆上的一点，将节点放到计算出来的点的位置，这样就可以达到自动布局的效果。 http://www.hightopo.com/demo/EdgeType/ShapeLayout.html 如上图的例子，节点沿着某条曲线均匀布局，那么这种不是特殊形状的连线组合是怎么实现自动布局的呢
90220发布于 2018-07-09 - 来自专栏CSDN技术头条
未来5-10年，NLP将走向成熟
聊天机器人和阅读理解的最新进展 机器翻译 今年微软首先在语音翻译上全面采用了神经网络机器翻译，并拓展了新的翻译功能，我们叫做Microsoft Translator Live Feature（现场翻译功能），在演讲和开会时，实时自动在手机端或桌面端 在2004年的时候，当时我们的沈向洋院长领导我们做了一个微软对联：用户输入上联，电脑自动对出下联，语句非常工整，甚至更进一步把横批对出来。 未来5-10年，NLP将走向成熟 最后，再介绍一下我对自然语言处理目前存在的问题以及未来的研究方向的一些考虑，供大家参考。 自动写对联、写诗、写新闻稿和歌曲等等，今天可能还是一个新鲜的事物，但是5到10年一定都会流行起来，甚至都会用起来。
1.3K71发布于 2018-02-12 - 来自专栏coding for love
5-10~11 webpack 性能优化（2）
这里我们可以使用 add-asset-html-webpack-plugin插件，来帮我们实现 html 自动引用。 监听变动自动构建：每当更改插件的配置，安装或删除一个 node_module 时，AutoDllPlugin 将重新构建dll。 html 自动引入：按照 DLLPlugin 的工作方式，必须先加载 DLL 包，然后再加载自己的包。这通常是通过向 HTML 添加额外的脚本标记来实现的。 如果我们修改 node_modules，再打包，发现 vendors 也会自动更新。 ?
1.5K10发布于 2020-05-26 - 来自专栏韩曙亮的移动开发专栏
【移动端网页布局】流式布局 ① ( 流式布局简介 | 百分比布局 非固定像素布局 | 根据屏幕尺寸 设备类型自动调整网页布局 )
一、流式布局简介 流式布局 又称为 百分比布局 / 非固定像素布局 ; 为 流式布局 中 盒子模型 设置 百分比宽度 , 其大小可以根据屏幕宽度自适应伸缩 , 该盒子没有像素限制 , 内容自动向左右两边填充 ; 流式布局 可以 根据 设备屏幕尺寸 和 设备类型 自动调整 网页布局 和 标签元素大小 , 以适应不同尺寸的 设备屏幕 ; 当 设备屏幕尺寸 发生变化时 , 标签元素的尺寸也会相应地调整 ; 移动端流式布局注意事项 : 使用 Flex 弹性盒模型 或 Grid 网格布局 : 使用这些布局技术可以更轻松地实现复杂的布局结构。 测试不同设备的显示效果 : 在完成布局之后，需要 在不同的设备上测试显示效果，以确保布局在不同设备上都能正常显示。 二、流式布局代码示例 ---- 代码示例 : <! /* 设置最小宽度 浏览器缩小 网页布局不能低于 320 像素 */ min-width: 320px; /* 版心水平居中 */
2K30编辑于 2023-04-30 - 来自专栏云原生布道专栏
【IOS开发基础系列】Autolayout自动布局专题
当谈到自动布局，橙色代表坏的。InterfaceBuilder绘制两个橙色方块：一个是虚线边框，一个是实线边框。虚线方块是根据自动布局显示视图的frame。 旋转屏幕的情况下也会自动处理布局。这样看起来代码多，但是可以适应多种分辨率的屏幕。不排除以后苹果出更大更多分辨率的手机。 , 有一个良好的自动布局框架, 则会让我们事半功倍. 采用新颖的链式语法, 扩展性,可读性,维护成本也较低.并致力打造最好用,最简洁,最方便,最轻巧的自动布局。 以下一个简单示例。 //layout.topSpace(10).leftSpace(10).bottomSpace(10).rightSpace(10); }]; 3 界面设置实现自动布局 iOS8开发～UI布局(二)storyboard
1.1K40编辑于 2023-10-16 - 来自专栏戴铭的博客
读 SnapKit 和 Masonry 自动布局框架源码
Supports iOS and OSX Auto Layout 如果还不了解自动布局或者还没有用过的同学可以参看我三年前这篇文章，里面有详细的介绍和相关资料：深入剖析Auto Layout，分析iOS
2.6K21发布于 2020-06-16 - 来自专栏hightopo
电信网络拓扑图自动布局
在电信网络拓扑图中，很经常需要用到自动布局的功能，在大数据的层级关系中，通过手工一个一个摆放位置是不太现实的，工作量是相当大的，那么就有了自动布局这个概念，来解放布局的双手，让网络拓扑图能够布局出一个优美的图案 ，当然在一些复杂的布局中，光有自动布局还是不行的，还是需要手工地做些相应的调整，才能让界面图案更加的完美。 今天我们来聊聊电信网络拓扑图 HT for Web 在自动布局上面的相关内容。 在 HT for Web 中有提供两种布局方案，一个是 AutoLayout，一个是 ForceLayout。 AutoLayout 提供了几套固定的布局算法，让用户根据不同的需求选择不同的布局算法，比较常用的是 circular（圆形布局）和 symmetic（对称布局）两种布局方式。 ? 上图是 symmetric 对称布局的结果，可以发现在布局上依据中心点呈相对对称的布局，这种布局方案在空间上看起来会比较紧凑些，比较节约空间。
2.7K20发布于 2018-07-09 - 来自专栏HT
电信网络拓扑图自动布局
在电信网络拓扑图中，很经常需要用到自动布局的功能，在大数据的层级关系中，通过手工一个一个摆放位置是不太现实的，工作量是相当大的，那么就有了自动布局这个概念，来解放布局的双手，让网络拓扑图能够布局出一个优美的图案 ，当然在一些复杂的布局中，光有自动布局还是不行的，还是需要手工地做些相应的调整，才能让界面图案更加的完美。 今天我们来聊聊电信网络拓扑图 HT for Web 在自动布局上面的相关内容。 在 HT for Web 中有提供两种布局方案，一个是 AutoLayout，一个是 ForceLayout。 AutoLayout 提供了几套固定的布局算法，让用户根据不同的需求选择不同的布局算法，比较常用的是 circular（圆形布局）和 symmetic（对称布局）两种布局方式。 ? 上图是 symmetric 对称布局的结果，可以发现在布局上依据中心点呈相对对称的布局，这种布局方案在空间上看起来会比较紧凑些，比较节约空间。
3.1K80发布于 2018-01-03 - 来自专栏Golang语言社区
电信网络拓扑图自动布局
在电信网络拓扑图中，很经常需要用到自动布局的功能，在大数据的层级关系中，通过手工一个一个摆放位置是不太现实的，工作量是相当大的，那么就有了自动布局这个概念，来解放布局的双手，让网络拓扑图能够布局出一个优美的图案 ，当然在一些复杂的布局中，光有自动布局还是不行的，还是需要手工地做些相应的调整，才能让界面图案更加的完美。 今天我们来聊聊电信网络拓扑图 HT for Web 在自动布局上面的相关内容。 在 HT for Web 中有提供两种布局方案，一个是 AutoLayout，一个是 ForceLayout。 AutoLayout 提供了几套固定的布局算法，让用户根据不同的需求选择不同的布局算法，比较常用的是 circular（圆形布局）和 symmetic（对称布局）两种布局方式。 ? 上图是 symmetric 对称布局的结果，可以发现在布局上依据中心点呈相对对称的布局，这种布局方案在空间上看起来会比较紧凑些，比较节约空间。
2.3K80发布于 2018-03-23 - 来自专栏个人路线
Figma组件和自动布局的应用(三)
Figma的自动布局 上文提到，实例中暂时不支持对布局约束的覆盖，不过也没关系，我们可以在父组件设置好模块的布局模式，在相同的内容中实现随心所欲的展示。 自动布局在组件化当中是一个特别有趣的功能，我相信虽然有很多设计师都有接触到组件化的应用，但在这一使用组件化进行项目管理的群体中还是有相当大一部分的设计师没有接触到自动布局这个功能的。 如下: 那么如何去做一个上面那种可以自动布局的组件呢？ 1. 在相应的位置建立好组件中的内容，并对需要自动布局的部分进行分组 2. 为分组选择布局方式，这里名称和徽章需要在水平方向进行自动的延展，因此为该分组选择添加 Layout Gird，并选择水平方向（Horizontal），这里只需要单行的文字名称，所以选择固定高度。 设置完成后，便可以对用户名称进行更改，实现一个可以自动适应用户名称长度的自动布局组件了。 你可以了吗？ 4.
1.7K31发布于 2021-12-01 - 来自专栏freesan44
关于Autolayout和Masonry自动布局的几个坑
自动布局 02 Mar 2016 Comments 前言 最近遇到一个复杂视图：根控制器里面有上下两个子控制器，子控制器中各自实现类似PageView的视图，然后PageView的每一页是一个WebView 记录下自动布局中遇到的几个坑。 translatesAutoresizingMaskIntoConstraints 默认为YES，也就是按照默认的autoresizingMask 进行计算；设置为NO之后，则可以使用更灵活的Autolayout（或者Masonry）之类的工具进行自动布局 self.isBigger; }]; button;}); 关于UIScrollView的自动布局 上面提到的页面遇到了多重的UIScrollView，使用自动布局的时候也是够蛋疼的。 具体使用技巧参考Masonry自动布局详解九：复杂ScrollView布局、在UIScrollView中使用Autolayout布局以及iOS_autoLayout_Masonry。
2.2K20发布于 2018-09-05
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号