Egret Wing 控件 2.0 Final版

Tags：Egret引擎

Egret Wing 2.0是一款针对Egret项目的集成开发环境，它可以帮助你快速的完成Egret项目。它不仅可以通过可视化的方式创建、编辑和管理项目中的游戏用户界面，同时可以进行TypeScript代码的编写和断点调试等。Egret Wing让您在开发项目中体验更快捷的工作流。

功能特点

TypeScript代码编辑功能
在Egret Wing 2.0中，您可以直接对项目中的所有TypeScript代码进行编辑，同时Wing 2.0提供给您如代码提示、即时错误提示、悬浮注释提示以及方法参数提示等功能。您可以借此更加快速的开发Egret项目。

TypeScript代码断点调试
Egret Wing 2.0 使您再也不用为配置调试环境的繁琐过程而发愁。 只要您机器中安装有Chrome浏览器，您便可以一键开启断点调试功能。同时您可以更快捷的查看变量，管理断点和进行条件表达式的调试等。

可视化GUI过渡动画编辑
您可以通过Egret Wing 2.0对游戏用户界面中的各个组件可视化的创建和编辑过渡动画。配合属性面板，您可以方便的创建如渐变、缩放、平移和旋转等过渡动画，您可以一边调节参数，一边进行动画的预览。

全程可视化的设计组件皮肤
在Egret Wing 的工作区中，您可以直接从工具箱中选择需要添加的控件，并将它们直接拖动到正在编辑的皮肤中。
您可以通过拖拽，改变控件的尺寸、位置，实时预览效果。

EXML智能提示
Egret Wing 中提供了对EXML编辑的智能提示，让代码编写更快速，减少拼写错误。同时防止引入控件不支持的API，减少隐性错误。

简单操作，快速布局
使用属性面板可以快速设置控件布局。除了设置宽高坐标外，还可以设置控件的相对布局属性。结合Egret 自适应流式布局，轻松实现屏幕适配。
Wing还提供了多种 控件对齐方式，选中多个控件，然后点击工具栏相应的对齐方式

快速切换控件皮肤
皮肤面板提供了多种切换皮肤的方式。
选中需要切换皮肤的控件，可以使用下拉框选择也可以打开皮肤窗口预览皮肤。
点击创建按钮可以创建一个新的皮肤。
针对常用控件，可以使用素材快速创建皮肤

直观操作组件层级
图层面板可以方便的管理组件层级，直接拖动列表项即可切换层级
在图层面板中你可以快速定位元素。
支持直接拖动图层来改变嵌套结构.

皮肤状态管理
定义状态可以方便的管理组件在不同情况下的表现和行为。
Egret Wing提供了状态面板，方便管理皮肤状态。
选择某个状态后，你可以对控件所做的修改只会在当前状态生效，不会影响他们其他状态。
在运行时只要切换状态就能改变组件的表现和行为。

资源库
资源库可以管理当前项目所有的资源文件。
你可以把资源库中的文件直接拖到舞台中，Wing会自动把它以UIAsset形式添加到皮肤中。
点击某个文件可以直接在上方的预览窗口查看，预览窗口还支持九宫格显示。
点击上方“编辑九宫格”按钮可以可视化的编辑九宫格属性。

包资源管理器
使用包资源管理器可以方便管理多个Egret项目。
新建EXML皮肤面板可以选择需要的主机组件，Egret Wing可以显示该组件特有的快捷面板

自定义工作区布局
Egret Wing默认提供了三种工作区布局（设计、编码和调试）供选择，方便不同工作情景下快速切换。
你可以任意调整各个布局下的面板位置，使Egret Wing 满足你的使用习惯。

更新日志

Egret Wing 2.0 Final新功能
【新增】一键发布h5项目到金山云端
【新增】快捷键ctrl/command ＋滚轮缩放UI设计视图
【修复】修复代码提示，鼠标点击选择无效问题
【修复】修复某些情况文本内容显示不全
【修复】修复九宫格面板布局错误
【修复】修复scroller内部的group可以拖拽的bug
【优化】优化代码提示排序问题