- 综合排序
- 最热优先
- 最新优先
- 来自专栏增长技术
自动布局
AutoLayout是一种基于约束的，描述性的布局系统。 5. Flush Views [maroonView][blueView] ? 6. Priority [button(100@20)] ? 7.
59320发布于 2018-09-06 - 来自专栏码客
iOS自动布局
简单示例 override func viewDidLoad() { super.viewDidLoad() baiduMap = BMKMapView(forAutoLayout: {}()) self.mapView.addSubview(baiduMap); self.mapView.addConstraints(self.layoutConstraints()) } func layoutConstraints() -> [NSLayoutConstrain
55500发布于 2019-10-22 - 来自专栏HT
基于HTML5的3D网络拓扑自动布局
上篇将HT for Web的3D拓扑弹力布局的算法运行在Web Workers后台（http://www.hightopo.com/blog/70.html），这篇我们将进一步折腾，将算法运行到真正的后台 等着客户端页面来建立的socket通信，通过socket.on('moveMap',监听客户端发过来的图片节点拖拽变化信息进行同步，通过 socket.emit('result', result);发送自动布局算法的运算结果 io.connect('http://localhost:8036/')链接服务器获得握手链接socket对象，剩下的代码就是同socket.emit发送客户端拖拽信息，以及socket.on监听服务器推送过来的自动布局结果 以下视频播放过程你会发现，我打开了两个页面，这样就会有两个socket分别连接后台Node.js，而Node.js默认是单线程的，如果正在一个请求函数密集运算处理，则其他请求只能排队等待处理，这也是视频中我拖拽一个页面布局是
1.9K70发布于 2018-01-03 - 来自专栏移动开发面面观
iOS自动布局——Masonry详解
所幸，iOS为我们提供自动布局的方法，来解决这一困境。 ? image.png 自动布局的基本理念 其实说到本质，它和手动布局是一样的。 因此，在自动布局中，我们不再关心(x, y, width, height)的具体值，我们只关心(x, y, width, height)四个量对应的约束。 约束 那么何为约束呢？ 效果图 我们注意到，自动布局其实工作分两步： 创建视图的约束 将约束添加到合适的位置 约束关系从上面的描述中，已经非常清晰了。那么如何寻找约束添加的合适位置呢？ ? 关于如何解决减少建模转化到代码的实现难度的问题， 开源库 上面的代码，我们可以看到，虽然自动布局已经比手动布局优雅不少了，但它依然行数较多。 至此，我们完成了所有准备，就可以开始愉快的自动布局啦。 以上就是Masonry对iOS自动布局封装的解读。 如有问题，欢迎指正。
1.4K20发布于 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.7K80发布于 2018-04-11 - 来自专栏学海无涯
AutoLayout自动布局在线课程
AutoLayout是一种基于约束的，描述性的布局系统。AutoLayout为开发者提供了一种不同于以往UI元素位置指定的布局方法。以前布局是通过frame属性来定义其在当前view中的位置和尺寸。 本人录制的《AutoLayout自动布局》课程，在腾讯课堂上线了，欢迎感兴趣的同学前来围观、学习、批评、指正。 Xcode AutoLayout界面介绍 AutoLayout简单案例 AutoLayout进阶案例 UIStackView AutoLayout与UIScrollView UITableView行高自动计算
99930发布于 2019-01-12 - 来自专栏岑志军的专栏
HTML5-CSS布局
一、默认情况下，所有的网页标签都在标准流布局中，从上到下，从左到右。
2.3K40发布于 2018-05-28 - 来自专栏TomatoCool
PyQT5布局管理
#无特殊注明，所有案例只修改第一个案例的对应部分 Signals & slots： import sys from PyQt5.QtWidgets import * from PyQt5.QtGui import LCD屏幕和水平滑块 lcd = QLCDNumber(self) sld = QSlider(Qt.Horizontal, self) # 创建一个垂直布局 vbox = QVBoxLayout() vbox.addWidget(lcd) vbox.addWidget(sld) # 将垂直布局放入窗口 QtWidgets import * from PyQt5.QtGui import * from PyQt5.QtCore import * class Example(QMainWindow): QtWidgets import * from PyQt5.QtGui import * from PyQt5.QtCore import * # Communicate类创建了一个pyqtSignal
63430编辑于 2023-07-30 - 来自专栏向治洪
iOS自动布局框架之Masonry
所以一般用纯代码开发UI的话，一般都是配合一些自动化布局的框架进行屏幕适配。 Masonry简介 Masonry是一个对系统NSLayoutConstraint进行封装的第三方自动布局框架，采用链式编程的方式提供给开发者API。 Masonry是同时支持Mac和iOS两个平台的，在这两个平台上都可以使用Masonry进行自动布局。 pod 'Masonry' 学习曲线 对于初学者学习纯代码AutoLayout，我建议还是先学会Interface Builder方式的AutoLayout，领悟苹果对自动布局的规则和思想，然后再把这套思想嵌套在纯代码上 #define MAS_SHORTHAND // 定义这个常量，就可以让Masonry帮我们自动把基础数据类型的数据，自动装箱为对象类型。
1.7K60发布于 2018-02-06 - 来自专栏网络交换FPGA
Google芯片自动布局论文解读
② 完成macro和标准单元的布局，以优化功耗，性能和面积（PPA），同时遵守对布局密度和布线拥塞的约束。 ③ 采用端到端的方法，可以产生媲美或优于人类专家产生的布局，会在6小时内生成芯片布局。 还引入了重叠节点之间的排斥力以降低布局密度。 ④ 为了便于商业EDA工具评估布局质量，论文采用了最后也补充了布局合法化步骤。 ? 整体的网络架构主要分为两个层次. 在训练中，采用了5个block，每个2000种布局，创建了一个10,000个芯片位置的数据集，其中输入是与给定位置相关的状态，而标签是该位置（线长和拥塞）的奖励。 DARPA经过大量的数据调研得出当前典型的芯片设计周期为12-36个月，特别是在数字集成电路（IC）领域，先进技术节点的芯片设计极其复杂，自动化布局已经非常庞大，即使在最先进的公司也无法在短期内逾越。 Kahng教授、高通、ARM领导的的OpenROAD项目于2018年6月推出，如图所示，以寻求数字芯片敏捷设计EDA工具链，期望实现24小时完成芯片设计的一种自动化解决方案。 ?
1.5K11发布于 2020-05-26 - 来自专栏sktj
python pyqt5 嵌套布局
-- coding: utf-8 -- """ 【简介】 嵌套布局 """ import sys from PyQt5.QtWidgets import QApplication ,QWidget __init__() self.setWindowTitle('嵌套布局示例') # 全局布局（1个）：水平 wlayout = QHBoxLayout() # 局部布局（4个）：水平、竖直、网格、表单 hlayout = QHBoxLayout() vlayout = QVBoxLayout() glayout = QGridLayout () formlayout = QFormLayout() # 局部布局添加部件（例如：按钮） hlayout.addWidget( QPushButton(str( QPushButton(str(3)) ) vlayout.addWidget( QPushButton(str(4)) ) glayout.addWidget( QPushButton(str(5)
1.2K30发布于 2019-07-22 - 来自专栏学习/读书笔记
《Flutter》-- 5.Flutter页面布局
参阅书籍： 《Flutter跨平台开发入门与实践》-- 向治洪（著） 5. Flutter页面布局 5.1 盒约束模型 盒约束是指组件可以按照指定限制条件来决定如何布局自身位置。 ； 5）verticalDirection：表示子组件在交叉轴方向上的布局顺序； 6）textBaseline：排列子组件时使用的基线标准； 7）children：线性布局里排列的内容。 当子组件超过主轴的大小时会自动换行；当还有剩余空间时，Expanded组件会占满剩余的所有空间，而Flexible组件只会占用自身大小的空间。 ：流式布局会自动换行或换列，runAlignment属性指的是每行或每列的对齐方式； 4）runSpacing：每行或每列的间距，默认是0.0； 5）crossAxisAlignment：子组件在交叉轴上的对齐方式 子组件如何去适应层叠布局的大小； 4）overflow：当子组件超出Stack组件的范围时，决定如何显示超出的子组件； 5）children：Stack组件里排列的内容。
1.6K20编辑于 2022-04-07 - 来自专栏向治洪
iOS自动布局框架之Masonry
所以一般用纯代码开发UI的话，一般都是配合一些自动化布局的框架进行屏幕适配。 Masonry简介 Masonry是一个对系统NSLayoutConstraint进行封装的第三方自动布局框架，采用链式编程的方式提供给开发者API。 Masonry是同时支持Mac和iOS两个平台的，在这两个平台上都可以使用Masonry进行自动布局。 pod 'Masonry' 学习曲线 对于初学者学习纯代码AutoLayout，我建议还是先学会Interface Builder方式的AutoLayout，领悟苹果对自动布局的规则和思想，然后再把这套思想嵌套在纯代码上 #define MAS_SHORTHAND // 定义这个常量，就可以让Masonry帮我们自动把基础数据类型的数据，自动装箱为对象类型。
2.7K50发布于 2018-01-26 - 来自专栏踏浪的文章
HTML5响应式布局
什么是响应式网页设计（布局） 响应式网页设计(Responsive Web design，通常缩写为RWD)是指：页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整 响应式布局的实现 1. Meta标签定义 使用viewport meta标签在手机上控制布局 <meta name="viewport" content="width=device-width,initial-scale=1, 会将看起来像是电话号码的数字添加链接，需要关闭 <meta name="format-detection content="telephone=no" /> 2.使用Media Queries适配对应样式 常用于布局的 实现响应式布局 通过媒体查询 @media screen and (max-width:320px) { } @media screen and (min-width:320px) and (max-width
3.6K10发布于 2019-07-31 - 来自专栏hightopo
根据矩阵变化实现基于 HTML5 的 WebGL 3D 自动布局
[5] 矩阵演算概括经典分析概念，如衍生物和指数更高的尺寸。矩阵在经济学中被用来描述经济关系系统。 http://www.hightopo.com/demo/pipeline/index.html 接下来我的任务就是帮助你们也能轻松地实现这个效果，HT 将弹力布局的 js 文件放到了一个独立的文件中， 表单，所以也要引入 form 表单的 js 文件， 并不是所有的 HT 封装的的功能都需要引入一个特别的 js 文件，需要引入额外的 js 文件的手册中顶部都会有介绍，这里 forcelayout 弹力布局的 "></script> 首先我们定义一个颜色数组变量，存储各个弹力球的颜色，还定义了一个随机函数，用来生成数随机的数组中的颜色： var colorList = ['#FFAFA4', '#B887C5' 2])/2] }); }; 基础配件全部定义完毕，接着就是将“shape3d”属性设置为自定义的 3D 模型“custom” ，并将“layoutable”属性设置为“false”阻止图元参与布局
1.1K30发布于 2018-07-09 - 来自专栏HT
根据矩阵变化实现基于 HTML5 的 WebGL 3D 自动布局
[5] 矩阵演算概括经典分析概念，如衍生物和指数更高的尺寸。矩阵在经济学中被用来描述经济关系系统。 ? 接下来我的任务就是帮助你们也能轻松地实现这个效果，HT 将弹力布局的 js 文件放到了一个独立的文件中，在引用这个 js 文件需要先引入 ht.js，因为我们还做了一个 form 表单，所以也要引入 form 表单的 js 文件， 并不是所有的 HT 封装的的功能都需要引入一个特别的 js 文件，需要引入额外的 js 文件的手册中顶部都会有介绍，这里 forcelayout 弹力布局的 js 和 form "></script> 首先我们定义一个颜色数组变量，存储各个弹力球的颜色，还定义了一个随机函数，用来生成数随机的数组中的颜色： var colorList = ['#FFAFA4', '#B887C5' 2])/2] }); }; 基础配件全部定义完毕，接着就是将“shape3d”属性设置为自定义的 3D 模型“custom” ，并将“layoutable”属性设置为“false”阻止图元参与布局
1.4K50发布于 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 如上图的例子，节点沿着某条曲线均匀布局，那么这种不是特殊形状的连线组合是怎么实现自动布局的呢
98220发布于 2018-07-09 - 来自专栏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.6K70发布于 2018-01-03 - 来自专栏sktj
python pyqt5 QVBoxLayout 垂直布局
-- coding: utf-8 -- """ 【简介】 垂直布局管理例子 """ import sys from PyQt5.QtWidgets import QApplication, QWidget (QWidget): def init(self, parent=None): super(Winform, self).init(parent) self.setWindowTitle("垂直布局管理例子 ") self.resize(330, 150) # 垂直布局按照从上到下的顺序进行添加按钮部件。 vlayout.addWidget(QPushButton(str(3))) vlayout.addWidget(QPushButton(str(4))) vlayout.addWidget(QPushButton(str(5)
1.2K30发布于 2019-07-22 - 来自专栏韩曙亮的移动开发专栏
【移动端网页布局】流式布局 ① ( 流式布局简介 | 百分比布局 非固定像素布局 | 根据屏幕尺寸 设备类型自动调整网页布局 )
一、流式布局简介 流式布局 又称为 百分比布局 / 非固定像素布局 ; 为 流式布局 中 盒子模型 设置 百分比宽度 , 其大小可以根据屏幕宽度自适应伸缩 , 该盒子没有像素限制 , 内容自动向左右两边填充 ; 流式布局 可以 根据 设备屏幕尺寸 和 设备类型 自动调整 网页布局 和 标签元素大小 , 以适应不同尺寸的 设备屏幕 ; 当 设备屏幕尺寸 发生变化时 , 标签元素的尺寸也会相应地调整 ; 移动端流式布局注意事项 : 使用 Flex 弹性盒模型 或 Grid 网格布局 : 使用这些布局技术可以更轻松地实现复杂的布局结构。 测试不同设备的显示效果 : 在完成布局之后，需要 在不同的设备上测试显示效果，以确保布局在不同设备上都能正常显示。 二、流式布局代码示例 ---- 代码示例 : <! /* 设置最小宽度 浏览器缩小 网页布局不能低于 320 像素 */ min-width: 320px; /* 版心水平居中 */
2.2K30编辑于 2023-04-30
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号