HISE Logo Forum
    • Categories
    • Register
    • Login

    Change the slider name and value placement

    Scheduled Pinned Locked Moved Newbie League
    41 Posts 6 Posters 5.2k 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.
    • rglidesR
      rglides @rglides
      last edited by

      @rglides This is stuff I learned from @d-healey - watch and rewatch and rewatch all the videos :D

      1 Reply Last reply Reply Quote 0
      • d.healeyD
        d.healey @rglides
        last edited by

        @rglides said in Change the slider name and value placement:

        you can write

        Engine.doubleToString() is probably a better choice, or even better obj.valueAsText (I think that's the one).

        @rglides said in Change the slider name and value placement:

        and it will get any component starting with Knob and followed by the numbers,

        Almost, this pattern will get any component that has the word "Knob" in its id. To get Knob followed by a number you need Knob\\d but I'd try and come up with more meaningful names.

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

        rglidesR ChazroxC 2 Replies Last reply Reply Quote 0
        • rglidesR
          rglides @d.healey
          last edited by

          @d-healey haha I just came back here to update my post as I found somewhere in my project I was using Engine.doubleToString. totally forgot. And thanks for the tip on \d, although my solution seems to work for me, maybe if I open/close it'll stop working, I don't know

          d.healeyD Oli UllmannO 2 Replies Last reply Reply Quote 0
          • d.healeyD
            d.healey @rglides
            last edited by

            @rglides said in Change the slider name and value placement:

            although my solution seems to work for me

            It will work if all your knobs are called Knob followed by a number. But if you add a knob called MyKnob it will also pick that up, or KnobForDelay, or any other control with the word Knob in its ID.

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

            rglidesR 1 Reply Last reply Reply Quote 0
            • rglidesR
              rglides @d.healey
              last edited by

              @d-healey Ah I did not know that, ok cool

              rglidesR 1 Reply Last reply Reply Quote 0
              • Oli UllmannO
                Oli Ullmann @rglides
                last edited by Oli Ullmann

                @rglides
                @Mickolos

                @d-healey has already said it all. :-)

                In addition to “getAllComponents”, the following should be said: This function uses regex to select the corresponding components. It therefore makes sense to familiarize yourself with it.

                With const comps = Content.getAllComponents("^.*(Knob|Button).*$"); you can, for example, select all components whose name contains "Knob" or “Button”.

                With const comps = Content.getAllComponents("^(?!.*Slider).*(Knob|Button).*$"); you can select all components whose name contains “Knob” or "Button", but not “Slider”.

                And with const comps = Content.getAllComponents("^(?!.*Slider).*$"); for example, you can select all components except those that have “Slider” in their name.

                rglidesR ChazroxC 2 Replies Last reply Reply Quote 2
                • rglidesR
                  rglides @rglides
                  last edited by

                  and @Mickolos - Using David's tip for your specific laf would look like this

                  g.drawAlignedText(Engine.doubleToString(obj.value, 0), [0, 0, area[2], area[3] - VALUE_Y_POS], "centred");
                  
                  d.healeyD 1 Reply Last reply Reply Quote 0
                  • rglidesR
                    rglides @Oli Ullmann
                    last edited by

                    @Oli-Ullmann Useful! Thanks Oli!

                    1 Reply Last reply Reply Quote 1
                    • d.healeyD
                      d.healey @rglides
                      last edited by

                      @rglides said in Change the slider name and value placement:

                      Using David's tip for your specific laf would look like this

                      I think obj.valueAsText is better because it will include the same formatting as the original knob.

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

                      rglidesR 1 Reply Last reply Reply Quote 1
                      • rglidesR
                        rglides @d.healey
                        last edited by

                        @d-healey You're right, although Engine.doubleToString sounds cooler :D

                        1 Reply Last reply Reply Quote 1
                        • ChazroxC
                          Chazrox @d.healey
                          last edited by

                          @d-healey said in Change the slider name and value placement:

                          or even better obj.valueAsText

                          wahh? Nugget! ✳

                          1 Reply Last reply Reply Quote 0
                          • ChazroxC
                            Chazrox @Oli Ullmann
                            last edited by

                            @Oli-Ullmann This is great! ⭐

                            1 Reply Last reply Reply Quote 1
                            • M
                              Mickolos
                              last edited by

                              Thanks everyone for your input but none of those new suggestions are working for me. Obviously because I'm doing it wrong.

                              There was a lot of different recommendations and any combination of them seems to break the code from affecting the knobs. As a noob, I'm not sure where and what to place everything...

                              Heres what I got which compiles okay but does nothing to the knob

                              .------- PS: I don't know how to make all the code appear in the black box so it overflows at the top and bottom on this page------


                              Content.makeFrontInterface(1000, 1000);

                              const comps = Content.getAllComponents("^.(Knob|Button).$");

                              const ValueLAF = Content.createLocalLookAndFeel();

                              ValueLAF.registerFunction("drawRotarySlider", function(g, obj)
                              {
                              g.setColour(Colours.white);
                              g.setFont("Arial", 20);

                              var area = obj.area;
                              g.drawAlignedText(obj.valueAsText(obj.value, 0), [0, 0, area[2], area[3] - VALUE_Y_POS], "centred");
                              
                              
                              
                              var a = obj.area;
                              	
                              	// Knob Background Colour
                              	g.setColour (obj.bgColour);
                              	g.fillEllipse(a);
                              	
                              	// Knob Inner Colour (Item 1)
                              	g.setColour(obj.itemColour1);
                              	g.fillEllipse ([5, 5, a[2] - 10, a[3] -10]);
                              	
                              	//Knob Marker Position
                              	var start = 2.5;
                              	var end = start * 2 * obj.valueNormalized - start;
                              	g.rotate (end, [a[2] / 2, a[3] / 2]);
                              	
                              	// Knob Marker Colour
                              	g.setColour(obj.itemColour2);
                              	g.fillRoundedRectangle([a[2] / 2 - 5 / 2, 3, 5, 11], 2.5);
                              

                              });

                              for (i = 0; i < knobs.length; i++)
                              {
                              knobs[i].setLocalLookAndFeel(knb_LAF);
                              }

                              Oli UllmannO rglidesR dannytaurusD 4 Replies Last reply Reply Quote 0
                              • Oli UllmannO
                                Oli Ullmann @Mickolos
                                last edited by

                                @Mickolos

                                I don't know what exactly you are trying to achieve but this code is now working:

                                HiseSnippet 1247.3ocsV0saaaCElJIpa1aqXcnWrKIL1EJsdNV1wKdHqnw4G2YzjTi3zfBDDTPKQIyYJRCI5j3VTfcwdd1qvdV1avdC1NjR1VtIHo0.yvFl77624vCOG1MV5QSRjwHqhmNYDEY8018lHTC1a.gIPc1GY8P6iHIJZLNkztSFQRRn9HKqUeglfUg0PlO+yy2kvIBO5bRHzYRlG8PVDSMmZ2cdIiyaS7omxhxI8l6zwSJ1SxkiA7rpcUzHh2PRH8XhVrUrQ+JIY.x5I10o90Z1jzXy508Z9yM81xizj541eqp0HA90aR866uYiMIHqGbfOSIi6oHJZBXzck9S5MPdkH0AmwRX84T8FWTOvyojQ6Mfw86NM4jfPVq0cdpZ0zT0isOh4ylQedJ6aMLvy0HeRyZk6BRteFPxJGjVKEROxtmWLajZNGMd9J6NB3DLf.mM4gRprnU990r2SBRHTUhHCosigMyzvod0pkwtUqt91EKBmOIJ7PgreB9Y3oJERUs378jQijBXehSoWBRTZtBmQ3ioG1pcNc7hoP7enzivOTJG1R32lR4NZclJckXZHSW50drvSwjBmR9wjqNQpHwS5wY9z3RkwASYFVFK6+aqW78ECqjPUo0QNo+kT4pALEErtgWa.DNkZEyHbvB0Lg1kjXLA.EfQvLUzKApgUztrEmEJn9mRuV4nYdoFgsRz6KiOGROvWsBmW6hrE0u.VUxChzXpeoY1eAiWnXgM1.qSU3cgB8vX4XgONEvEKjKHvFm1OLcGXLfY.bE5.NmMJg5PVeAi0QHzWWyTsihFgcWeACZrGjOhR25dCShcNuQYL7UGR3eDN90KqCKcqdwTuYb1Qj3gf25JSX5SghEzwYBbBofXsVkFamRgBQ1yxn+DbM32r73wx3HBm8NpO3HiDFzDK0WPvNflPN1fiMv0xfAr5hEC5LbbKYuOJXqMOXOQmvo9mP8TDQHm5LyM.RZj5t5lzfqKbbBQCn6GzGlARHyxfHp51XF9WRuQTgSEgpA.km9TcYng34rKzP4FE5SKx0VbZILVJNVpnuR3nUuPwOTD+wrBBtUd5aUwRNmFeqr08YiuKEcDii5SiKiMmHyDD5qrXypG7o0rxK8RdNAkhNBl5UinY6aK495lP502r0FJqKgtIWFBAQUlVbOLqEWZC.DCLxWXqKAbQFvme5C50c1mnHSMCXQvKinwJlNXr1mdILcJsyYA68oICUxQFYy5jAd6dc50yb3ue9NSl68eXmD0Dcp4AFAQQLeeNc58jbiM+KnE2ndP8ul16e7e9h+9c+wyixOYEghHWmePax3f.10lQhPcbThBvVmHXRIx56reMb80mFPFyU3jgfc3LwPn4kzH+ULe0f415zcFPYgCT4oft4bEXhlzeLmnVbLm9A.YLzwT9YK54GBHVmjG2eFy9pdmy99Tg3ir6xTdCtcLtxsfQnT4+CLl8hguw9ff.nayb.tlc62rrOO3dbOzcSwDgGQfpCnVw93wQ8f9edTv6vDBNXbaqUzW1R2WUuWmA5AsbMa9W3SFSW8dqLltSYB0kdwx25kdEU+ljuzPAvjv7lsBviGg83a4tIbef8VOuEM0MTr1xpX8kUwMWVEarrJ9SKqhasrJ179UT+B1ViUxnzqMHzQcOvzK0x5.AAp.MUqn+CnJNxYI
                                
                                1 Reply Last reply Reply Quote 0
                                • rglidesR
                                  rglides @Mickolos
                                  last edited by

                                  @Mickolos You could export a snippet, it would be a lot easier - In HISE go to Export, Export as HISE Snippet and then in here click the </> in the menu above where you write a message, then replace the ... with the copied hise snippet. You can paste any code with the same method, but a snippet would make it easy to take a look

                                  1 Reply Last reply Reply Quote 0
                                  • dannytaurusD
                                    dannytaurus @Mickolos
                                    last edited by

                                    @Mickolos You're missing the * in your regex.

                                    Instead of
                                    const comps = Content.getAllComponents("^.(Knob|Button).$");
                                    use
                                    const comps = Content.getAllComponents("^.*(Knob|Button).*$");

                                    The dot is looking for exactly one character. The * modifies that to look for any number of characters, including zero.

                                    The way you had it will only match components that have exactly one character before the word and one character after the word, like 1Knob1 or ZButtonZ.

                                    If in doubt, use a regex tester like regex101.com. Put the regex in the top text field then add some example component names including wrong ones, to see which ones the regex matches.

                                    The next image shows that the only ones matched by your original regex are the last two.

                                    CleanShot 2025-06-10 at 10.01.11@2x.png

                                    The next image shows that with the extra * in the regex, ALL the names are matched.

                                    CleanShot 2025-06-10 at 10.02.52@2x.png

                                    Meat Beats: https://meatbeats.com
                                    Klippr Video: https://klippr.video

                                    M 1 Reply Last reply Reply Quote 1
                                    • dannytaurusD
                                      dannytaurus @Mickolos
                                      last edited by dannytaurus

                                      @Mickolos Other than the incorrect regex, your code seems have a couple of other problems:

                                      1. You put all knobs into 'comps' but then later loop through 'knobs', which is not defined in your code.
                                      2. You create a look and feel called 'ValueLAF', then later assign one called 'knb_LAF', which is not defined in your code.

                                      I realise these might be copy/paste inconsistencies and your code is actually correct. But just wanted to point it out.

                                      Meat Beats: https://meatbeats.com
                                      Klippr Video: https://klippr.video

                                      1 Reply Last reply Reply Quote 0
                                      • d.healeyD
                                        d.healey
                                        last edited by

                                        The problem is you are trying to use code without understanding it, what you end up with is Frankencode which is little bits and pieces copy and pasted together.

                                        Start by not touching copy/paste. Instead write out your code from scratch, and only write things that you understand, if you don't understand something, look it up, or ask here for an explanation.

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

                                        M 1 Reply Last reply Reply Quote 1
                                        • M
                                          Mickolos @dannytaurus
                                          last edited by

                                          @dannytaurus Thank you.

                                          1 Reply Last reply Reply Quote 0
                                          • M
                                            Mickolos @d.healey
                                            last edited by

                                            @d-healey Yup that's basically what I said. And what I'm doing.

                                            The problem with your suggestion is whether I type or copy I still do not understand it right now. Hence why I'm asking for advice here. I have manage to solve problems already but the only thing that is helping me with this seeing the code recommendations here from everyone, which then allows me understand what went wrong or what new functions are possible.

                                            Remember I am not a developer but I want to learn, I am digesting your videos, forum posts and dev glossary, but I do not know what the possible functions are, what functions are outdated (the that global style I started with from your video), etc. Some information to what I'm trying to do is just not out there at least in a way I can search or find or understand it.

                                            d.healeyD 1 Reply Last reply Reply Quote 1
                                            • First post
                                              Last post

                                            4

                                            Online

                                            1.8k

                                            Users

                                            12.1k

                                            Topics

                                            104.9k

                                            Posts