EUI库 - 容器

Posted 阿里P7之路

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了EUI库 - 容器相关的知识,希望对你有一定的参考价值。

 
eui.UILayer UILayer是Group的子类它只有一个功能,到放到场景上后,宽高永远和场景宽度一致  
Group Group 是自动布局的容器基类。如果包含的子项内容太大需要滚动显示,可以在在 Group 外部包裹一层 Scroller 组件(将 Group 实例赋值给 Scroller 组件的 viewport 属性)。Scroller 会为 Group 添加滚动的触摸操作功能,并显示垂直或水平的滚动条。 做过试验了
操作内部对象的方法 和Sprite基本一致,只是多了getElementAt 和 numElements  
容器内部的布局方式 myGroup.layout = new eui.HorizontalLayout(); 做过试验了
获取内容内对象的实际高度可用 myGroup.contentHeight 做过试验了
清除容器内的对象 调用 removeChildren 方法可以删除所有的内部显示对象  
容器的高度 在没被外部显示设置尺寸时,自己会测量出一个合适的大小,这时Group的宽度就是contentWidth和contentHeight  
如何内容尺寸超过窗口尺寸 默认是全部显示的,如何才能不显示 myGroup. scrollEnabled = true  
层叠容器 用 ViewStack 就行向里面addChild( 子对象 ) ;用selectedIndex来控制显示哪个子对象  
面板容器 Panel 皮肤用的是 eui_skins里面默认的  
滚动控制容器 Egret要禁用浏览器的滚动 以免对交互造成干扰 所以Egret的滚动需求自己来实现注意位置和尺寸的约束应该是在Scroller上面,而不是容器上面Scroller.viewport = myGroup  
通过代码也可以获取和控制滚动的位置 Scroller.viewport.scrollVthis.scroller.viewport.scrollV 为正数时表示 viewport里的实际内容向上移动  

以上是关于EUI库 - 容器的主要内容,如果未能解决你的问题,请参考以下文章

EUI ViewStack实现选项卡组件 (封装了一个UI类)

EUI库 - 概述

EUI库 - EXML

EUI库 - 9 - 数据集合 - 数组集合

EUI库 - 9 - 数据集合 - 列表

EUI库 - 自动布局