HISE Logo Forum
    • Categories
    • Register
    • Login

    Little help please. Adding control of show favourites button from UI components.

    Scheduled Pinned Locked Moved C++ Development
    20 Posts 4 Posters 601 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
      last edited by

      @Christoph-Hart Any hints?

      Oh and here's the snippet for the image in the previous post.

      HiseSnippet 1138.3ocsV0saiSDEdbZcEI7yxh3AvJWkJEhR1trf.AjlzFTf9STSYAoUnUSsmjLp1yDMy31FV0a3If2.dF3MfGEdD3NtrbNdbhsScWsDw5KZy4246blyOyHkzmo0REwo54KlyHNum63EByr9ynbAY3ADmOxcB8JohaXmJBWbNSaH8VLmp0r.hiyVeKpmS0sIIe+82ziFRE9rLVDxykbe1Q7HtIi6nteOOLb.MfcNOJm1Os6PeonuLTFCXZK21j4T+KoSYmPQ0p3Rb14v.tQpFanFll3rcOYvhwyjWKr5+btleQHCI5PFCNxxdfLL.QLxkzeFOLXzxXWS.uLJKSrkMS7wtGyC3q3mkQ9vDAdYVjOe3ToH71p.75jGdsyAuRfjSNHssERO1cruhO2jIAwy65NTXXpITHsmGJVcIU1thaeIngvzJhdIafBHVYQim0tcSO3O69k0pAodsw6JpxaPnjZ3homyCYc79JukNXJyzWFMWJ.hF0KnUczCbQHWv7lDK7MbovSJ5EaLRQGzAJYXC+kV2DNmvX1t0dUspgReZnW.0PgipfSwCrQ8C.I02s0bpRy1W+ciO8jFvgUEMnElaGjVgpwRTvEIdFTnnqzqbUSOiBiczA6Bd5V.4kGgonGNbMxOIF5SCCu.pJardvAdJWfehDaYZjDf0tsl25hlLoTYo9JjoJUL1tndcF1PDGcASkO8hJB0PEKLce3By78M91zRNEkhgBt4z4LwC0MQRykvu9ggXBGqlS4A5MmoLbDBNGvtBFMXqsq5d.SeoQNG5xWcA.E2lzlQa0b9aTBGJyejagKYxM4m7rHOQJ.rm1ibGoXvUZOk7ZMSQtX5xYNU2Az8ePCfBpnLt+wc+1cE49jTkS9RByJ+dE2WUyyqNltFSuhYqOp+EP8VLq4RIGdybpPC2Z580fqhitmFISqTkaMV7numKg6Vq5EDkwFJ2fvEj0o8Ji1OHn7i3Ll.F2VtrCXgLyCHaYeHNCOurTjMDB5.VOoBhMP7DZn1J+j3Had.A+dIrrz+HOvL6L35UBBdAv2yqcq8V6q4+Q9.6eN4LNhqM6qXzU4lzSnYY+akUVjcl75Qzf.nt6M0twLpxeVOppmLVDfQ5KrBNVpRymqKIqDZcIKyzOfcqOSDu2a0t1sjqwD5pth+7W6NiwmNK2h4a5Rx08sis66CR69rmVReWU2zYe46395tYcb+0uzEphfIJ3xxifXWf6jzPDMTX68PZx8WxAqWkAwgTSwct3CMRE.cNEVzgKyfRKyh7OD4+sEwuoP7wti3F+YkiwJkfQXp3aCLl97k228vISX9lL.ts6fe5syaUHmIiwQvGSMJNTO3BMzigIj9L3zEBVHtuwoBND1R2FowLvXlHHg3N3KUXGj1IUXmkBIQTek7k91sb3CjdmDN.lDIuMrp6wHsWGRxlOvN21sZShfxuW56ig+m.KqJ2lmrA1r2FXyS2.a9zMvlmsA17YafMe9q0Frye+XiLx1N.LFcXxdRGmCSFMjTER9WCuudPA
      

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

      1 Reply Last reply Reply Quote 0
      • StraticahS
        Straticah @d.healey
        last edited by

        @d-healey what do you have in mind with: styling the fav button beyond laf?

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

          @Straticah The only styling we can do with LAF is to change the icon. I want to change everything (like the design you made).

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

          StraticahS 2 Replies Last reply Reply Quote 1
          • StraticahS
            Straticah @d.healey
            last edited by

            This post is deleted!
            1 Reply Last reply Reply Quote 0
            • StraticahS
              Straticah @d.healey
              last edited by Straticah

              @d-healey ah the item colour messed it up :P I think for the icons you can just use these in item properties no? For the icon background i would draw a rounded rectangle below the transparent preset browser - this would need a a second new panel tho so the browser is not transparent

              "FavoriteButtonBounds": [
                  120,
                  5,
                  30,
                  30
                ]
              
              d.healeyD 1 Reply Last reply Reply Quote 0
              • d.healeyD
                d.healey @Straticah
                last edited by

                @Straticah Yeah there's work arounds but it's not the same. Another approach I'm going to look into is changing the type of button that is used in HISE so we can style it like other buttons.

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

                StraticahS 1 Reply Last reply Reply Quote 1
                • orangeO
                  orange @d.healey
                  last edited by

                  @d-healey Interesting. Maybe you can do it with a Broadcaster?

                  develop Branch / XCode 13.1
                  macOS Monterey / M1 Max

                  d.healeyD 2 Replies Last reply Reply Quote 0
                  • StraticahS
                    Straticah @d.healey
                    last edited by

                    @d-healey i see, i could only do it with panels and the bounds...

                    HiseSnippet 1060.3ocsVszaaaDDdWYSCKkllFfdtfHmb.TMnryKzdnx5UgPicDLcSSaPPvZxUVKL4tpKWZa0f.zS8b+SzeH8V+4z+AoyvkRj5QbrEP4Etyqc+lY1YlcfVEvSRTZBs5ISFyIzOywehzLp8HlPR52gP+bmCYIFt10xp0jwrjDdHgR236QFzpaRx992uqEKhIC3ErHjWpDA7mKhElBtCZ9ChnndrP9Ih3RZ+nl8CTx1pHUJfmMb7HiYAmyNieDCUqhCgtU2PgQo8MLCOAzokJbh+H0kRq9uTjHNMhiDMH9vFYYSZORDENXpulPHzMGT34aX87uz4PQnXF+hHvWjIvsvhxw.ZkqCRMtEPhVBRaZgz8c7CzhwlBIHdtiSeIjPFxfPcYnX0kP+am1JPAoY2X147dZfXlA6zvyyqt6S77d32NLUFXDJoqRdjxvegbmGV6c0pV680bWTzvgqTFdNZUTDWuRwX5UecFtiLM9Tttt6ErnT9LEA+e9f5V2rfZf0sKonR1WJLuXLOmtmJJDCV35kSAj73Fr5G62gYXXVImGn2Xt1HP3P6vu.tVayQUc5vSN2nFC6ZaU7XkD2A51lLo2cZFjI4QDAbza6jstA4JB0g9OvYMAWDBKtTDZFgDupBgLhKNajAo9CJgHL73oUFU2Bz8CXESA28JylTBG09D3XODG4UfC90lSlQ76+RyY34qHkwCRc5YEn4CvGZggekYYtmpzgbsu323kaUX4dLKTjlTpeQyxP+Nl75RKz6EoXFg7rSDPlG8f64TlUiRNBQTxQH+by7bnMgcOmAZdB2zRqtLgqmyUl11Z9v8TWY4vc1W1MkJ+UEm2Uy08A3sOe1E7VoFiR9fuw0nS40mJo6UiYxDnHH4fDXqRiQMFxhRJTI6Npd0liEiIKsmPshU84DUvFJeA+Ej0valQGDFt5i3XtDZ2tZYc3QbyGQVO1EJMDgvd3kkkir9fWGxakk1mykOJM1FHPvueFKK8Og29NFxuJPvqA9ttd6t+Be0uk7A1uI6LdtHwbflylEaxOg5q52LqrH6X0kCXggvEuapc9blNXTKltkJUFhd5qsBNToyimKJo3NzhRlFoWTZ1Y9r7y9o1e683o+QrT68erdL+IEq+WZ.DL5SElFwLyOODG7mK.tJO2PHbRCjpMSJWseKFR5csCIuoP79NCDlfQqFiUVAFgN8+efw7mVbWmtCGxCLE.bSmduZceGwm33OVkh8DOjYzBbFCTf4CsrB3voKgN9IX9tBNkvR6gzXDvmKCyHv9c4BafzzbgMlJjDyBzp2FXmhiOdY6LN.ljYuUqJ7nQf1sAIaxNXmi2tdjX3cTuMH.c+uFF.uZa1aMrY+0vlGsF1730vlmrF17z0vlmcs1fOg8fTiJ1VN.LFzMavEk1UxfaVY2BI+Gxb4MGC
                    

                    needs a drawn search bar tho so "MoreButtonBounds" can be used correctly

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

                      @orange Hey that's an idea. I'll give it a try.

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

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

                        @orange said in Little help please. Adding control of show favourites button from UI components.:

                        @d-healey Interesting. Maybe you can do it with a Broadcaster?

                        Actually I'm not sure it will work because the broadcaster is a receiver of data not a sender.

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

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

                          I converted it to a TextButton in the HISE source and it works beautifully. @Christoph-Hart Perhaps it should be a text button by default as this is more versatile than a shape button. Or maybe there could be an option to choose, what do you think?

                          cdfd2445-4dc2-47aa-84af-023cb9dc49fd-image.png

                          Peek 2022-11-15 23-20.gif

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

                          StraticahS 1 Reply Last reply Reply Quote 1
                          • StraticahS
                            Straticah @d.healey
                            last edited by Straticah

                            @d-healey like the tweaks on the round cards :)

                            Yes thats true, i like text plus icon combo, a more laf friendly fav icon would be nice in general also on the tabs imo (width and height, and colour).
                            In this example i had to drav lines around my svg so the space matches on each tab. usually the svg is scaled to the max which was too big.
                            I also think svg can not have a transparent boarder (which would make scaling easy) since HISE treats it as a path.

                            6c1ba456-51e9-4ebe-9773-dfaa4f230196-image.png

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

                              @Straticah Thanks. I have a little more tweaking to do but I think your tips have definitely helped.

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

                              StraticahS 1 Reply Last reply Reply Quote 1
                              • StraticahS
                                Straticah @d.healey
                                last edited by Straticah

                                @d-healey btw how did you get rid of the grey "notes" bar below the search?
                                Also, my seach bar gets cut if i draw it to the right thats strange

                                //Search Bar
                                browserLaf.registerFunction("drawPresetBrowserSearchBar", function(g, obj)
                                {
                                    g.setColour(0xFF0C0C0C); 
                                    g.fillRoundedRectangle([0, 0, 700, 30], 4.0);
                                    g.setGradientFill([(0xFF762EFF), 2, 0.1* obj.area[3], (0xFF2EFFE9), 1.0*obj.area[2] / 1000 - 2, 1.4*obj.area[3]]);
                                    g.fillPath(obj.icon, [8, 8, 15, 15]);
                                    
                                });
                                

                                2ae641f0-7c53-4ec1-add9-fcedff18b678-image.png

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

                                  @Straticah For the notes bar I place a panel over the top of it and make it the same colour as the background and write on it LIBRARY BANK CATEGORY PRESET.

                                  Did you set the searchBarBounds in the preset browser Data?

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

                                  StraticahS 1 Reply Last reply Reply Quote 1
                                  • StraticahS
                                    Straticah @d.healey
                                    last edited by Straticah

                                    @d-healey this will be it i think. Oh i just noticed the headings this looked so good that i thought it was native lol, can you share how you made the text change on an event? I guess you use broadcasters for that which is the new feature isnt it?

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

                                      @Straticah Yes it's a broadcaster from which I call a function called setTitles which changes the text.

                                          const bc = Engine.createBroadcaster({"id": "PresetBrowser", "args": [component, obj]});
                                          
                                          bc.attachToComponentMouseEvents(["fltPresetBrowser"], "Clicks Only", "");
                                          
                                          bc.addListener("mouseAction", "Mouse action for preset browser", function(component, obj)
                                          {
                                                      if (obj.mouseUp)
                                      		{
                                      			if (obj.target == "favoriteButton")
                                      			{
                                      				setTitles(obj.buttonState);
                                      			}
                                      		}
                                          });
                                      

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

                                      bendursoB 1 Reply Last reply Reply Quote 2
                                      • bendursoB
                                        bendurso @d.healey
                                        last edited by

                                        @d-healey Is there some way to track the input of the search bar of the preset browser? Just like this?

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

                                          @bendurso Not that I'm aware of

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

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

                                          26

                                          Online

                                          1.7k

                                          Users

                                          11.8k

                                          Topics

                                          102.8k

                                          Posts