egret 学习5

1, 使用eui.scroller. 首先打开eui 的编辑器, 拖入一个 scroller,   然后就会自动在下面生成一个group, 给这个group 取一个id,   然后创建一个ts 的类 把这个exml 作为皮肤, 然后  记住一点是要给这个group设置一个布局,  垂直布局或者水平布局都可以,   然后直接给这个group.addchild(item) 就可以了,   如果要隐藏垂直和水平的bar的话找到scroller.那个bar. autovisibility=false 就可以了.

代码控制滚动, 写法如下:  scroller.viewport.scrollV+=  想要滑动的距离像素.  例如100, 就会往上滑动100.  判断是否到底, scroll.viewport.scrollV+scroll.height>=this.scroll.viewport.contentheight;

2, eui.button 的使用的话, 还是很简单的, 就是通过addeventlistener(egret.touchevent.touch_tap, click, this) 就可以了,

3, eui.progressbar 的话就是直接设置value 就可以了,  会有动态的效果的, 

4, 输入框是editabletext,

5, 单选按钮,  radioButton, 只要有几个radioButton  然后创建一个eui.radiobuttongroup, 然后把这几个radioButton.group属性设置为这个radiobuttongroup 就可以了,   然后给这个radiobuttongroup 注册事件, .addeventlistener(eui.UIEvent.CHANGE,change, this),   function change(e:eui.uievent){  let group=  e.currentTarget as eui.radiobuttongroup;  console.log(group.selectedValue);}   输出的这个属性是被选中的radioButton的名字.

6,  截屏功能,  截屏功能可以使用egret.rendertexture,  使用如下, 创建一个renderTexture, 然后  render.drawtotexture(displayObject) 就可以把这个显示物体绘制到这个rendertexture 中,   然后找个image 或者是bitmap,  设置texture 为这个截屏的图像就可以了

7, egret 的exml 要想使用的话, 有时候自己写的exml 不会在exml.d.ts 上生成对应的类,   这个时候其实是可以自己定义一个文件, 写上类的声明.  然后自己把exml 文件添加到default.thm.json 里面, 

8, egret 项目中, 如果有时候自己写的exml 无法生成对应的类的话, 就要检查一下是不是在egretproperties.json在这个文件中, 添加了 eui:{} 的那一段节点, 有的话就直接删了. 就好了