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

【教程】仿《天龙八部》UI制作教程（I） 2008-03-13 21:53 注意：本文转自光线引擎交流中心逍遥游大哥的原帖 以下是点击 开始游戏 按钮后出现的活动界面： ??? 在游戏工程根目录下，建立data\UI，制作需要的Font、imageset、scheme等资源文件，然后利用CELayoutEditor制作Layout文件，载入layout文件。 一、基本资源文件制作。 ?? 我们常用的窗口类型有FrameWindow、Button、StaticText、StaticImage、Checkbox、RadioButton、ProgressBar、EditBox、ImageButton、TabControl、Listbox、Tooltip等；因此，你需要一张基本类型带有Alpha通道的TGA图片集、与其相对应的图片信息XML文件(imageset)、皮肤配置文件(looknfeel)。 二、配置有关资源文件 在工程根目录下，建立data\UI。 1.将需要的字体文件拷贝到UI下(本例中使用simsun)，在UI下建立字体对应的Font文件，simsun格式如下：?xml version=1.0 ?Font Name=simsun Filename=simsun.ttc Type=FreeType Size=10 NativeHorzRes=800 NativeVertRes=600 AutoScaled=true/ 如果需要其他字体，格式基本相同。 2.制作背景图片(bg.jpg)和对应的Imageset文件(bg.imageset)。在data下建立Material\ui，将制作的背景图片(800*600像素)拷贝到Material\ui下，将制作bg.imageset拷贝到data\ui\imagesets下。其bg.imageset文件如下：?xml version=1.0 ?Imageset Name=bgimg Imagefile=bg.jpg NativeHorzRes=800 NativeVertRes=600 AutoScaled=trueImage Name=bg XPos=0 YPos=0 Width=800 Height=600 //Imageset 3.配置SCHEME文件，在工程中使用的各种资源(字体/皮肤/图片等)在这个文件中一次性加载。 简单介绍如下：?xml version=1.0 ?GUIScheme Name=Le3dLookImageset Name=Le3dLook Filename=Le3dLook.imageset /LookNFeel Filename=Le3dLook.looknfeel /Imageset Name=bgimg Filename=imagesets/bg.imageset /Font Name=simsun Filename=simsun.font / ??????? ... 使用的各种资源... WindowRendererSet Filename=CEGUIFalagardWRBase /FalagardMapping WindowType=Le3dLook/Button????? TargetType=CEGUI/PushButton Renderer=Falagard/Button??? LookNFeel=Le3dLook/Button /??????? ....../GUIScheme 三、制作布局文件layout。 在UI下建立huodong，在其下建立活动页面layout文件。 基本格式：?xml version=1.0 ?GUILayoutWindow Type=DefaultWindow Name=huodong Property Name=UnifiedPosition Value={{0.0,0.0},{0.0,0.0} /Property Name=UnifiedSize Value={{1.0,0.0},{1.0,0.0} / ......窗口布局...... ?? /Window/GUILayout 四、在LightEngine中载入layout文件。 .....引擎的初始化...... ??? CEGUI::Renderer* my_renderer = new CEGUI::OpenGLRenderer(1024);??? new CEGUI::System(my_renderer);??? CEGUI::DefaultResourceProvider* rp = static_castCEGUI::DefaultResourceProvider*???