Lemur button: How to apply the button down effect on own style

Aufricer · September 10, 2018, 10:28am

I would like to ask another small lemur question, as I could not figure it out yet.

I applied an own style on button

  Attributes attrs = style.getSelector("button", "OSG");
  attrs.set("color",bcol);
  attrs.set("focusColor",null);
  attrs.set("font",getApplication().getAssetManager().loadFont("Fonts\\Germania/GermaniaOne.fnt"));

... somewhere else
  style.setDefaultStyle("OSG");

later I call the button like that

  ElementId id = new ElementId("button");    
  Button B1 = new Button((String) getState(Config_AppState.class).getconfiglang(),id);

If I click the button I cant see the down movement, that I can see with the glass style. Even if I add lines like

     B1.setShadowOffset(new com.jme3.math.Vector3f(2, -2, -1));
     B1.setBackground(new QuadBackgroundComponent( new ColorRGBA(0.5f, 0.75f, 0.85f, 0.5f) ));

that is showing a background layer I cant see the effect.

I have searched the lemur library (like button.java, glass-style etc.) and found things like that runEffect(EFFECT_CLICK); etc. but still I am not able to figure out where the buttonw down effect of glass style is located.

My questions are:

How can I apply or use the same effect as in button glass style ? (is it an animation/tween?)
Why/where is the button effect lost during the setting of my own style ?
I also made my own style (with the same name) for label and container! Does this have an influence on button (due to inheritance) ?

pspeed · September 10, 2018, 10:57am

The default glass style sets some automatic button commands to do the pressed/unpressed movement. starting here:

github.com

jMonkeyEngine-Contributions/Lemur/blob/master/src/main/resources/com/simsilica/lemur/style/base/glass-styles.groovy#L52


selector( "container", "glass" ) {
    background = gradient.clone()
    background.setColor(color(0.25, 0.5, 0.5, 0.5))
}
selector( "slider", "glass" ) {
    background = gradient.clone()
    background.setColor(color(0.25, 0.5, 0.5, 0.5))
} 
def pressedCommand = new Command<Button>() {
        public void execute( Button source ) {
            if( source.isPressed() ) {
                source.move(1, -1, 0);
            } else {
                source.move(-1, 1, 0);
            }
        }       
    };
    
def repeatCommand = new Command<Button>() {

And finally setting the commands here:

github.com

jMonkeyEngine-Contributions/Lemur/blob/master/src/main/resources/com/simsilica/lemur/style/base/glass-styles.groovy#L87


                        lastClick = ((elapsedTime - 500) / 125) * 125 + 500;
                    }
                } 
            } else {
                startTime = System.currentTimeMillis();
                lastClick = 0;
            }
        }       
    };     
    
def stdButtonCommands = [
        (ButtonAction.Down):[pressedCommand], 
        (ButtonAction.Up):[pressedCommand]
    ];
def sliderButtonCommands = [
        (ButtonAction.Hover):[repeatCommand]
    ];
selector( "title", "glass" ) {
    color = color(0.8, 0.9, 1, 0.85f)

Hopefully it is straight forward to figure out how to adapt that to Java code (if necessary). Let me know if that’s not the case.

Aufricer · September 10, 2018, 12:31pm

It seems that is exactly the code I was searching all the time!

In fact I may need to “copy” the command (source.move) and set it with
@StyleAttribute(value=“buttonCommands”)

I will only come back, if I cant make it.

Thank you for the help.

Aufricer · September 10, 2018, 3:01pm

Here is the solution that worked for me. I implement the desired behaviour as a style and not as commands to new buttons.

 Attributes attrs = style.getSelector("button", "mystyle");
 // the "moving" of the button
 Command<Button> pressedCommand = new Command<Button>() {
            public void execute( Button source ) {
                if( source.isPressed() ) {
                    source.move(1, -1, 0);
                } else {
                    source.move(-1, 1, 0);
                }
            }
        };

// list of commands + we add the example command
  List<Command<Button>> commandlist = new ArrayList<>();
  commandlist.add(pressedCommand);

// Map of Buttonactions and commands, we add it for "button clicked/unclicked"
 Map<Button.ButtonAction,List<Command<Button>>> commandMap = new HashMap<>();
 commandMap.put(Button.ButtonAction.Down,commandlist);
 commandMap.put(Button.ButtonAction.Up,commandlist);

// finally we add it to the style
attrs.set("buttonCommands",commandMap);