您的位置:首页 > 产品设计 > UI/UE

SOUI入门

2016-02-28 16:59 531 查看

环境:win7_64旗舰版,VS2013

发现了一个比较好用的DirectUI库——SOUI,但是写一个窗口程序不是很方便,程序初始化的地方稍显繁琐,这里稍微封装一下。

大概包含6个文件:

SouiConfig.h:负责SOUI的配置,包括导入动态库,定义SOUI系统资源名称等。

SouiApp app;
// 资源路径一般为当前程序运行目录下面的res文件下
app.setResPath(app.getAppPath() + L"\\res");
app.initApp(hInstance);

// 必须在uires.idx文件中,必须编写窗口资源名称和窗口XML布局文件路径,例如'<file name="XML_MAINWND" path="MainWnd.xml" />'
SouiWindow mainWnd(L"LAYOUT:XML_MAINWND");
mainWnd.create();
mainWnd.centerShow();

// 消息循环
app.run(mainWnd);


View Code

最后的界面显示为:



这里有一个小技巧,如何让窗体四周没有圆角矩形呢?

我们可以在root节点中使用属性skin="skin.border",它是一个半透明的png图片,定义为<imgframe name="skin.border" src="PNG:ID_SHADOW" left="5" top="3" right="5" bottom="7"/>,只显示窗口边框的阴影部分;

然后在window节点中使用一张背景图片,就可以到的上图的效果,具体可参考SOUI中的"360"deom。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: