HISE Logo Forum
    • Categories
    • Register
    • Login

    Parametric EQ in UI

    Scheduled Pinned Locked Moved General Questions
    21 Posts 6 Posters 1.4k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • d.healeyD
      d.healey @toxonic
      last edited by

      @toxonic Use local look and feel. Global look and feel should only be used for global elements (like dialog boxes) it's also super dodgy - when there is a compile error the global laf will break until you restart HISE.

      Libre Wave - Freedom respecting instruments and effects
      My Patreon - HISE tutorials
      YouTube Channel - Public HISE tutorials

      Christoph HartC toxonicT 2 Replies Last reply Reply Quote 2
      • Christoph HartC
        Christoph Hart @d.healey
        last edited by

        Console.print(trace(obj));

        You're hammering the console with a big JSON object 30 times a second. That is the cause of the slowdown. Right click on the console -> clear then you're back in Snappyland.

        1 Reply Last reply Reply Quote 1
        • toxonicT
          toxonic @d.healey
          last edited by

          @d-healey How can i implement local look and feel? I fear, i don't know, what you mean... 馃檮

          ? 1 Reply Last reply Reply Quote 0
          • ?
            A Former User @toxonic
            last edited by

            @toxonic

            //make a local LAF object
            
            const var myButtonLAF = Content.createLocalLookAndFeel();
            
            //register the function for it (same as regular LAF)
            //this example is for a button, so use "drawToggleButton"
            
            myButtonLAF.registerFunction("drawToggleButton", function(g, obj) 
            {
            	//do LAF stuff
            	var a = obj.area;
            
            	if (obj.over)
            		g.setColour(Colours.lightblue);
            	else
            		g.setColour(Colours.blue);
            	
            	g.fillRoundedRectangle(a, 2.0);
            	
            	g.setColour(Colours.white);
            	g.setFont("Arial", 12.0);
            	g.drawAlignedText(obj.text, a, "centred");
            });
            
            //assign it to our button(s)
            //only assigned GUI elements will inherit this LAF style
            
            myButton.setLocalLookAndFeel(myButtonLAF);
            
            toxonicT 2 Replies Last reply Reply Quote 1
            • toxonicT
              toxonic @A Former User
              last edited by

              @iamlamprey Ah, okay... i'll try that tomorrow! Tank you for your quick reply! 馃檪

              1 Reply Last reply Reply Quote 0
              • toxonicT
                toxonic @A Former User
                last edited by

                @iamlamprey Thanks, that was helpful, but i still have problems, understanding how things work.
                I use

                loclaf.registerFunction("drawFilterDragHandle", function(g, obj)
                

                to change the filter drag handles of a floating tile in "DraggableFilterPanel" Mode.
                But for example

                g.setFont("FreeSerif", 11.0);
                

                doesn't change the font at all.
                Also i added a rectangle...

                g.drawRect(obj.area, 3);
                

                ... which surprisingly was visible (i mean, i'm working just on drag handles), but vanished again, after i added:

                g.drawAlignedText(obj.text, a, "centered");
                

                I really have problems to dig into that topic and the documentation lacks a bit in this regard.

                orangeO 1 Reply Last reply Reply Quote 0
                • orangeO
                  orange @toxonic
                  last edited by orange

                  @toxonic Below is an example of drawFilterPath. It would be great if anyone share examples of the other functions . The available functions are:

                  "drawTableHeaderColumn"
                  "drawFilterDragHandle"
                  "drawFilterBackground"
                  "drawFilterPath"
                  "drawFilterGridLines"
                  "drawAnalyserBackground"
                  "drawAnalyserPath"
                  "drawAnalyserGrid"
                  "drawOscilloscopeBackground"
                  "drawOscilloscopePath"
                  
                  HiseSnippet 1257.3oc2W0raaaDDdokXPkRaZRQPPNxJXTHC3XHY6zDzfBKaIw.gZ6nXo7ygBDrlbjzVStKyxU1VvvOBEnOR8Qn26kbrEnGxsdzcVRISxDECEUGCzpSb+lY18alclYG0VJbfvPgjXTn6n.fX74lcFwUCpOfx3jVMHF2vbGZnBjVwPaMJfFFBtDCibOVCXTHOI52a2XKpGk6.IPDxyELGXalOSkf1t1Ov77rotPWleJsWuVKGAutvSLD4SNyJj.pyAz9vtTsZKXRLtVSWlRH6nnJHjXjeKg6nNCDGwi0+4rP19dfdQURGbihgsEdtZFqQI0Gv7baOwuCIDCy1IQgbwQgaatCykcNdRz3lQBrRrHc7vXgrzKWF5UMM8pjhdSgRFonT9XJcKyNNRVfJQhlOW2rEGub5QwvdZpDqKYge2vrt.0fqVwmd.XKwEmaQ46WoxxVqUoxROpXwhXrOTY4Q6Y88VSrwQBnqrsvg5ssPbvlbWa.7Jq0GUbEIzmoyMrGxcTLAubIWI8HalGh0lpFTZYqdSD0eYKw9+zREOoXg9qDBp364xUdos8C15gMrswMEkn2.sokQkWI.+Hxrnu1DIyxqgpcZJ9dHUZY6InJFueWlGrZJ12WeJ9ABNtnboLZUB2hL.ZJ8d9I5iK8nIdfkfuqPAOgWNxIJdZQq2UTudSUllORgmGHmpXcUf7hLrLen+9fbYzY8FBmqHlZjMey7CmuktbvIN7jRQAuEmodR.v+PEIjwwT7qm0pAUQ0IoiwP8B.ohoofQC3PrhONksfYCH7.kHHR2wWDXKF03Zr3jzzWCDFl89klYtYHGmzh3apMJYwh0Nh4pFf9swaLHjA.q+.kd0cMNmuwD4NlMjz98oXvXRxIG7H62eRylBW6uN6Oi1TlB7SPO6mOoQVzUGC+0Z3n.ggs4IEsrJcd3pkaouypTymVZYMbKtKbLBbupQKwdQdhidgPdPH1cCPA8ndgPwSIJ3XUlS9r3tkuWm.rGjvcnGUkswjta7XAX1SltA5JddHSMJc252saU9Yqa0E2LcVo6sLayTNClNeWXJ7Ey29Ty2w89+Byl85ANpDxl2z9kyai9pydi9hSpZpOTdHz70iO6lOMyYu6P+3bXcAuAloS1hxcqbdj5WVslFn5Xfe8G+6ii.VcLvaxu3ergFXsrOcycWOA3l0rs61jqKXhtPLxcI4vj8DC0U16PURFVXahtSGLk2AvvMGKJi7pEzMbhWWQuVSoNPjWZZbF9arvpSBAZgUmHL8c5MhioW2rCiCQS1DEUuSzZqWPODrdLvAoN6r5ELbyuMqC2DLyC27DGEd7ckTdXfHLyF2A7YcwtkgoAeVH97M758zkKowqKnxoJ5saXiN4TsoCUMTFU2souXHWkoNK2LWm8QLjU9OUCYck115eeW1KmYBKLgicX9AdPS9gfG9HbDG+J7U2dzgdpInYyq2QvEACDblS5K88.rdreePll6S0g1TovoxSPtcs8.OflNAdwZaiIdTIFmf4LVT8id93odecWyX5ZoKFs9+wqi49u1qiWNT4p3giqhyvm5HEuxIdxdct7mEgf9MO5u4V.++13Zqpjno8Q6LqrREhO1Q7UNN5v88v3yzsY04vl0lCaVeNr49ygMe6bXyClCad3EZi9wnMGpD9wkhHP6lwS9ajLhTNx+vxNU5f
                  

                  develop Branch / XCode 13.1
                  macOS Monterey / M1 Max

                  toxonicT 1 Reply Last reply Reply Quote 2
                  • toxonicT
                    toxonic @orange
                    last edited by

                    @orange Great, thank you! :-) Could you give me an example how to resize the Filter Handle and change it's font and colour this way?

                    orangeO 1 Reply Last reply Reply Quote 0
                    • orangeO
                      orange @toxonic
                      last edited by orange

                      @toxonic Here you go :)

                      HiseSnippet 1389.3oc2X8zaaTDEeW6rUXWnzhpp33hUA4H4Z4MIsoPDp1I1awhjV2X2+bqZxtiWOjwyrc1w4OpDI9BvENiDW4LeBPBINyGA3HR8P+FDdyrds2MwMMXAUT7oc98duY+Mu489My5NBtGNJhKLLKz6vPrg46Z08PlbvFCPDlQ6lFlWxZKTjDKrigV+vPTTD12vzL+cU.lEVvP+6k2YcDEw7vSgLLdDm3g2jLjHmh1o9WRnTWjOtGYXJuWodaONaCNkOB3SdqZFgHucQA36gTtkyxv7Bs7IRtnqDIwQFlKrN2+vtC36yh8+QjHxNTrZfiQWXhhgc4TeEiUnFaLfP86jrtiLLLs5LMKjONKbUqsH9jI3SyFWVavdZDoyGl4xRu7YnmSZ5UKE8lAkLSQoEhozUr55IHgxoVT74hVsYvlSeDj1SSkXeMx8hbVavAOXxpCQ6hcEvfIQTd0Z0pXuRsZKtVwhEgbejzlh5a+41Iw3IvvRYStGhtImuaCluKFSKq7Gbrp.GPT0FtiXdRBmUtju.suKgBXcPxAkpX2OwTPEa9Ne0hEedwBAUivx384x0dhq6pqe6lttvjBVTSfJzxfyUCgGzgoepAPlJKCtcjluuNBzTfB9BDymhOmzH9WLM5CUnsnTRXDVyjA5IRY60S+SGWE6kSEpKjbKWpgffn1qSgRbfeNqt3Z1ISPCJIfg86gOPpmDByGePbdHY9J4AaOBreI87dTpMv8PBaWJGIIrfdDJdoTamAJdOLjyvJFjwK0DkAPwzSswC47EWKIWZyY2iKw2mUVmNKdTQ6SZpe+YZSwGAmRwhYZVIKHNq.KyFMbGrnBrXoivSbD5Ux1.Z8pa.SqO3EmdR4Hm0lQj2ODydUpFFiyovSOrcSjDo5ZGiA9EhERhhBlMw6ARfw8vErZhi1UxC09Ndi.zbkiEch6ZSuMXPf1422JyNiwAS0L+j5GNcv0quOwWN.V2l+XNCiAXRv.oZzWaNguwD4ZVpti.DjLR5VYXpwNAIpuEtvKN9O0SJQhGNE83u84MyhtzX3ORAqSDltVOunscoIoq19k9L6RsdPoJJ31ppY.3FN5gf3Lku+i4hci.4dLXnOhFgKdjgDp+y7lON93iSIMBhxb+QTjLqRs53owFfpmLxiJIPVDQdX5iu9GS997RwqX0gH8FLaNlaFbDpw92fiiOz68rZ0uO1SNkfKX49j2.mvc0jtiMFI1C25Yie2sdPl288FMLtVU0XalGVBqChg0Fmc9le56935J.mjz0OreSMvRYuhBye4SBrxTfKqC4lI.Wnp8Oq.t0XfeemewW6wpmbNt8IA9zSNoNSn5utb0XjIb8Op+8wHmhrNmhsNYnqqauVLUertlwL+4d+w4rKO1lORI3rERJHfdiEj86BchdXn5fAZE5MgbJcv3w0TiUTpKVuoXYdL7arQG0XywFcRLltD7Rwk.WzpKgg02.UWDbM8X6Gi1CaeWLCKTMPNmwkP+sy6kPCO2WB89dR302SfXQg7nLSbW7PROPDOJM3CifqYge11pN5z3avQhYZ5k2wEVjyLltH4HgVZnwP9HlLiTP9y5xvNy4kgW3+bWF9s.A+LpYER3XWxvPJtEaOLEtOflie.bAf9nQTYBZ1Z4s3Ld3.Ni3kdidaLzCFDfEo49LWPMjR35jSQtZ8swTLJcQ60quITrgDPdBOm4Bm+1e6xL2u9PqX5ZqZ.se68f57+u9f52HGD7l3cLD4I3O0K9CHT0ouiFAV2L8euPAqsTiscLzeTADmUsp0LFBJbO0ySkhuAHXN6XVZNhY44HlUliXt4bDysliXVcNh41mYLpCWZLRxGF2xA.cZE+AFlSuxSdi+B.Van.5
                      

                      FFFFFF.gif

                      You can see the properties from here:

                      Link Preview Image
                      - added laf methods to filter drag overlay and filter graph 路 christophhart/HISE@6e5c862

                      The open source framework for sample based instruments - - added laf methods to filter drag overlay and filter graph 路 christophhart/HISE@6e5c862

                      favicon

                      GitHub (github.com)

                      hi_scripting/scripting/api/ScriptingGraphics.cpp
                      Line 2266

                      develop Branch / XCode 13.1
                      macOS Monterey / M1 Max

                      toxonicT 1 Reply Last reply Reply Quote 2
                      • toxonicT
                        toxonic @orange
                        last edited by

                        @orange Oh, man, you really helped me a lot. Now i see, that the order of these g. arguments is crucial and g.colour sets the coulour of the following g. argument.... Sorry, i hope you got me, don't know how to express that..
                        however, million thanks, dude! :-)

                        orangeO 1 Reply Last reply Reply Quote 0
                        • orangeO
                          orange @toxonic
                          last edited by orange

                          @toxonic You're welcome. I suggest watching @d-healey videos. There are really great tutorial videos in David's channel.

                          This video about the Paint Routines that are used with the Look And Feel functions (with small modifications): https://www.youtube.com/watch?v=ZjRRcOmTtqI

                          develop Branch / XCode 13.1
                          macOS Monterey / M1 Max

                          toxonicT 1 Reply Last reply Reply Quote 2
                          • toxonicT
                            toxonic @orange
                            last edited by

                            @orange Yeah, I've seen some of the videos of @d-healey , they are really a great ressource, but I didn't see the one you suggested. I'll look into it... :-)

                            1 Reply Last reply Reply Quote 0
                            • First post
                              Last post

                            42

                            Online

                            1.7k

                            Users

                            11.8k

                            Topics

                            103.0k

                            Posts