How to make a button in SFML?

[Nedim1]

K so how to make the sprite change when the mouse is over it?
Thanks!

[eXpl0it3r]

Change the texture rect when the mouse is over the sprite. This assumes your texture holds both "states".

[Nedim1]

K guys so I have another question I'm sure the solution is simple, but now that I have the recreated window how do I clear it here's my code:

#include <SFML/Graphics.hpp>
#include <SFML/Window.hpp>
#include <SFML/OpenGL.hpp>
#include <iostream>


        bool isSpriteHover(sf::FloatRect sprite, sf::Vector2f mp)
        {
                if (sprite.contains(mp)){
                return true;
                }
                return false;
        }


int main()
{      

        sf::RenderWindow window;
                window.create(sf::VideoMode(800, 600),"My first Visual Studio window!");
       
        sf::Texture texture;
        if(!texture.loadFromFile("button1.png"))
        {
                return 1;
        }
       
        sf::Texture backgroundtexture;
        if(!backgroundtexture.loadFromFile("background.png"))
        {
                return 1;
        }
       
        sf::Sprite background;
        background.setTexture(backgroundtexture);
       
        sf::Sprite sprite;
        sprite.setTexture(texture);

        sf::Vector2f mp;
    mp.x = sf::Mouse::getPosition(window).x;
    mp.y = sf::Mouse::getPosition(window).y;

        while(window.isOpen())
        {
                sf::Event event;
               
                while(window.pollEvent(event))
                {
                        if(event.type == sf::Event::Closed)
                                window.close();                
               
                        if(isSpriteHover(sprite.getGlobalBounds(), sf::Vector2f(event.mouseButton.x, event.mouseButton.y)) == true)
                        {  
                if(event.type == sf::Event::MouseButtonReleased &&  event.mouseButton.button == sf::Mouse::Left)
                {
                        window.create(sf::VideoMode(400, 200),"The button worked!");
                        window.clear(sf::Color::White);
                        window.display();
                }
                }
       
            }
                window.clear(sf::Color::Black);

                background.setPosition(sf::Vector2f(0, 0));

                window.draw(background);

                sprite.setPosition(sf::Vector2f(50, 300));

                window.draw(sprite);
               
                window.display();

}
       
return 0;
}
 

Thanks!

[santiaboy]

K guys so I have another question I'm sure the solution is simple, but now that I have the recreated window how do I clear it here's my code:

...
 

Thanks!

Clear it? Like what you did at the bottom? "window.clear(sf::Color::Black);"

Also, check this

    bool isSpriteHover(sf::FloatRect sprite, sf::Vector2f mp)
    {
        if (sprite.contains(mp)){
        return true;
        }
        return false;
    }
 

This is the same as

    bool isSpriteHover(sf::FloatRect sprite, sf::Vector2f mp) { return sprite.contains(mp) }
 

which is much better. Do you understand why that works? Thing is, sprite.contains() returns a boolean. So instead of doing if(true) {return true} else{return false} just, return the boolean that you receive. Now, there's a whole lot of things why this is better. The two most important ones: It's clearer and you don't have an "if". Getting rid of ifs is something that is great, and there's theory behind it. Basically, if you don't have an if, the computer knows what are the next instructions. If you have an 'if' statement, then you will have 2 paths, and the computer doesn't know which one to execute (at first), so it can't "see" what will come.

[Nedim1]

santiaboy thanks for the reply I've written "window.clear(sf::Color::White)" in the code I posted but it doesn't clear it why not?
Also thanks for the tip on the bool thing, this way is faster right?
Thanks!

[Nedim1]

Bump.

[wintertime]

You spend too much time on this, trying to get a few pieces of code from people all over the internet over months. Your persistence would be much better spent by attending a course held by a professional teacher, who would help you get the fundamental knowledge you are missing.

[G.]

But it would require actual thinking...

[Kalima]

What function does it have to make a button in SFML?I am a new,and interested in it.

[Nexus]

What function does it have to make a button in SFML?

None. You have to handcraft your button using shapes or sprites and check the mouse events to react to clicks.

[Nedim1]

Wtf so instead of answers i get hate?Thanks a lot guys!!!

[zsbzsb]

Wtf so instead of answers i get hate?Thanks a lot guys!!!

You didn't get hate, but this is really something you should be able to do yourself. If you can't figure out how to make a simple button do you really think you are ready for making games?

Anyways, here is a simple working button example in C#, but I am sure you should be able to convert it to C++ (focus on the logic and not the language).

        static void Main(string[] args)
        {
            SFML.Graphics.RenderWindow window = new SFML.Graphics.RenderWindow(new SFML.Window.VideoMode(500, 500), "Button");
            window.SetVerticalSyncEnabled(true);
            SFML.Graphics.RectangleShape buttonshape = new SFML.Graphics.RectangleShape(new SFML.Window.Vector2f(200, 200)) { Position = new SFML.Window.Vector2f(150, 150), FillColor = SFML.Graphics.Color.Red };
            window.Closed += (sender, e) => { window.Close(); };
            window.MouseButtonPressed += (sender, e) =>
                {
                    SFML.Window.Vector2f mappedpos = window.MapPixelToCoords(new SFML.Window.Vector2i(e.X, e.Y));
                    if (buttonshape.GetGlobalBounds().Contains(mappedpos.X, mappedpos.Y))
                    {
                        // BUTTON CLICKED
                        buttonshape.FillColor = SFML.Graphics.Color.Green;
                    }
                };
            window.MouseButtonReleased += (sender, e) =>
                {
                    // MOUSE RELEASED
                    buttonshape.FillColor = SFML.Graphics.Color.Red;
                };
            while (window.IsOpen())
            {
                window.DispatchEvents();
                window.Clear();
                window.Draw(buttonshape);
                window.Display();
            }
        }

[Nedim1]

Guys I already made a button, I want to know how to clear the recreated window in the code i posted on this page.That's all.Thanks!

[AlexAUT]

I want to know how to clear the recreated window in the code

window.clear();

 This will clear all the content from the current framebuffer.

I guess you mean how to to show different screens, like menu/game/scoreboard etc. If so, a "state machine" is the easiest way to achieve it. There is an example of a simple finite state machine in the SFML wiki.


AlexAUT

[Nedim1]

AlexAUT can you please add a link, I can't find the example.Thanks!