仿《天龙八部》UI制作教程.doc

【教程】仿天龙八部UI制作教程（I）2008-03-13 21:53注意：本文转自光线引擎交流中心逍遥游大哥的原帖以下是点击 开始游戏 按钮后出现的活动界面： 在游戏工程根目录下，建立dataUI，制作需要的Font、imageset、scheme等资源文件，然后利用CELayoutEditor制作Layout文件，载入layout文件。一、基本资源文件制作。 我们常用的窗口类型有FrameWindow、Button、StaticText、StaticImage、Checkbox、RadioButton、ProgressBar、EditBox、ImageButton、TabControl、Listbox、Tooltip等；因此，你需要一张基本类型带有Alpha通道的TGA图片集、与其相对应的图片信息XML文件(imageset)、皮肤配置文件(looknfeel)。二、配置有关资源文件在工程根目录下，建立dataUI。1.将需要的字体文件拷贝到UI下(本例中使用simsun)，在UI下建立字体对应的Font文件，simsun格式如下：如果需要其他字体，格式基本相同。2.制作背景图片(bg.jpg)和对应的Imageset文件(bg.imageset)。在data下建立Materialui，将制作的背景图片(800*600像素)拷贝到Materialui下，将制作bg.imageset拷贝到datauiimagesets下。其bg.imageset文件如下：3.配置SCHEME文件，在工程中使用的各种资源(字体/皮肤/图片等)在这个文件中一次性加载。简单介绍如下： . 使用的各种资源. .三、制作布局文件layout。在UI下建立huodong，在其下建立活动页面layout文件。基本格式：.窗口布局. 四、在LightEngine中载入layout文件。.引擎的初始化. CEGUI:Renderer* my_renderer = new CEGUI:OpenGLRenderer(1024); new CEGUI:System(my_renderer); CEGUI:DefaultResourceProvider* rp = static_cast (CEGUI:System:getSingleton().getResourceProvider(); rp-setResourceGroupDirectory(schemes, ./data/ui/); rp-setResourceGroupDirectory(imagesets, ./data/ui/); rp-setResourceGroupDirectory(fonts, ./data/ui/); rp-setResourceGroupDirectory(layouts, ./data/ui/); rp-setResourceGroupDirectory(looknfeels, ./data/ui/); CEGUI:Imageset:setDefaultResourceGroup(imagesets); CEGUI:Font:setDefaultResourceGroup(fonts); CEGUI:Scheme:setDefaultResourceGroup(schemes); CEGUI:WidgetLookManager:setDefaultResourceGroup(looknfeels); CEGUI:WindowManager:setDefaultResourceGroup(layouts);using namespace CEGUI; WindowManager&winMgr=WindowManager:getSingleton();SchemeManager:getSingleton().loadScheme(utf8*)LookSkin.scheme);System:getSingleton().setDefaultFont(utf8*)simsun);System:getSingleton().setDefaultMouseCursor(utf8*)Le3dLook,(utf8*)MouseArrow);Window* root=winMgr.loadWindowLayout(utf8*)huodong/huodong.layout);System:getSingleton().setGUISheet(root);engine-WindowMessageProc( &CEGUIWindowMessageProc );do engine-Clear( LIGHT_COLOR_BUFFER_BIT | LIGHT_DEPTH_BUFFER_BIT ); System:getSingleton().renderGUI(); engine-SwapBuffers(); / 更新显示while( engine-DispatchMessage() ); delete CEGUI:System:getSingletonPtr(); delete my_renderer;return 0;【教程】仿天龙八部UI制作教程（II）2008-03-13 21:56注意：本文转自光线引擎交流中心逍遥游大哥的原帖Layout 文件： 【教程】仿天龙八部UI制作教程（III）2008-03-13 22:07直接载入我们制作的Layout文件即可，载入代码如下：.Window* root=winMgr.loadWindowLayout(utf8*)login/login.layout);Sy