Messages

Got it, thank you! I will implement it like this for now and will wait until you add this future.

How I can change checkboxes texture to "TextureUncheckedHover" or "TextureCheckedHover" when mouse hovers the text?

but you could just replace the text with an actual Label widget for now.

I did so, but the checkbox texture no longer responds to mouse actions on text

Hello!
I'm drawing radio buttons and check boxes to scrollable panel with fixed width (scrollablePanel.setHorizontalScrollbarPolicy(tgui::Scrollbar::Policy::Never)). Some of them have long texts and go beyond the borders of the panel. I think it would be useful to add the ability to automatically change the width of the text like in Label.
Here is example of what I have:

I seem to figure it out . I just have to update maximum text width every time widget changes its size.

Hello,
How can I bind Labels MaximumTextWidth on widgets width? I'm making custom slider with it's name and value shown above.
Here is what I have for now:

Code (cpp) Select Expand


class MyTguiSlider : public Panel
{
public:
typedef std::shared_ptr<MyTguiSlider> Ptr;
typedef std::shared_ptr<const MyTguiSlider> ConstPtr;

MyTguiSlider(const sf::String& name, const Layout width = { "100%"});
~MyTguiSlider() {};

static MyTguiSlider::Ptr create(const sf::String& name, const Layout width = { "100%" });

protected:
private:
Label::Ptr m_nameLabel;
Label::Ptr m_valueLabel;
Slider::Ptr m_slider;
};

tgui::MyTguiSlider::MyTguiSlider(const sf::String& name, const Layout width)
{
m_valueLabel = Label::create("100.00");
m_slider = Slider::create();
m_nameLabel = Label::create(name);
getRenderer()->setBackgroundColor({ 100, 100, 60 });

m_slider->setSize("95%", 10);
m_slider->setPosition("&.w/2 - w/2", "nameLabel.bottom + h");
add(m_slider, "slider");

m_valueLabel->setHorizontalAlignment(Label::HorizontalAlignment::Right);
m_valueLabel->setPosition("slider.right - width", "slider.top - height");
add(m_valueLabel, "valueLabel");

m_nameLabel->setMaximumTextWidth(m_slider->getSize().x - m_valueLabel->getSize().x - 10);
m_nameLabel->setPosition("slider.left", 0);
add(m_nameLabel, "nameLabel");


setSize(width, "slider.bottom + 10");
}


Wow! I don’t have to implement it myself. I just can use tgui::Texture and tgui::Sprite! Thank you very much for your library! It is very useful to me. I am very grateful to you.

Hi Texus! Could you tell me how you implemented the "Middle" parameter on themes syntax? How do you scale given rect of texture and remain unchanged other parts?

It worked! Thanks!

Hello! I made class inherited from tgui::Group, which contains some other widgets. Is it possible to add new signal like "GropWidgetPressed" so I could use it like this:

Code (cpp) Select Expand


myGroupWidget.connect("GropWidgetPressed", [](){});


Thanks!

Hi! I could not find any way to increase scroll sensitivity of ScrollablePanel. It's very inconvenient to scroll to the end of the content of ScrollablePanel with low contentOffset, when it has wide content height

Ok, thank you!

So basically call gui.handleEvent for every event except for the space key press event.

how can I do that?

Code (cpp) Select Expand


if(event.type == Event::KeyPressed && event.key.code == Keyboard::Space)
{
    handleSpaceKeyEvent();
    return;
}
gui.handleEvent();
/* handle other events */


like this?

Hi!

Code (cpp) Select Expand


auto button = tgui::Button::create();
button->setRenderer(theme.getRenderer("Button"));
button->connect("pressed", [](){std::cout<<"button pressed" << endl;});
gui->add(button);

/* --- */

sf::Event event;
while (window->isOpen())
{
while (window->pollEvent(event))
{
/* --- */
                gui.handleEvent(event);
               
                if (event->type == Event::KeyPressed)
                switch (event->key.code)
{
case Keyboard::Space:
cout<< "space key pressed"<<endl;
break;
                        /* --- */
}

/* --- */
}
}


if you press the button and then the space key, you will see:
button pressed
button pressed
space key pressed

I use many buttons and i have another function bind to the space key. I have to unfocus widget every time i pressed it. Is there any option to disable auto focusing last pressed widget?

Thank you!

Why not make an item selection and call a binded function after releasing the mouse button? For example, if you hold down the mouse button on the list of items and move the mouse over them, the items will be selected immediately after the mouse overlaps the element. This may not be convenient if it is binded to a heavy function, and you did not plan to select this element. Selecting an item after releasing the mouse button would solve this problem. And mine, by the way, too =)

here is example code

Code (cpp) Select Expand


int main()
{
sf::RenderWindow window(sf::VideoMode(800, 600), "TGUI window");
window.setFramerateLimit(60);

tgui::Gui gui(window);

try
{
tgui::Theme theme{ "../themes/Black.txt" };

gui.add(tgui::Picture::create("../RedBackground.jpg"));

auto label = tgui::Label::create();
label->setRenderer(theme.getRenderer("Label"));
label->setText("Hold down the mouse button on list box and move the mouse over items");
label->setPosition(70, 30);
label->setTextSize(18);
gui.add(label);

label = tgui::Label::create();
label->setRenderer(theme.getRenderer("Label"));
label->setText("ComboBox");
label->setPosition(150, 80);
label->setTextSize(18);
gui.add(label);

auto comboBox = tgui::ComboBox::create();
comboBox->setRenderer(theme.getRenderer("ComboBox"));
comboBox->setSize(200, 21);
comboBox->setPosition(150, 100);
comboBox->connect("ItemSelected", []() { cout << "Item selected" << endl; });
comboBox->addItem("Item 1");
comboBox->addItem("Item 2");
comboBox->addItem("Item 3");
comboBox->addItem("Item 4");
comboBox->addItem("Item 5");
comboBox->addItem("Item 6");
comboBox->setSelectedItem("Item 2");
gui.add(comboBox);


label = tgui::Label::create();
label->setRenderer(theme.getRenderer("Label"));
label->setText("ComboBox with heavy functions");
label->setPosition(450, 80);
label->setTextSize(18);
gui.add(label);

comboBox = tgui::ComboBox::create();
comboBox->setRenderer(theme.getRenderer("ComboBox"));
comboBox->setSize(200, 21);
comboBox->setPosition(450, 100);
comboBox->connect("ItemSelected", []() {this_thread::sleep_for(500ms); cout << "hard work done" << endl; });
comboBox->addItem("Item 1");
comboBox->addItem("Item 2");
comboBox->addItem("Item 3");
comboBox->addItem("Item 4");
comboBox->addItem("Item 5");
comboBox->addItem("Item 6");
comboBox->setSelectedItem("Item 2");
gui.add(comboBox);


auto button = tgui::Button::create();
button->setRenderer(theme.getRenderer("Button"));
button->setPosition(window.getSize().x - 115.f, window.getSize().y - 50.f);
button->setText("Exit");
button->setSize(100, 40);
button->connect("pressed", [&]() { window.close(); });
gui.add(button);
}
catch (const tgui::Exception& e)
{
std::cerr << "TGUI Exception: " << e.what() << std::endl;
return EXIT_FAILURE;
}

while (window.isOpen())
{
sf::Event event;
while (window.pollEvent(event))
{
if (event.type == sf::Event::Closed)
window.close();

gui.handleEvent(event);
}

window.clear();
gui.draw();
window.display();
}

return EXIT_SUCCESS;
}


I don't use gui in B state. How can I use same gui for both states? Static gui object in BaseWindow? Is it ok to create static gui objects? As I know, nothing good wil come if you create static SFML objects.

Hi! Here is a little example of how I implement State pattern in my program to manage windows. When I click ComboBox item, contex changes its state from Awindow to Bwindow, which will draw loading animationw while loading some resources and return back to A state. The problem is that when I press mouse button, contex changes it's state to B immediadetly and A state does not have time to accept the mouseButtonReleased event. So when contex returned back to the state A, the ComboBox will think that I'm still holding mouse button. How can I solve this problem?

Code (cpp) Select Expand

class BaseWindow;
class myRWindow : public sf::RenderWindow
{
BaseWindow * state;
public:
void changeState(BaseWindow *st) { state = st; }
void handleEvent(Event *event) { state->handleEvent(event); }
void drawCurrentState() { state->draw(); };
};

class BaseWindow
{
public:
virtual void draw() = 0;
virtual void handleEvent(sf::Event *) = 0;
protected:
myRWindow *contex;
};

class WindowStateA : public BaseWindow
{
private:
tgui::Gui gui;

void onComboBoxItemSelected(tgui::Widget::Ptr, const sf::String&)
{
/* --- */
WindowStateB *windB = WindowStateB::getInstance();
contex->changeState(windB);
windB->doSomethingAndReturn(this);
};
public:
virtual void draw();
virtual void handleEvent(sf::Event & ev) { gui.handleEvent(ev); };

};

class WindowStateB : public BaseWindow
{
public:
void doSomethingAndReturn(BaseWindow * wst) // and return to window
{
auto contWind = contex;
auto changeState = [contWind, wst]() {contWind->changeState(wst); };
/* --- */
// working in another thread while showong animation. After finishing work  changeState will be called
/* --- */
}

virtual void draw();
virtual void handleEvent(sf::Event & ev);

};

Thank you very much!

What should the function do exactly? Place some text in the ComboBox when none of its items are selected yet?

Yes

I'm making music game which uses MIDI ports. If users were using some port(port 1) and it becomes unavailable, I want to let them know, which port they were using last time
this example I made in Photoshop
https://www.dropbox.com/s/f4fpmsm2lmn1gfm/ComboBox.png?dl=0

Hi everyone!
Is it possible to set a different color to specific items? I want to add item with grey color, which will mean that the item is not available.

Or how can I hide selected item from items list? Or is there any function like tgui::EditBox::setDefaultText? sorry for my bad English=)