Duilib-1

最新推荐文章于 2022-10-26 15:53:26 发布

原创最新推荐文章于 2022-10-26 15:53:26 发布 · 789 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Duilib

Duilib 专栏收录该内容

1 篇文章

订阅专栏

Duilib-1

昨天学习了一下关于界面库Duilib，初学者刚开始接触，有些成效在这里做些总结。

先上图，看看效果哦~~~

怎么样对于这个是不是很感兴趣，那么接下来开始我们的学习之旅吧！

开始接触这个，一点头绪都没有不知道怎么做，然后根据教程学习，才有些思路。

我们在学习之前需要下载一个Duilib库，这个里面是讲MFC的框架基本上修改为自己的需要样式，之前有个人就做了一个模仿酷狗音乐的程序，的确不错。吐舌头

对“Duilib库”进行编译操作，具体的可以看教程，里面有详细解释。

接下来我们可以创建一个Win32项目，新建一个.cpp文件，主要代码如下。

class CDuiFrameWnd : public WindowImplBase
{
public:
    virtual LPCTSTR    GetWindowClassName() const   {   return _T("DUIMainFrame");  }
    virtual CDuiString GetSkinFile()                {   return _T("..\\MainFrame.xml");  }
    virtual CDuiString GetSkinFolder()              {   return _T("");  }
};

继承WindowImplBase这个类，需要对下面三个函数进行实现，获得窗体类名字，加载xml文件的路径，目前不明确（获取文件夹路径）

这里我们主要需要做的就是对xml文件的内容进行扩充，加载一些图片资源就可以实现上述的界面效果。来看看里面都写了什么，如果想要明确知道，自己百度吧。

<?xml version="1.0" encoding="utf-8"?>
<Window size="800, 600" mininfo="600, 600" roundcorner="4, 4"
        sizebox="4, 4, 4, 4" caption="0, 0, 0, 32">
  <VerticalLayout bkcolor="0xFF000000" bkcolor2="#0xFF33CCFF">
    <!--标题栏-->
    <HorizontalLayout height="32" bkcolor="#0xFF66CCCC">
      <VerticalLayout />
      <VerticalLayout width="77">
        <Button name="minbtn"   tooltip="最小化" float="true" pos="0,5,22,24"  width="23" normalimage=" file='SysBtn\MinNormal.bmp' " hotimage=" file='SysBtn\MinFocus.bmp' " pushedimage=" file='SysBtn\MinFocus.bmp' "/>
        <Button name="maxbtn"   tooltip="最大化" float="true" pos="22,5,44,24" width="23" normalimage=" file='SysBtn\MaxNormal.bmp' " hotimage=" file='SysBtn\MaxFocus.bmp' " pushedimage=" file='SysBtn\MaxFocus.bmp' " />
        <Button name="restorebtn" visible="false" tooltip="还原" float="true" pos="22,5,44,24" width="23" normalimage=" file='SysBtn\StoreNormal.bmp' " hotimage=" file='SysBtn\StoreFocus.bmp' " pushedimage=" file='SysBtn\StoreFocus.bmp' " />
        <Button name="closebtn" tooltip="关闭"   float="true" pos="44,5,74,24" width="28" normalimage=" file='SysBtn\CloseNormal.bmp' " hotimage=" file='SysBtn\CloseFocus.bmp' " pushedimage=" file='SysBtn\CloseFocus.bmp' "/>
      </VerticalLayout>
    </HorizontalLayout>
    <!--客户区-->
    <HorizontalLayout>
      <Button name="btnButton1" tooltip="TEST" width="54" normalimage="file='SysBtn\windows.png' source='0, 0, 54, 54' dest='10, 10, 64, 64'"
              hotimage="file='SysBtn\windows.png' source='0, 54, 54, 108' dest='10, 10, 64, 64'" pushedimage="file='SysBtn\windows.png' source='0, 108, 54, 162' dest='10, 10, 64, 64'" />
    </HorizontalLayout>
  </VerticalLayout>
</Window>

我给大家提供上界面资源的下载地址：点击下载提取密码：h9an

祝所有对Duilib界面库感兴趣的都有收获吐舌头 ---- Kindy之家

编写日期：2015年6月18日