DuiVision设计器预览版

DuiVision设计器终于有了一些开发进展，目前可以实现界面预览功能了，设计器代码已经提交到github库的Script.NET和DuiVision项目中，可以运行的版本上传到QQ群中了。

DuiVision设计器是基于Script.NET开发的插件，包含两个Script.NET插件，一个是界面插件，在Script.NET的Plugins\org.owm.duivisiondesigner目录下，用于显示设计器的窗口界面，另一个是DuiVision插件，在Script.NET的Plugins\org.vci.duivision目录下（这个插件的代码在DuiVision项目的DuiVisionDesignerPlugin目录下，主要是方便编译）。

设计器的实现思路是每个界面窗口对应Script.NET中的一个OWM插件（org.owm.duivisiondesigner插件）窗口，在插件View类中再加载一个DuiVision插件（org.vci.duivision插件）用于显示，显示时候还是调用的DuiVision库的显示功能，使用的View的窗口句柄，将窗口句柄传递给DuiVision插件，由插件渲染之后显示的View窗口中。

设计器目前已经实现的功能主要是显示DuiVision的界面xml文件，DuiVision界面xml文件有多种类型，包括对话框、div界面（用于tab页等）、popup窗口、菜单等，目前已经可以正确显示的包括对话框、div界面、popup窗口，但对话框窗口的背景显示还不支持，因此打开一个对话框文件看到的效果和实际效果还是会有些差别，这些功能正在完善中。

设计器的使用方法如下：

1、在Script.NET中打开一个DuiVision的xml界面文件



2、在文件tab页签上点鼠标右键，出现如下的菜单，选择“打开为...”菜单项



3、出现如下的使用哪个组件打开文件的对话框，选择其中的"DuiVision界面设计器"组件来打开当前的文件



4、会使用DuiVision界面设计器组件打开一个新的窗口，界面效果如下





目前界面设计器使用的界面资源（图片资源、字符串定义等）都是用的Script.NET的Plugins\org.vci.duivision目录下的资源文件，可以看到在这个目录下有xml、skins目录，和DuiVision应用程序可执行目录下的xml、skins目录是对应的，自带的是DuiVision的demo程序中的资源文件，如果不是用的demo程序的资源，就需要把自己的DuiVision应用程序中的资源文件目录拷贝到这个目录下，覆盖默认的资源文件，以后的设计器会支持工程管理，在功能中可以自己定义资源文件的目录。

----------------------------------------------------------

DuiVision开源代码下载地址（github）：https://github.com/blueantst/DuiVision

蓝蚂蚁工作室主页：http://www.blueantstudio.net

DuiVision QQ群：325880743

微信公众号：blueantstudio 或搜索 蓝蚂蚁工作室