[SOLVED] How to change the background of the selected textbutton ?

[span4ev]

Hi all.
I have buttons with categories. I click on the button, the category of the product changes and the products of a certain category are displayed on the screen. It's a textbutton because I'm not using an imagebutton.
But I want the button to change its background after clicking. And I can't find any examples of how to do it...
I don't know if the button has a "selected" property so that when I click the button?

That is, it is easily applied in styles,

Code: Select all

stylesort_button:
    background '#904848'
    hover_background '#a52d2d'

but I don't understand how to do it for "selected". And I did not find a method, for example like this

Code: Select all

renpy.selected_button(background...) - something like that.

I'm fine with any approach how to do it.
Then I could apply a function to the button and change its color through python through the loop index, and remove this color from the previously selected button

[enaielei]

You can just use variables for this.

Code: Select all

screen test():
  default selected = -1
  hbox:
    for i in range(3):
      textbutton "[i]":
        action SetScreenVariable("selected", i)
        background (None if selected != i else "#f00")

[Ocelot]

but I don't understand how to do it for "selected".

selected_background '#999'

[span4ev]

but I don't understand how to do it for "selected".

selected_background '#999'

I tried this option. This does not work

Code: Select all

for btn in Shop.categories:  

    textbutton btn:
        style 'bbbb' 
        action NullAction()

style bbbb:
    background          '#111'
    hover_background    '#333'
    selected_background '#637999'
 

Code: Select all

for btn in Shop.categories:  
    textbutton btn:
        background '#e43b3b'
        hover_background    '#333'
        selected_background '#637999'
        action NullAction()

[span4ev]

You can just use variables for this.

Code: Select all

screen test():
  default selected = -1
  hbox:
    for i in range(3):
      textbutton "[i]":
        action SetScreenVariable("selected", i)
        background (None if selected != i else "#f00")

this is amazing. Where do you find such examples? I've been googling all day but haven't found a single example and I'm getting desperate. I already thought it was simply impossible.
Thanks a lot!

[Ocelot]

but I don't understand how to do it for "selected".

selected_background '#999'

I tried this option. This does not work

Code: Select all

for btn in Shop.categories:  

    textbutton btn:
        style 'bbbb' 
        action NullAction()

style bbbb:
    background          '#111'
    hover_background    '#333'
    selected_background '#637999'
 

Code: Select all

for btn in Shop.categories:  
    textbutton btn:
        background '#e43b3b'
        hover_background    '#333'
        selected_background '#637999'
        action NullAction()

Button in your code will never be selected, as it lacks any action or property that makes it selected. The act of clicking a button does not make it selected. The button is considered selected if either (1) all actions report that running them will not change game state or (2) you set selected property for a button with condition which evaluated to True.

You need to either use action which properly defines selected method (usually subset of Set*** actions) or use selected property with some condition.

[enaielei]

You can just use variables for this.

Code: Select all

screen test():
  default selected = -1
  hbox:
    for i in range(3):
      textbutton "[i]":
        action SetScreenVariable("selected", i)
        background (None if selected != i else "#f00")

this is amazing. Where do you find such examples? I've been googling all day but haven't found a single example and I'm getting desperate. I already thought it was simply impossible.
Thanks a lot!

Unfortunately, things like this are undocumented.
You'll learn it as you go.
My tip is to have a sense of understanding about the following.
Screens: https://www.renpy.org/doc/html/screens.html
Actions: https://www.renpy.org/doc/html/screen_actions.html
Style Properties: https://www.renpy.org/doc/html/style_properties.html
Bookmark these links and if you're lost just check them again.

[span4ev]

You can just use variables for this.

Code: Select all

screen test():
  default selected = -1
  hbox:
    for i in range(3):
      textbutton "[i]":
        action SetScreenVariable("selected", i)
        background (None if selected != i else "#f00")

this is amazing. Where do you find such examples? I've been googling all day but haven't found a single example and I'm getting desperate. I already thought it was simply impossible.
Thanks a lot!

Unfortunately, things like this are undocumented.
You'll learn it as you go.
My tip is to have a sense of understanding about the following.
Screens: https://www.renpy.org/doc/html/screens.html
Actions: https://www.renpy.org/doc/html/screen_actions.html
Style Properties: https://www.renpy.org/doc/html/style_properties.html
Bookmark these links and if you're lost just check them again.

It's a pity...
I didn't even know that I could use this syntax and write "if/else" in one line!, in a button, for its "background". It's just amazing! I did not expect such syntax.
When people help me (like you) and write such examples, I have no idea where they saw this particular example, how they came up with this. When I need something non-standard, people tell me "guy, go read the documentation", but there is never what I need. And always the only option is to ask a question on the forum, because all non-standard solutions are stored in the minds of people who help, but they are never in the documentation.

Thanks again. Good luck to you!

[enaielei]

It's a pity...
I didn't even know that I could use this syntax and write "if/else" in one line!

That part is actually a Python thing called ternary operation and is just a syntactic sugar. The rest are Ren'Py related.
If you want you can use normal conditionals as well if you're feeling overwhelmed.

Code: Select all

screen test():
  default selected = -1
  hbox:
    for i in range(3):
      python:
        if selected != i:
          bg = None
        else:
          bg = "#f00"
    
      textbutton "[i]":
        action SetScreenVariable("selected", i)
        background bg

[span4ev]

It's a pity...
I didn't even know that I could use this syntax and write "if/else" in one line!

That part is actually a Python thing called ternary operation and is just a syntactic sugar. The rest are Ren'Py related.
If you want you can use normal conditionals as well if you're feeling overwhelmed.

Code: Select all

screen test():
  default selected = -1
  hbox:
    for i in range(3):
      python:
        if selected != i:
          bg = None
        else:
          bg = "#f00"
    
      textbutton "[i]":
        action SetScreenVariable("selected", i)
        background bg

No, on the contrary, I feel great looking at this syntactic sugar. I'm glad I saw this example. I'm sorry that I didn't see this earlier and that such things can't be found on Google and it's not written in the documentation. Usually I search for some solution in Google for 1-2 days and can't find it. The only thing I can count on is this forum.
I just didn't know that conditions can be used in properties of the "background" type.

Perhaps the community can band together and write their own documentation, because the official documentation seems to give only half the information about Renpy