static DisplayWindowDescription get_window_desc()
{
DisplayWindowDescription desc;
desc.set_type(WindowType::popup);
desc.set_visible(false);
desc.set_topmost(true);
return desc;
}
// The start of the Application
int HelloWorld::start(const std::vector<std::string> &args)
{
// Create a source for our resources
ResourceManager resources;
DisplayCache::set(resources, std::make_shared<DisplayResources>());
// Mark this thread as the UI thread
UIThread ui_thread(resources);
// Create root view and window:
DisplayWindowDescription desc;
desc.set_title("UICore: Hello World");
desc.set_allow_resize(true);
desc.set_type(WindowType::custom);
desc.set_extend_frame(16, 40, 16, 16);
std::shared_ptr<WindowView> root = std::make_shared<WindowView>(desc);
// Exit run loop when close is clicked.
// We have to store the return Slot because if it is destroyed the lambda function is disconnected from the signal.
Slot slot_close = root->sig_close().connect([&](CloseEvent &e) { exit(); });
Canvas canvas = UIThread::get_resource_canvas();
// Style the root view to use rounded corners and a bit of drop shadow
root->box_style.set_background(Colorf(240, 240, 240, 255));
root->box_style.set_padding(11.0f);
root->box_style.set_border_radius(15.0f);
root->box_style.set_border(Colorf(0, 0, 0), 1.0f);
root->box_style.set_margin(10.0f, 35.0f, 10.0f, 10.0f);
root->box_style.set_box_shadow(Colorf(0, 0, 0, 50), 0.0f, 0.0f, 20.0f);
// Create a label with some text to have some content
std::shared_ptr<LabelView> label = std::make_shared<LabelView>();
label->text_style().set_font("Ravie", 20.0f, 40.0f);
label->set_text("Hello World!");
root->add_subview(label);
// React to clicking
label->slots.connect(label->sig_pointer_press(), [&](PointerEvent &e) {
label->set_text(label->text() + " CLICK!");
});
// Create a text field for our span layout
std::shared_ptr<TextFieldView> edit = std::make_shared<TextFieldView>();
edit->text_style().set_font("Ravie", 11.0f, 20.0f);
edit->set_text("42");
edit->box_style.set_margin(0.0f, 5.0f);
edit->box_style.set_background(Colorf(255, 255, 255));
edit->box_style.set_border(Colorf(0.0f, 0.0f, 0.0f), 1.0f);
edit->box_style.set_border_radius(3.0f);
edit->box_style.set_padding(5.0f, 2.0f, 5.0f, 3.0f);
edit->box_style.set_width(35.0f);
// Create a span layout view with some more complex inline formatting
std::shared_ptr<SpanLayoutView> span = std::make_shared<SpanLayoutView>();
TextStyle font_desc2;
font_desc2.set_font_family("Segoe UI");
font_desc2.set_size(13.0f);
font_desc2.set_line_height(40.0f);
span->add_text("This is the UI core ", font_desc2);
TextStyle font_desc3;
font_desc3.set_font_family("Segoe UI");
font_desc3.set_size(18.0f);
font_desc3.set_line_height(40.0f);
span->add_text("Hello World!", font_desc3);
TextStyle font_desc4;
font_desc4.set_font_family("Segoe UI");
font_desc4.set_size(13.0f);
font_desc4.set_line_height(40.0f);
span->add_text(" example! Here's a text field: ", font_desc4);
span->add_subview(edit);
TextStyle font_desc5;
font_desc5.set_font_family("Segoe UI");
font_desc5.set_size(16.0f);
font_desc5.set_line_height(40.0f);
font_desc5.set_weight(800);
span->add_text(" units! sdfjghsdkfj hkjsdfhg jksdhfj gkshdfk gsjdkfghsjkdfh kgjshdfkg sjkdfh gjskhf gskjdfg hkjsdfh kgjsdhfkgjhsdkjfhgksjdfhg kjsdfhgjkshdfkhgskjdf ghkjsdfsg kdfhg skjdfhgjksdh fgsdfhg kjsdhfjkghsdkjfh gkjsdhfjkgsdhfkgjhsdkfj hgksj.", font_desc5);
root->add_subview(span);
// Create a popup window placed where the edit field is at
std::shared_ptr<PopupView> popup = std::make_shared<PopupView>();
popup->box_style.set_background(Colorf::lightyellow);
popup->box_style.set_margin(5.0f);
popup->box_style.set_box_shadow(Colorf(0, 0, 0, 40), 2.0f, 2.0f, 3.0f);
popup->box_style.set_border_radius(2.0f);
popup->box_style.set_border(Colorf::black, 1.0f);
popup->box_style.set_padding(5.0f, 2.0f);
popup->box_style.set_absolute();
popup->box_style.set_bottom(28.0f);
popup->box_style.set_left(0.0f);
popup->box_style.set_layout_vbox();
edit->add_subview(popup);
// Write some text in the popup
std::shared_ptr<LabelView> popup_label = std::make_shared<LabelView>();
popup_label->text_style().set_font("Consolas", 12.0f, 14.0f);
popup_label->set_text("Hey, this popup looks like a tooltip!");
popup->add_subview(popup_label);
// Make our window visible
root->show();
popup->show(WindowShowType::show_no_activate);
// Process messages until user exits
run();
return 0;
}
