clayui界面库收集 转自http://www.cppblog.com/clayui/

     贴2个效果图
         

         

         目前界面库暂命名为clayui，意思是”黏土UI“，为什么要叫黏土UI呢，因为我的想法是让clayui能方便的插入到各种开发环境中，比如，它可以与MFC混着一起用，也可以在D3D或者OPENGL中变成一个HUD，当然，你愿意的话，把它放到QT中也是可以的，当然当然，肯定没人会这么做......

         那么，clayui是如何做到这一点呢？其实很简单，clayui有自己的绘图库，负责界面上所有图形要素的绘制，把他们绘制到一个图形缓冲区中，这个缓冲区其实就是一个32位的带alpha通道的BMP图像，使用者只需要得到这个BMP图象缓冲，就可以把它像贴图一样贴到任何地方，甚至你愿意的话，在这上面绘制自己的图形也是可以的。

         我的目标是将clayui做成一个C++版的 Flex/WPF/Silverlight，因为，Flex/WPF/Silverlight的一个共同之处就是能编写出具有华丽效果的界面，然而，要想在C++里使用他们，是比较困难的。当然，你可以在MFC里放上一个FLASH Activex控件，然后”宣称“C++里也是可以用的，但是，这种用法，我个人觉得用起来很憋屈。Flex那是肯定只能使用Flex Builder来进行开发的，而WPF/Silverlight，可能是我使用得不多，或者孤陋寡闻，确实不知道如何在C++里使用，只知道可以用C#来做开发，可能也可以使用托管c++来做，这方面我的知识比较缺乏，就不继续说了。

         然后，可以使用C++来实现这些效果的，我知道的，就是大名鼎鼎的QT了，QT的确是个好东西，不过我没用过。曾经，有一个机会摆在我的眼前，那次我本可以和QT结缘的，当时整个项目使用的是MFC，有个界面BOSS要求界面要好看，要华丽，要IPhone一些，于是我想到了QT，不过在翻阅众多资料之后，始终没有找到如何在MFC里插入一个QT界面的完美的解决方案，由于时间紧迫，最后，我还是可耻的使用了FLASH Activex控件，这个界面也被公司里的Flex开发人员包揽了，记得好象是用FSCommand传递的消息，当时，看着BOSS在会议上夸那个用Flex的人，我心里真的很不是滋味。当然，如果MFC里能很方便的插入一个QT开发的界面的话，今天就不会有clayui了。

         还有其他界面库，例如CEGUI，这个也用过，但是要用好，还是挺难的，其他的，比如GTK，MINIGUI，wxwidgets之类的，就没缘分去使用他们了

         这里，还要提一下scaleform，这个号称是硬件加速的FLASH界面开发库，玩过游戏大作的，肯定多多少少都知道这个，像质量效应，星际2就用的这个，甚至虚幻引擎都把它集成进来了，当然，它的表现力确实不是吹的，效果很好，不过我没有使用过，当年BOSS开会时对我发彪，界面能不能搞得像星际2一样好看，我说，可以的，买人家的专业界面库，星际2的界面就是用这个做的，BOSS斜着眼睛瞄着我，多少钱，几千几万？如果能达到那个效果，就让财务去买好啦，我说，听说好象要7，8万美金，BOSS顿了一下，那好，那你先去研究下，看到底怎么样。然后我去scaleform的官网申请了下，后来，scaleform没有鸟我，BOSS也再没提这个事，这事就这样，结了。

         scaleform的老总据说是adobe的老总的弟弟，不知道是不是真的，但是不管是不是真的，sclaeform应该是获得了flash的支持的，但是他本身是从gameswf发展而来，从gameswf一个开源flash播放器发展到现在三千多万被autodesk收购，真的是很不简单。scaleform的具体开发流程我不是很了解，能不能使用C++来开发更是不得而知，网上关于这方面的资料少之甚少，如果园子里有人用过，不妨说一下。

         还有就是国内的几个换肤库，在baidu里搜”界面库“，第一页都是那几个换肤库打的广告，还有direct ui，我个人觉得这是在概念炒作，我个人也下载了direct ui的例子，但是，效果跟flex/silverlight/wpf比起来，还差了好远。这几个换肤库，说实话，还是很好用的，只需要少量代码，就可以换个漂亮的皮肤，用很少的工作量获取不错的效果，这个性价比是蛮高的，我刚工作时就看过APPFACE的广告贴，到现在，他已经由一个老总，一个程序员，一个美工的小工作室，变成了一个公司，据说已经获得投资，可以说，走上了正轨，还听说，VS的下一个版本中将集成他的换肤库，这个消息，个人觉得有点假，但是不管怎样，这也是人家努力的成果，希望他以后发展越来越好。

         再就是国内几个大软件的界面，QQ，讯雷做得是很不错的，QQ还有个WPF的概念版，如果C++能实现WPF的效果，估计QQ的会做得更好，个人觉得讯雷7的界面比QQ的更加动态一些。其他软件，比如类似115的一些下载客户端，360，都是实现的换肤，几乎看不到华丽的透明，或者动态效果。还有最近比较热的开源界面框架，chrome和金山卫士的，通过这些开源界面框架，我们能学到很多知识，也能做出好看的界面，但是比较遗憾的是缺乏一个完善的界面编辑器，而一个比较完善的界面编辑器的开发难度，我个人觉得不在开源框架之下，所以，这方面，还是有很多工作需要去完善的，也期待研究这些框架的大牛们能带给我们更多的惊喜。

         好，以上就是个人对界面方面的一些乱弹，现在，还是来说说自己的clayui吧，clayui作为一个界面库，也实现了窗口裁剪，消息传递等基本功能，并提供了几个自带的控件，就是上图里看到的那些了。clayui是免费使用的，但是目前暂时不开源，如果你有任何关于clayui的使用问题，请PM我，我会不遗余力的帮助你。

         目前clayui包含的功能如下：

         1. 支持导入flash 6.0格式的FLASH动画（不支持actionscript)

         2. 支持导入带alpha通道的PNG图形

         3. clayui通过freetype支持对文字的渲染

         4. 支持对矢量/ 栅格图形的旋转，缩放，反走样

         5. 支持tween缓动动画，色调渐变

         6. 支持窗口的基本功能：窗口裁剪，消息传递等

         7. 支持换肤，窗口的布局

         8. 支持滤镜效果：阴影，发光

         还说明一下，clayui占用的内存只有10-15M，clayui还有一个for windows mobile的版本，占用内存5M左右。例子占用的内存比较大的原因一个是MFC的原因，还有我在例子里创建了3个尺寸比较大的DC，大家看看代码就知道了。