1.先說下Ui的input部分
在GUI部分輸入輸出通常是需要采用回調(diào)函數(shù)來處理的
比如:
void G_CALL MousePosCallBack(int x,int y)
{
UIWidgetManager::Instance().OnMouseMove(x, y);
}
所以我就先給引擎的Input部分加入了幾個(gè)輸入輸出回調(diào)函數(shù)以方便使用
2.然后上幾個(gè)UI小圖
當(dāng)鼠標(biāo)劃過按鈕時(shí):
.
相關(guān)的代碼:
void RenderGUI();
RefPtr<Device> device;
RefPtr<Input> input;
Panel *panel = NULL;
ProgressBar *progressbar = NULL;
Button *button1 = NULL;
Button *button2 = NULL;
Button *button3 = NULL;
Button *button4 = NULL;
void G_CALL MouseStateCallBack(int mouse,int action)
{
int x,y;
input->GetMousePosition(x,y);
if(action == KEY_PRESS && mouse == MOUSE_BUTTON_LEFT)
{
UIWidgetManager::Instance().OnLeftButtonDown(x,y);
}
else if(action == KEY_PRESS && mouse == MOUSE_BUTTON_RIGHT)
{
UIWidgetManager::Instance().OnRightButtonDown(x,y);
}
else if(action == KEY_RELEASE && mouse == MOUSE_BUTTON_LEFT)
{
UIWidgetManager::Instance().OnLeftButtonUp(x,y);
}
else if(action == KEY_RELEASE && mouse == MOUSE_BUTTON_RIGHT)
{
UIWidgetManager::Instance().OnRightButtonUp(x,y);
}
}
void G_CALL MousePosCallBack(int x,int y)
{
UIWidgetManager::Instance().OnMouseMove(x, y);
}
bool G_CALL IsShiftPressed()
{
return false;
}
bool G_CALL IsAltPressed()
{
return false;
}
bool G_CALL IsCtrlPressed()
{
return false;
}
void SettingPanel();
int main()
{
device = InitDevice("UI測(cè)試1");
input = device->GetInput();
input->AttachMouseState(&MouseStateCallBack);
input->AttachMousePos(&MousePosCallBack);
core::TextDesc::SetDefaultFont(engine_string("simhei.ttf"));
UIWidgetManager::Instance().Initialize(&IsShiftPressed,&IsAltPressed,&IsCtrlPressed);
UIWidgetManager::Instance().AppResized(640,480);
SettingPanel();
BEGIN_LOOP(device)
glClearColor(0.1,0.1,0.2,1.0f);
glClear( GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT );
RenderGUI();
END_LOOP(device)
return 0;
}
void SettingPanel()
{
panel = new Panel(Rectf(10,75,180,180),NULL);
button1 = new Button(panel,L"寮€濮嬫父鎴?);
button2 = new Button(panel,L"淇濆瓨娓告垙");
button3 = new Button(panel,L"杞藉叆娓告垙");
button4 = new Button(panel,L"閫€鍑烘父鎴?);
progressbar = new ProgressBar(panel,Rectf(150,90,40,220),UI_DIRECTION_VERTICAL);
progressbar->SetPercentage(65.0f);
panel->AddChildWidget(button1);
panel->AddChildWidget(button2);
panel->AddChildWidget(button3);
panel->AddChildWidget(button4);
panel->AddChildWidget(progressbar);
button1->SetSize(Vector2f(120,40));
button2->SetSize(Vector2f(120,40));
button3->SetSize(Vector2f(120,40));
button4->SetSize(Vector2f(120,40));
button1->SetPosition(Vector2f(20,90));
button2->SetPosition(Vector2f(20,150));
button3->SetPosition(Vector2f(20,210));
button4->SetPosition(Vector2f(20,270));
UIWidgetManager::Instance().AddWidget(panel);
}
void RenderGUI()
{
float precent = progressbar->GetPercentage();
precent += 1.0f;
if(precent >= 100.0f)
precent = 0.0f;
progressbar->SetPercentage(precent);
UIWidgetManager::Instance().Update();
}
對(duì)于UI部分基本上所有的常見器件都需要一個(gè)一個(gè)設(shè)計(jì)
一次性做完太難了
而且設(shè)計(jì)的不好就需要重新設(shè)計(jì)
所以我決定先設(shè)計(jì)以下幾個(gè)器件 Widget,Panel,StaticText,SliderBar
其余的等把基本框架做成熟了再做吧