Slider + ShiftKey

[Christoph Hart]

A modifier key is not propagated as key press event, so you're barking up the wrong tree.

Using a broadcaster that listenens to mouse events is super trivial:

const var bc = Engine.createBroadcaster({
  "id": "ShiftWatcher",
  "colour": -1,
  "args": ["component", "event"]
});

bc.attachToComponentMouseEvents("Knob1", "Clicks, Hover & Dragging", "watch shift events");

/** just a dummy function that colours the knob based on whether the shift key is pressed or not. */
bc.addComponentPropertyListener("Knob1", ["itemColour", "itemColour2"], "change the colour", function(index, component, event)
{
    return event.shiftDown ? Colours.red : Colours.blue;
});

[ulrik]

@Lindon I can see the slider is not working as a panel, this is an old excerpt that I used before for panels
Assigning a slider and try to log the "obj" will crash Hise

HiseSnippet 1172.3ocsV8+SaaDE+Lf2p8VmVk1e.tLoJGsRHosqchHzBDBUQLnQDJp7Kq5h8Kw23xcV1mgFMw+y6+fs2c1IwIjvlhFV.h6du289799qahL.RSkIDKmKFGCDqu0t2XgJpUDkIHcNhX8DaNSDJEjCGGSSSgPhk0luWS0xYKh46u90CobpH.lcEgbojE.+FaDSM61tMOgw4GSCgKXiJw8aZ1IPJZI4xLDIaZWiDSCtlNDNipYaCah0W0NjojI8TTEjRr15PY33dQxaE47eIKk0mC5C0I8vGJ+5ik7PMh02RZEw3gcmXwoD7U5Ny92L29+A6SYgro2OyO78FBdyjnr+vZi4g2lyAu5kgWsRvaIPxpDj1JGROytWPBKVMihFOeicGgBRFPQ2dYnjyKYiez1tkD4PnpNhdMbbBdXpD9usVsW5g+oRCWWz0mp7tgl3kxYgPh29dSjbHnZIGEKE3A+syIuMJyLQhoBfuRILT0Bfe6tqy6AAjP4dm.i6lflRKJm2GizN6rpuBMcR2VnN7GjIBTLovW1+Op349mtNrA5+uJK8XYPVJFsDCgJtNNpHVZ0PphVMhlSCkWy4jiMPlbbc.dJ35fOjCZ.oRNTMNggHWkn8RZ0TQyI9S5sLUPjQaWCiaICM5QKoS.ME7d061yY2c8Z2q0Acaum2Q.GTfmJB+E9hx6EuviKSAit0xTBgF566s81MlQXJu9UZr.6kLnATD9knmBpKo7Lv2PnPx9I.85FSwY8Wav44su3imel2IsuZOCvLHcf4cohPO7kvvK9TKnbAbaLF4.Mfm2Bdb.+J8RKZUEt+COn0I85dPKLBbNLRdStcwoXNTPDECpXAfQd1.O+Ed7muuWlHDFvDPXECSln6R.w7WTMMqepBSaF5iEUKPiChgpncpWXO2s.3QHePbLfdbpXrmPJ1IMFBXXMxbvEQEMiq1q.59OWmFVvIVLUYo37mxy3m9PMbLo7ZLf+3lydfojIzDobcR.UVhvSkjgQl6L0s4E85nyhUs9XUIxhoF+An65Nor0SJNSpfOH7qnqccuy0aQRCFrTZ5tKIRNGRVJY8zjjGRPeQ1n9PxKyyomxH1hc9911qtuc4wJA4M6JwnTzQvTe.ijqZXConCotGeApPVUlN7eWQG9dFeMgEpG6l63IFDWdvJ4icNBiwSdG7IQ0DCIJl1BrNBtAG7lO4vw9HH8ZkLFmgNsqLNK8eWqeYlFup43xGtkEphlcwu2LBXCiJMjuSSx800SmLCSmrXT0WaaRbVolXKpoqtmltpI49SKw4zxvLNUM+va8FKEDXKrLidpnHkoFWdil+2ln+eEhOytqd.yxw3FKAiXBviAFK1C5o1sGL.BTy.3V1G+oGmkdHmKyTX6ySoXWTLev9rrQ8vUAC.8.cLIQWYZsgtFJ+bM8YsGnG14zb3uwuBh00msJHVeBQxHZPh7yA4Ud5Msdh4FDSByRlN1mpO6UeREmscsp0Hivk99bPf172AKqWtLuZMj40qgLuYMj4mWCYd6ZHy6VCY9kGTF891GjojixKGvK511z4yxpsfhYVlrPx+.Tal98A

[ulrik]

@Christoph-Hart Ok, so the old concept KeyPress is not valid for at least sliders?

[Lindon]

@d-healey said in Slider + ShiftKey:

I'm pretty sure I added something like Content.isShiftDown. I'll check when I'm at computer in a little while.

well this would be the simplest - so if you can look it up that would be great

component.isShiftDown() < -- doesn't appear to be it...

[Christoph Hart]

That hasn't changed. Modifier keys (alt, shift, ctrl) are never propagated as key strokes (not just for sliders, everytime), otherwise a key stroke like "ctrl+c" would always be two calls and you need to discard the first.

Lindon wants to know whether a modifier key is pressed while dragging the mouse, so the logical solution is to use a mouse event broadcaster.

[ulrik]

@Christoph-Hart Ok, thanks!

[Lindon]

@Christoph-Hart said in Slider + ShiftKey:

A modifier key is not propagated as key press event, so you're barking up the wrong tree.

Using a broadcaster that listenens to mouse events is super trivial:

const var bc = Engine.createBroadcaster({
  "id": "ShiftWatcher",
  "colour": -1,
  "args": ["component", "event"]
});

bc.attachToComponentMouseEvents("Knob1", "Clicks, Hover & Dragging", "watch shift events");

/** just a dummy function that colours the knob based on whether the shift key is pressed or not. */
bc.addComponentPropertyListener("Knob1", ["itemColour", "itemColour2"], "change the colour", function(index, component, event)
{
    return event.shiftDown ? Colours.red : Colours.blue;
});

so to add multiple sliders i just say this?

bc.addComponentPropertyListener(["Knob1","Knob2","Knob3"], ["itemColour", "itemColour2"], "change the colour", function(index, component, event)

and this?:

bc.attachToComponentMouseEvents(["Knob1","Knob2","Knob3"], "Clicks, Hover & Dragging", "watch shift events");

[Christoph Hart]

Sure. However then you need to figure out which component is currently dragged so you need to use the index and this object in the function (also you need to check the event.drag flag.

const var bc = Engine.createBroadcaster({
	"id": "ShiftWatcher",
	"colour": -1,
	"args": ["component", "event"]
});

/** No need to define multiple arrays... */
const var bcTargets = ["Knob1", "Knob2", "Knob3"];

bc.attachToComponentMouseEvents(bcTargets, "Clicks, Hover & Dragging", "watch shift events");

/** the index can be used to check the component argument against the `this` object of the function (= the component array). */
bc.addComponentPropertyListener(bcTargets, ["itemColour", "itemColour2"], "change the colour", function(index, component, event)
{
    // index is -1 if you don't pass in an array so this will cover all cases...
    var isSameComponent = index == -1 || (this.length > 0 && this.indexOf(component) == index);

    return isSameComponent && event.drag && event.shiftDown ? Colours.red : Colours.blue;
});

[Lindon]

@Christoph-Hart thanks.

[d.healey]

The broadcaster is nice, but overkill for this simple task.

In one of my scripts I'm using Content.isCtrlDown() and it does the trick nicely. I don't know if this is just a feature in my fork or if it was merged into the main codebase. Either way if there is demand I could add a .isShiftDown and .isAltDown function too.