Irrlicht学习笔记(5)--UserInterface

最新推荐文章于 2022-01-19 11:32:38 发布
最新推荐文章于 2022-01-19 11:32:38 发布
阅读量1k 收藏 1
点赞数
分类专栏： irrlicht Irrlicht入门--示例学习 文章标签： Irrlicht
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gqkly/article/details/51823733
版权

1.说明:

这个例子介绍irrlicht引擎的用户界面接口部分,
展示了Irrlicht引擎GUI设计的部分内容.

本例内容包括:
1)创建和使用窗口
2)按钮
3)滑动条
4)静态文本
5)列表盒子


2.准备:

1)确定gui界面的风格

类IGUISkin管理gui界面的风格,
包括:icon,精灵,字体,绘制风格等
这里设置了字体,用到的文件是:../media/fonthaettenschweiler.bmp
(1)获得skin对象
IGUIEnvironment类管理skin对象,
要改变默认skin就需要从它那里获取,或者为它重新设置一个自己创建的skin对象
这里直接获取:
gui::IGUISkin* skin = guie->getSkin();
(2)创建一个新的font并传给skin
创建
方法是通过IGUIEnvironment类的方法:getFont(filename)获得
gui::IGUIFont* font =guie->getFont("../media/fonthaettenschweiler.bmp");
设置
if(font)
{
skin->setFont(font);
}

2)基本控件的创建

都是通过IGUIEnvironment类中的add*方法添加
(1)添加按钮
使用gui::IGUIEnvironment下的一个函数:
virtual IGUIButton* addButton(
     const core::rect<s32>& rectangle,//确定按钮边界,左上角和右下角
    IGUIElement* parent=0,//父gui元素,单一元素为0
     s32 id=-1, //唯一标识
    const wchar_t* text=0,//按钮上显示的文字
    const wchar_t* tooltiptext = 0//提示消息的文字
) = 0;
比如,创建一个退出按钮
guie->addButton(
core::rect<s32>(10, 240, 110, 240 + 32),
0,
GUI_ID_QUIT_BUTTON,
L"Quit",
L"Exits Progma");
(2)滑动条
gui::IGUIEnvironment下的函数
virtual IGUIScrollBar* addScrollBar(
    bool horizontal,//是否平着画
    const core::rect<s32>& rectangle,//位置边界
    IGUIElement* parent=0,//父gui元素
    s32 id=-1//唯一标识
) = 0;
比如:
gui::IGUIScrollBar* scrollbar = guie->addScrollBar(
true,
core::rect<s32>(250, 45, 350, 60),
0,
GUI_ID_TRANSPARENCY_SCROLL_BAR//已经自定义好的唯一标志
);
这个滑动条的作用是控制界面元素的透明度,所以条还需要设置其他参数:
1滑动条上下限范围(与透明度对应:0~255),(默认:0-100)
2滑动条初始位置(界面元素初始默认透明度值决定)(默认:0)
方法在IGUIScrollBar中:
scrollbar->setMax(value1);//这里value1=255
scrollbar->setPos(value2);
value2的值从skin获取默认gui窗口颜色,再获取alpha分量
IGUISkin* skin = guie->getSkin();
video::SColor color = skin->getColor(gui::EGUI_DEFAULT_COLOR::EGDC_WINDOW);
value2= color.getAlpha();

枚举EGUI_DEFAULT_COLOR在IGUISkin.h中
(3)列表盒子
用它来记录按钮日志
gui::IGUIListBox* listbox=guie->addListBox(core::rect<s32>(50,140,250,210));
(4)添加一个可编辑文字框
gui::IGUIEditBox* editbox = guie->addEditBox(L"Editable text",//默认内容
    core::rect<s32>(350,80,550,100));

3.创建事件接收器

界面有了,但是运行之后会发现没有任何反应(除了可编辑框)
需要创建一个事件接受器,
功能:接受来自Irrlicht内部消息循环的事件,
并根据事件类型和对象的类型与某个类型的对象的id做出相应的反应

1)理解事件

在IEventReceiver.h中有跟消息有关的许多定义,命名空间为irr
(1)结构体SEvent保存了一个事件的信息.
定义如下:
struct SEvent
{
    ....
EVENT_TYPE EventType;
union
{
    struct SUIEvent GUIEvent;//这个例程关注这个
    struct SMouseInput MouseInput;
    struct SkeyInput KeyInput;
    struct SJoystictEvent JoystictEvent;
    struct SLogEvent LogEvent;
    struct SUserEvent UserEvent;
};
};
<1>事件类型
枚举EVENT_TYPE包括EET_**_EVENT形式的枚举,
包括所有支持的事件类型,比如GUI,鼠标输入,键盘输入,手柄输入等
这里用到的是EET_GUI_EVENT

<2>事件结构体
这里用的是GUIEvent:
struct SGUIEvent
{
     gui::IGUIElement* Caller;//发出事件的GUI元素
    gui::IGUIElement* Element;//被影响的其他的GUI元素
     gui::EGUI_EVENT_TYPE EventType;//GUI事件的类型
};
2)环境变量传递
因为事件接收器需要根据事件改变界面的内容,
所以需要让它能够访问外部对象.
这里建立一个结构保存相关信息

struct SAppcontext
{
    IrrlichtDevice* device;
    s32 counter;//用于窗口建立时窗口坐标的管理
    gui::IGUIListBox* listbox;//列表盒子
};
<3>ID分配
enum
{
GUI_ID_QUIT_BUTTON = 101,//退出按钮
GUI_ID_NEW_WINDOW_BUTTON,//新建窗口按钮
GUI_ID_FILE_OPEN_BUTTON,//打开文件按钮
GUI_ID_TRANSPARENCY_SCROLL_BAR//滑动条
};
2)事件接受器对象

(1)继承类:irr::IEventReceiver
class IEventReceiver
{
public:
virtual ~IEventReceiver() {}
virtual bool OnEvent(const SEvent& event) = 0;
};
这个类只有一个方法:OnEvent
需要注意的是:
返回true能防止Irrlicht继续对这个消息进行相应活动,但如果有特殊需求则不用该这么做
(2)事件接收器编写
这里只有框架,对于一个具体的事件的处理细节的完整代码
class MyEventReceiver:public IEventReceiver
{
private:
    SAppContext &Context;
public:
    MyEventReceiver(SAppContext& context):Context(context){}
    virtual bool OnEvent(const SEvent& event)
    {
        if(event.EventType==EET_GUI_EVENT)//只处理GUI消息
        {
            s32 id = event.GUIEvent.Caller->getID();
            gui::IGUIEnvironment*  guie= Context.device->getGUIEnvironment();
              
              //根据GUI事件的种类分类处理,这里有两类gui事件
              //滑动条和按钮
              // 需要精确到id
            switch(event.GUIEvent.EventType)    
            {
                   //滑动条
                   case gui::EGUI_EVENT_TYPE::EGET_SCROLL_BAR_CHANGED:
                   {
                        ...
                   }
                   break;
                  case gui::EGUI_EVENT_TYPE::EGET_BUTTON_LICKED:
                       switch(id)
                       {
                        case GUI_ID_QUIT_BUTTON://退出按钮
                                     ...
                                      return true;
                        case GUI_ID_NEW_WINDOW_BUTTON://新建窗口按钮
                                     ...
                                      return true;
                        case GUI_ID_FILE_OPEN_BUTTON://打开文件按钮
                                     ...
                                      return true;
                       }
            }
        }
    }
}
(3)初始化
在main函数中需要事件接收器
SappContext context;
context.device=device;
context.counter =0;
context.listbox =listbox;
MyEventReceiver recevier(context);
//为设备添加一个消息接收器
device->setEventReceiver(&receiver);


4.完整代码:

#include <irrlicht.h>
using namespace irr;

#ifdef _IRR_WINDOWS_
#pragma comment(lib,"irrlicht.lib")
#endif


//声明一个结构来保存环境信息,
//让事件接收器可以在OnEvent()方法中使用
struct SAppContext
{
	IrrlichtDevice*   device;
	s32				  counter;
	gui::IGUIListBox* listbox;
};

//定义一些用于为GUI控件ID管理的值
enum
{
	GUI_ID_QUIT_BUTTON = 101,//退出
	GUI_ID_NEW_WINDOW_BUTTON,//新建窗口
	GUI_ID_FILE_OPEN_BUTTON,//打开文件
	GUI_ID_TRANSPARENCY_SCROLL_BAR//滑动条
};

/**创建一个事件接收器(只对GUI事件反应)
 *当GUI控件被按下,将会传送一个附带其ID的消息
 *接收器根据ID做出反应
 */
class MyEventReceiver:public IEventReceiver
{
private:
	SAppContext &Context;
public:
	MyEventReceiver(SAppContext& context) : Context(context){ }

	virtual bool OnEvent(const SEvent& event)
	{
		if (event.EventType == EET_GUI_EVENT)
		{
			s32 id = event.GUIEvent.Caller->getID();
			gui::IGUIEnvironment* guie = Context.device->getGUIEnvironment();

			switch (event.GUIEvent.EventType)
			{
			case gui::EGUI_EVENT_TYPE::EGET_SCROLL_BAR_CHANGED://滑动条事件
				if (id == GUI_ID_TRANSPARENCY_SCROLL_BAR)//对应滑动条的id
				{
					//获得当前滑动条的位置,class IGUIScrollBar : public IGUIElement
					s32 pos = ((gui::IGUIScrollBar*)event.GUIEvent.Caller)->getPos();
					//将skin内的默认颜色的透明度设置为当前值
					for (u32 i = 0; i < gui::EGUI_DEFAULT_COLOR::EGDC_COUNT; ++i)
					{
						video::SColor col = guie->getSkin()->getColor((gui::EGUI_DEFAULT_COLOR)i);
						col.setAlpha(pos);
						guie->getSkin()->setColor((gui::EGUI_DEFAULT_COLOR)i, col);
					}
				}
				break;
				//按钮点击事件
			case gui::EGUI_EVENT_TYPE::EGET_BUTTON_CLICKED:
				switch (id)
				{
				case GUI_ID_QUIT_BUTTON://退出按钮
					Context.device->closeDevice();
					return true;
			
				case GUI_ID_NEW_WINDOW_BUTTON://建立新窗口
				{//这个{}很有用
					//为日志列表盒子加入新的内容
					Context.listbox->addItem(L"Window created");

					Context.counter += 30;//控制新建窗口的位置
					if (Context.counter > 200)
						Context.counter = 0;

					gui::IGUIWindow* window = guie->addWindow(
						core::rect<irr::s32>(100 + Context.counter, 100 + Context.counter, 300 + Context.counter, 200 + Context.counter),
						false,//modal?是否独占,true则关闭才能使用其他gui元素
						L"Test window"//标题
						);
					//在window中添加文本
					guie->addStaticText(
						L"Please close me",//标题
						core::rect<s32>(35, 35, 140, 50),
						true,//border?
						false,//wordwrap?
						window//父元素
						);
				}
					return true;

				case GUI_ID_FILE_OPEN_BUTTON://打开文件按钮
					Context.listbox->addItem(L"File open");//为日志列表盒子添加内容
					//通过IGUIEnvironment对象添加一个文件打开窗口
					guie->addFileOpenDialog(L"Pleasse choose a file.");
					return true;

				default:
					return false;
				}
				break;

			default:
				break;
			}
		}
		return false;
	}
};

int main(int argc, char**argv)
{
	irr::IrrlichtDevice* device = irr::createDevice(video::EDT_OPENGL, core::dimension2d<irr::u32>(720, 445), 16, false, false, false, 0);
	device->setWindowCaption(L"UserInterface");
	device->setResizable(true);

	irr::scene::ISceneManager* smgr = device->getSceneManager();
	irr::video::IVideoDriver* driver = device->getVideoDriver();
	gui::IGUIEnvironment* guie = device->getGUIEnvironment();
	//初始化部分

	//字体
	gui::IGUISkin* skin = guie->getSkin();
	gui::IGUIFont* font = guie->getFont("../media/fonthaettenschweiler.bmp");
	if (font)
	{
		skin->setFont(font);
	}
	skin->setFont(guie->getBuiltInFont(), gui::EGUI_DEFAULT_FONT::EGDF_TOOLTIP);

	//添加按钮
	guie->addButton(
		core::rect<s32>(10, 240, 110, 240 + 32),
		0,
		GUI_ID_QUIT_BUTTON,
		L"Quit",
		L"Exits Progma");
	guie->addButton(
		core::rect<s32>(10,280,110,280+32),
		0,
		GUI_ID_NEW_WINDOW_BUTTON,
		L"New Window",
		L"Launches a new Window"
		);
	guie->addButton(
		core::rect<s32>(10, 320, 110, 320 + 32),
		0, GUI_ID_FILE_OPEN_BUTTON,
		L"File Open",
		L"Opens a file"
		);

	//添加标签
	guie->addStaticText(L"Transparent Control:", core::rect<s32>(150, 20, 350, 40), true);
	//添加滑动条
	gui::IGUIScrollBar* scrollbar = guie->addScrollBar(
		true,
		core::rect<s32>(250, 45, 350, 60),
		0,
		GUI_ID_TRANSPARENCY_SCROLL_BAR
		);
	scrollbar->setMax(255);
	//设置滑动条位置对应所有元素的透明度
	scrollbar->setPos(
		guie->getSkin()->getColor(gui::EGUI_DEFAULT_COLOR::EGDC_WINDOW).getAlpha()
		);

	//添加一个文本
	guie->addStaticText(L"Loging ListBox:",
		core::rect<s32>(50, 110, 250, 130),
		true
		);
	gui::IGUIListBox* listbox = guie->addListBox(core::rect<s32>(50, 140, 250, 210));

	//添加一个可编辑框
	guie->addEditBox(L"Editable Text", core::rect<s32>(350, 80, 550, 100));


	//
	SAppContext context;
	context.device = device;
	context.counter = 0;
	context.listbox = listbox;

	MyEventReceiver receiver(context);
	device->setEventReceiver(&receiver);

	guie->addImage(driver->getTexture("../media/irrlichtlogo2.png"),
		core::position2di(10, 10)
		);



	//smgr->addCameraSceneNode(0, core::vector3df(0, 20, -20), core::vector3df(0, 0, 100));
	//初始化结束
	int lastfps = -1;
	while (device->run())
	{
		driver->beginScene(true, true, video::SColor(255, 100, 100, 0));
		smgr->drawAll();
		guie->drawAll();
		driver->endScene();
		int fps = driver->getFPS();
		core::stringw str = L"userinterface ]";
		str += driver->getName();
		str += "]FPS:",
			str += fps;
		device->setWindowCaption(str.c_str());
		lastfps = fps;
	}

	device->drop();


	return 0;
}


gqkly
关注
专栏目录
Irrlicht学习备忘录——15 LoadIrrFile
gameloong
04-30 1287
Irrlicht学习备忘录——15 LoadIrrFile 还没写完 明天补充 先发个占着位     官方代码($sdk)\examples\15.LoadIrrFile     这个例子是从.irr文件读取一个完整的场景。 从1.1版本开始，Irr引擎就支持使用.irr文件来读取和保存一个完整的场景。 实际上，这个irr文件就是一个xml格式的配置文件，我们可以通过记事本打开它看看
Irrlicht学习备忘录——14 Win32Window
gameloong
03-29 1116
14 Win32Window     官方代码($sdk)\examples\14.Win32Window     这个例子演示了如何在win32窗口里运行irr。用过windows api或MFC的都应该知道窗口句柄这东西，通过它，就能让irr在自己指定的窗口里运行，而不是irr自己创建的窗口里运行。开发经验丰富人一看到这个官方例子，应该就知道如何让irr运行到Qt和.Net的窗
Irrlicht引擎学习教程
12-13
Irrlicht Engine中文学习指南、Irrlicht(鬼火引擎)入门教程、OpenGL开发环境配置过程、Visual_Studio_2008_中OpenGL_开发环境配置
Irrlicht(鬼火引擎）中多设备的支持
15 年专注游戏引擎与游戏开发，分享实用方案、经验与干货教程！
04-26 3872
Irrlicht(鬼火引擎）中多设备的支持 理清一个引擎，不得不先理清它的层次结构，进而理清渲染流程。 本文给出了鬼火引擎中的设备抽象层，有助于对鬼火引擎源码的快速阅读。 IrrlichtDevice *device =createDevice(driverType, core::dimension2d<u32>(640, 4...
User interface
05-22
This book would not have been possible without the help of many peo- ple.
irrlicht 学习笔记 - 从入门到放弃
weixin_43859510的博客
11-28 1747
irrlicht 学习笔记 - 从入门到放弃 这是一个游戏引擎开发者 irrlicht 的学习笔记 写于最后 花了一天，通过对irrlicht进行粗略的学习。 知道了基本的使用，如何加载资源，创建节点，如何加载地图，GUI，碰撞检测，内置效果，可编程渲染管线，逐像素光照，地形渲染，渲染到纹理，分屏，光照管理，xml文件读写，自定义Mesh，遮挡查询，字体使用与创建等。 但是也发现了一些问题，irrlicht的没有高级的编程思想，仅提供了一些基本的渲染引擎功能，不易扩展。无法支持汉字。从支持的平台以及特性
IrrLib - Irrlicht Library Wrapper-开源
04-26
IrrLib是一个针对Irrlicht图形引擎的开源库包装器，主要目标是为开发者提供更方便、更高效的方式来利用Irrlicht的功能。Irrlicht是一个强大的跨平台3D/2D图形引擎，支持实时渲染和游戏开发。IrrLib通过封装Irrlicht...
Irrlicht .NET CP-开源
05-09
5. **文档与资源**：压缩包中的`Readme.txt`和`Irrlicht Extensions.readme.txt`可能包含了项目介绍、使用指南以及扩展库的详细信息。`change.log`记录了项目的更新历史，开发者可以通过它了解新版本的改进和修复。`...
irrlicht-1.8
12-27
irrlicht-1.8 Irrlicht引擎是一个用C++书写的高性能实时的3D引擎，可以应用于C++程序或者。NET语言中。通过使用Direct3D（Windows平台），OpenGL 1.2或它自己的软件着色程序，可以实现该引擎的完​全跨平台。尽管是...
Irrlicht之学习准备
哟呼很多事的专栏
05-16 1618
Irrlicht引擎是一个用C++书写的高性能的引擎。与市面上其他几个著名的开源引擎相比，irrlicht的主要优势在于上手简单以及高效实时性强，非常适合引擎初学者学习。 当前3D技术的流行，不光是在游戏中的使用，在很多领域都运用了3D技术，包含三维地理系统、虚拟现实等等。希望能从Irrlicht引擎的学习中，吸收一些3D领域的相关技术和知识。 从http://irrlicht.sourcef
User Interface-用户界面
这几年就学了点毛
08-30 520
In an Android application, the uers interface is built using View and ViewGroup objects. There are many types of views and view groups, each
user interface(用户界面)
ccccc49813645075的博客
10-07 4613
一 prototype using a prototying tool or visusal programming langeage(原型使用原型工具或可视化编程语言) 几乎所有的函数（除了一些内建函数）都有一个名为prototype(原型)的属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含有特定类型的所有实例共享属性和方法，prototype是通过调用构造函数而创建的那个对象实...
Irrlicht学习之粒子系统的研究
开发游戏，辉煌全中国
11-26 2767
粒子系统是作为游戏引擎不可或缺的一部分，它可以创造出非常炫的效果，但是传统上，如果是从Direct3D或者是从OpenGL/GLUT开始，将会遇到很大的麻烦，因为需要定义粒子发射器以及粒子管理器，还有种种复杂的东西，以前我曾经用Direct3D模仿粒子系统制作弹幕，就知道管理粒子有多么的复杂。不过在使用了Irrlicht之后，我觉得使用粒子系统简单了许多，只需要调用几个函数就可以解决问题。
irrlicht引擎IrrlichtDevice 设备
gauss的专栏
12-13 751
文章里面有一部分内容出自:http://blog.csdn.net/n5/article/category/217089/2 本篇讨论IrrlichtDevice，主要探讨以下几个问题： ->irrlicht对设备做了哪些抽象 ->如何做到跨平台 ->win32设备的实现细节 1）引擎的基石 - IrrlichtDevice irrlicht 所指的设备是什么呢？探究Irrlich
UI (User Interface)
TXWSLJH的博客
08-18 378
#import "AppDelegate.h"@interface AppDelegate ()@end@implementation AppDelegate - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { //获取屏幕的
＜4＞ esp8266 iot LED灯闪烁
疯狂程序博客
06-07 1071
一、GPIO配置
输入字符串转换为执行函数
FireGhost57的专栏
03-04 810
<br />/* user_interface.h */<br />#ifndef __USERINTERFACE__H__<br />#define __USERINTERFACE__H__<br />/**********public definition**********/<br />//打印提示符<br />#define PROMPT {printf("/r/033[K/033[32m[command]:");fflush(stdout);}<br />/**********type defin
ESP8266_06---------------定时器
weixin_46364710的博客
01-19 4485
一、软件定时器： 1.软件定时器： 是用程序模拟出来的定时器，它的特点是不会受到我们硬件资源不足的限制，在你的 CPU 和内存足够的情况下可以设置成百上千个软件定时器，但是它的缺点就是做不到特 别的准确，因为他是软件模拟的，当我们的 CPU 被别的事情抢占，如中断发生 等，会导致定时时间的不稳定性，因此不能使用在我们对时间要求特别严格的场合。 2.要用到的函数： 1.关闭软件定时器: void os_timer_disarm (os_timer_t *ptimer) /...
Irrlicht Engine 3D游戏开发学习教程
"Irrlicht Engine 中文学习指南" Irrlicht Engine是一款强大的开源3D游戏引擎，以其高效、实时的特性著称。它允许开发者在多个平台上构建3D应用程序，支持Direct3D、OpenGL以及其自有的渲染技术，提供了一个完全跨...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值