CustomComponent as indicator for mouseExit / mouseEnter

[Tonfisch]

Hello,
I need help with this.
I want a fader to send a message "A" when a mouse enters it's boundarys, and message "B" when it leaves.
I thought a customComponent on top of the fader would be the trick, since it has the right callback funktions for mouseEnter / mouseExit. That works so far. The problem is that i don't understand how the customComponent works. If it is on top, i can't control the fader. If it's at buttom, the callbacks are not working.
Is there someone who can help?

[damiensellier]

Hi there's some info about it here :
#361 (comment)

You need to create a custom component sitting below your slider with "component is at the back".

Save your panel, close and open it again to redraw it with those position properties.

You can use Juce triggers mouseEnters() and mouseExit()
https://docs.juce.com/master/classMouseListener.html#a479dc784712648193bdc236b2c34e8bd

Yeah, I agree, when you have two component stacked up, the custom component has to be bigger than the slider.
When you go over the custom component it triggers the mouseEnter() and this is what you'll need to reset the message or replace it with the "default" one.

So the custom component working only if you want to remove or replace the message with its callback "mouseEnter()"

Slider must be on top of the custom component.

uiSlider triggers the script to display your message with "Called when the mouse is moved over the component"

uiCustomComponent removes or resets the message with ""MouseEnter callback". It can work for different sliders since everytime you'll leave a slider area you'll activate the custom component with a "mouseEnter".

There's also other ways to remove or replace your message, for exemple with a timer.

If you don't need to reset the message when you leave the slider area, forget about the custom component's callbacks.

Hope it helps

Damien

EDIT:you'll find attached a demo for this little trick
MessageResetOnCustomEnter_1_0_2023-07-30_02-30.panel.zip

[Tonfisch]

Hello John,
that works realy good!
I thought the top-layer would block all events for components that are on lower layers.
Are there other events coming through, or is that unic to the CustomComponent?

I like those illustrated panels very much.
Thank you very much
Toni

[dobo365]

This is indeed a great one that I added it to my "bible" ;-)
It is complementary to what I developed for drawing patch cables between patch points which is based on mouse click - drag and move - mouse release.
When the cables are going over sliders I also need to use a trick as the custom component is covering the sliders and make them not reachable. So, there is a copy of each slider on top of the bottom sliders. Only the bottom sliders have the image. The top sliders are handling the ValueChange and MouseClick methods. The value change method of the top slider is making the bottom slider move.

I'm still not using layers (John will laugh, we discussed layers and he made great explanations about them - also added in the bible).
I discovered that "Send to back" doesn't actually work and I'm not sure what it is doing.
What is for sure taken into account (and this is what I'm controlling) is the order of the components in the panel xml file.
So, you need to find first the bottom sliders then the custom component then the top sliders.
You can easily move each component related code using Notepad++ or similar without making any error.

[dnaldoog]

I thought the top-layer would block all events for components that are on lower layers.
Are there other events coming through, or is that unic to the CustomComponent?

Hi Toni,

Any object sitting on a layer beneath that is not obscured by an object in a layer above should be accessible (clickable etc) as far as I am aware. It's how I usually design panels personally and I have made panels with easily over 10 layers and found them to be stable (on 5.3.201) 😊

[Tonfisch]

Hi John,
the layers stop the show if you are in edit-mode. Not obvious for a beginner. (only for reference)
Do you know if other funktions are blocked in edit-mode?

[dnaldoog]

Hi Toni,

I think almost nothing works in edit mode, but I never test anything in edit mode anyway. Always I edit then test in panel mode. 🙂

[dnaldoog]

I'm still not using layers (John will laugh, ... 🤣

That's interesting that it's the order in the XML that determines whether an object sits above another. I was going to say that I remember having trouble using the send to back option, but yes I always use layers anyway!