Matrix Modulation Feedback

DanH

@Christoph-Hart cool, very straightforward :)

DanH

@Christoph-Hart I've recently had a few seemingly random crashes of Hise. Just moving my mouse and boom... Seems it could be something to do with mouse hover and the new mod system? Or maybe I've messed something up in my configuration. Would you mind looking at the crashed thread?

Thread 0 Crashed:: JUCE Message Thread Dispatch queue: com.apple.main-thread
0   HISE-5                        	       0x104b6e4e4 hise::MatrixIds::Helpers::IntensityTextConverter::IntensityTextConverter(hise::MatrixIds::Helpers::IntensityTextConverter::ConstructData const&) + 80
1   HISE-5                        	       0x10497ff64 hise::HiSlider::HoverPopup::rebuild() + 1652
2   HISE-5                        	       0x10497f108 hise::HiSlider::showModHoverPopup(bool, bool) + 4380
3   HISE-5                        	       0x10497be78 hise::HiSlider::mouseEnter(juce::MouseEvent const&) + 24
4   HISE-5                        	       0x105f9522c juce::Component::internalMouseEnter(juce::MouseInputSource, juce::Point<float>, juce::Time) + 280
5   HISE-5                        	       0x105f5a438 juce::MouseInputSourceInternal::setComponentUnderMouse(juce::Component*, juce::Point<float>, juce::Time) + 684
6   HISE-5                        	       0x105f597a0 juce::MouseInputSourceInternal::setScreenPos(juce::Point<float>, juce::Time, bool) + 108
7   HISE-5                        	       0x105f84834 juce::JuceNSViewClass::mouseMoved(objc_object*, objc_selector*, NSEvent*) + 216
8   AppKit                        	       0x197152098 -[NSTrackingArea mouseMoved:] + 116
9   AppKit                        	       0x1977d7bcc -[_NSTrackingAreaAKManager _mouseMoved:] + 440
10  AppKit                        	       0x197b06220 _routeMouseMovedEvent + 224
11  AppKit                        	       0x197067d20 -[NSWindow(NSEventRouting) _reallySendEvent:isDelayedEvent:] + 556
12  AppKit                        	       0x19706792c -[NSWindow(NSEventRouting) sendEvent:] + 288
13  AppKit                        	       0x1978df780 routeMouseMovedEvent + 148
14  AppKit                        	       0x1978def5c -[NSApplication(NSEventRouting) sendEvent:] + 1192
15  AppKit                        	       0x1974de4a4 -[NSApplication _handleEvent:] + 60
16  AppKit                        	       0x196f34c8c -[NSApplication run] + 520
17  HISE-5                        	       0x10472a5a8 main + 296
18  dyld                          	       0x192e66b4c start + 6000

Orvillain

@Christoph-Hart

Does the ModulationMatrixController use the FloatingTile fontSize property???

Christoph Hart

@Orvillain nope

Orvillain

@Christoph-Hart

I'm trying to do this:

inline function setupModulationControlPanelLAF(numDraggers)
    {
        Console.print("rescaling triggers the setupModulationControlPanelLAF, and UI_SCALE is: " + SharedData.UI_SCALE);
        local wPct = 100.0 / numDraggers;
        local fontPx = Math.round(12 * SharedData.UI_SCALE);
        Console.print("fontpx is: " + fontPx);
        local laf = Content.createLocalLookAndFeel();
        laf.setInlineStyleSheet("
            
        #controller
        {
            display:flex;
            flex-wrap:nowrap;
            align-items:center;
            width:100%;
            padding:0;
            gap: 2px;
            border-radius:0;
            background:#333;
            overflow:hidden;
        }
        
        .control-button
        {
            display:none;
        }

        .dragger
        {
            display:block;
            flex:0 0 " + wPct + "%;
            width:" + wPct + "%;
            height:100%;
            min-width:0;
            box-sizing:border-box;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
            text-align:center;
            background-color:rgba(76, 76, 76, 1);
            opacity: 0.8;
            font-size:" + fontPx + "px;
        }

        .dragger::before
        {
            content: '';	
            background-color: white;
            background-image: var(--dragPath);
            width: 24px;
            margin: 2px;
        }

        .dragger:checked
        {
            background-color:rgba(255, 0, 0, 1);
            opacity: 1.0;
        }

        ");

        local tile = Content.getComponent("ft_modcontroller");
        tile.setLocalLookAndFeel(laf);
    }

This function is called at init, but is also called when I rescale my UI (which is all code that definitely works) ... but my font doesn't resize.

The flex and width of the draggers does seem to update. So I think I'm doing the right technique???

Orvillain

Or maybe I'm better off making custom panels with callbacks, and doing all of the scaling stuff I want to do inside regular LAF, rather than css ??

Orvillain

@Orvillain I solved my issue by making my font size a percentage of the dragger, but it was a bit weird. Everything I tried simply would not update the font size. Even doing a setStylePropertyblahblahblah call on the LAF object didn't work.

Christoph Hart

@Orvillain wait, how do you rescale your UI? Settings.setZoomFactor() should scale all fonts correctly.

Orvillain

@Christoph-Hart said in Matrix Modulation Feedback:

@Orvillain wait, how do you rescale your UI? Settings.setZoomFactor() should scale all fonts correctly.

No I'm not doing that. I have a custom scaling namespace that does a bunch of math, but ultimately what it does is update the properties of any UI widge - so x, y, w, h, fontSize, etc etc.

This kind of thing:

    inline function rescaleAll()
    {
        // Order of operations:
        // Resize interface
        // Re-apply panel bounds
        // Re-apply control bounds
        // Re-apply control style props (font, radii, etc.)
        // Reposition zoom handle

        // Resize the window
        Content.makeFrontInterface(SharedData.getScaledWidth(), SharedData.getScaledHeight());

        // Panels first (so parents are sized before children)
        for (i = 0; i < _layout.length; i++)
            _applyScaledBounds(_layout[i]);

        // Controls: bounds then props
        for (i = 0; i < _controls.length; i++)
        {
            _applyScaledBounds(_controls[i]);
            _applyScaledProps(_controls[i]);
        }

        LogicalZoom.onRescaled();
    }

Effectively, I'm scaling everything manually. Not using the automatic zoom factor way to do it. I don't have a reason other than coder ego!!

And this all works fine, but setting the font-size property in the modulation controller didn't seem to update in any of the ways I tried.

Christoph Hart

@Orvillain now you have another reason. Also all dialogs / other inbuilt components will not scale correctly like this.

Matrix Modulation Feedback

27

1.9k

12.5k

108.4k