首页 > 代码库 > EUI库 - 自动布局
EUI库 - 自动布局
| 自适应流式布局 |
width="100%"
top left right
horizontalCenter=0
|
| 失效验证机制 |
这些异步过程都封装好了，我们只需要关注那一对方法：
invalidateProperties() 和 commitProperties() ，前者标记属性失效，后者应用失效的属性 |
|
一个是测量验证
invalidateSize() 和 measure()一个是布局验证。
invalidateDisplayList() 和 updateDisplayList()这两组什么时候用呢
|
|
 |
|
| 如果你希望你自定义的组件像框架里的标准组件一样，能加入自动布局体系，就必须要同时复写measure()和updateDisplayList()这两个方法 | |
| Group把自己的measure()方法交给了layout.measure()去实现，updateDisplayList()交给了layout.updateDisplayList()去实现。也就是把具体的布局方式解耦了出来，成了独立的一个LayoutBase类。这样所有的容器都可以采用Group+LayoutBase的组合的方式，为自己设置任意的布局。 | |
| 解决异步问题 |
失效验证机制能够很好的确保自动布局的性能，但是却会带来新的异步问题，大部分情况下我们并不会感受到失效验证的异步存在，因为它总是在本帧屏幕刷新前验证失效列表的，只有小部分在验证失效过程中又产生了新失效的情况，才会延迟到下一帧去处理。这种情况会导致的结果通常就是在初始化面板时会闪一下。解决这个问题有好几种方案，可以一开始将面板添加到显示列表时设置visible为false，延迟一段时间后再显示它。我们这里再讨论另一种方案，提前处理失效验证：
还有一种使用情景，不过很少会遇到，就是我们给一个组件设置了自动布局属性，比如
2.调用组件父级容器的
validateNow() 方法，这里请务必注意是"父级容器"的validateNow()方法，不是自身的，因为组件的布局是由父级容器决定的。 |
| 自动布局调试 | includeInLayout 指定此组件是否包含在父容器的布局中 |
| explicitWidth，explicitHeight | 所以这两个属性的作用就是保存你显式设置的值 |
| )maxWidth,minWidth,maxHeight,minHeight | )maxWidth,minWidth,maxHeight,minHeight：最大和最小尺寸。这里要注意：它们同时影响测量和布局的结果。measure()方法执行完会对measuredWidth，measuredHeight赋值一次。然后交给UIComponent里的validteSize()方法，再次规范测量结果。这时候就根据这四个值来规范的。最终确定measuredWidth，measuredHeight的值。布局时同理。 |
| width height | 布局设置的值 > 显式设置的值 > 测量的值 |
| measuredWidth，measuredHeight |
每个组件measure()方法执行的最终结果就是对这两个属性赋值
它们只记录测量结果
|
| )preferredWidth，preferredHeight | 首选宽高，这两个值通常在measure()方法中被调用。只是个便捷属性，按照explicitWidth，explicitHeight > measuredWidth，measuredHeight的优先级返回值。布局类在measure()方法中，调用子项的这个属性，来获取子项的测量结果。累加到自身的测量结果上。注意这个值已经包含旋转和缩放的值，且返回值永远为正数。 |
| )layoutBoundsWidth,layoutBoundsHeight： | 布局宽高，这两个值通常在updateDisplayList()方法中被调用。也是个便捷属性。按照 布局设置的宽高 > explicitWidth，explicitHeight > measuredWidth，measuredHeight的优先级返回值。注意这个值已经包含旋转和缩放的值，且返回值永远为正数 |
| preferredX,preferredY,layoutBoundsX,layoutBoundsY | 这四个属性，通常情况下就是xy的值。但是当组件含有旋转缩放时。他们为组件旋转缩放后在父级容器里实际显示的起点。 |
| 调试技巧 |
(1)自身是否被显式设置了尺寸？查看explicitWidth，explicitHeight。如果显式设置了，设置的对吗？不对找到问题。没有显式设置就继续。
(2)测量的尺寸对不对？查看measuredWidth，measuredHeight。不对，继续。对，跳到(5)
(3)查看top,left,right,bottom,horizontalCenter,verticalCenter,percentWidth,percentHeight这些布局属性对不对。注意：只有BasicLayout下这些属性才全部有效。
(4)布局类对吗？查看layout属性。以上都查过了，找不出问题，继续按(5)和(6)在显示列表向上或向下开始找。
(5)向上查看父级以及父级的父级容器的相关属性，是否正确。是否是父级容器强制设置了我们的尺寸。
(6)查看子项以及子项的子项的测量尺寸。找到第一个开始不对的节点
|
EUI库 - 自动布局
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。