How to use panels to switch between groups of samplers?

cadrose

@d-healey So the idea is when you click on the panel the image changes and each image represents a different set of samples Like so:
https://www.youtube.com/watch?v=kIcjBmqocYc

Ive managed to get the rough functionality of the ui thanks to the info youve shared, however im struggling with getting the one button to control the midi mutes in the same way its showing and hiding the panels

d.healey

@cadrose said in How to use panels to switch between groups of samplers?:

So the idea is when you click on the panel

Why do you need a button? Just click the panel.

cadrose

@d-healey apologies i'm not the best at explaining things.. Im using the button to toggle between the 4 panels which im currently using as background images.
the idea is the whole bottom half of the UI is one big button that will allow the user to toggle through different sets of samplers using the midi mutes.

d.healey

@cadrose Ah I see. You need to get the references to your midi muters in an array. Then you can use the same index you are using for the panels to control the muters. In your callback you want to loop through the muters and mute all except the one for the selected index.

cadrose

@d-healey ahh ok with ya! thanks, this is very helpful!
do you have something on your YT channel that covers this?
In your callback you want to loop through the muters and mute all except the one for the selected index.

d.healey

@cadrose It's covered in this one (jump to the Scripting Samplers section if you don't want to watch the whole thing - but you might miss some context).

https://youtu.be/dG-7K8cZoLI?si=cLIRgJfIgOCPO6Ah

cadrose

@d-healey Hey, Ive watched this video and many more a bunch of times, but I'm still struggling to get my head around (in your callback you want to loop through the muters and mute all except the one for the selected index.) I feel I may have bitten off more than I can chew for a first instrument idea.

Content.makeFrontInterface(400, 700);

const var panels = [];

for (i = 1; i < 5; i++) {
    panels[i-1] = Content.getComponent("Panel"+i);
    panels[i-1].showControl(false);
}
    
var currentPanel = -1;
inline function onButton1Control(component, value)
{
    if (value == 1) {
        if (currentPanel > -1) panels[currentPanel].showControl(false); //Hide previous panel
        currentPanel = (currentPanel + 1) % panels.length; //Move to next index
        panels[currentPanel].showControl(true); //Show panel
    }
};

Content.getComponent("Button1").setControlCallback(onButton1Control);

const var muters = [];
muters [0] = Synth.getMidiProcessor("MidiMuter1");
muters [1] = Synth.getMidiProcessor("MidiMuter2");

if (panels ) muters.Synth.setAttribute(muters.ignorebutton, 1);

d.healey

@cadrose

Here's a simple example

HiseSnippet 1311.3oc6Y8+SaaDE+bBtqIsisNUMse7JZRKnVAIgttIwpZf.TEMBjQnrIU0Ucw9bxINemm8YVPSHs+D2+HSp+Gr8NamXaHjEhz1DsI+.j22e26du2mSJc7kVzf.oOxnzwm6QQF22r64B0flCHLAp0NHikMaSBTTebLqsO2iDDPsQFFEeolgQokPQed2K1lvIBKZJKD5DIyhtOykoR41ow2y378H1ziYtYz9oMZYIEMkbYHjOEMqh7HVmR5SOfnUqfIx3N6ZyTR+tJhhF.5rsz97tCj+pHV+SXArdbplnFpK3nX1nlCXb6NiNqAHjwG0I8jWL9j+Py1La1X9oUfOMR.N0hr0.iBSKkpcCRIiLozRwozCL6Z4y7ToRz4y8LaIfKDGBTpylJw5hJ7mELaJAMDp0bImR2yGHFaQkmUs5SvveVcyxkgxcfB6FBxZYGfeNN5tes9TUK68YApJqnO4s0xWAzOi5Zke8a.W3H8wUFhYhwtY0xkhUYMuvfAUF6xbU2JCWUm.qu9iv8TBcDR7dBE39QmAvzs37lRWOo.nCprRhN5TJS7S3Bge3ZATk1beIuIgy6AsQUjhDERD.FWpLSvYBJ1ITXoXRA9xJUwZTXeB9LBOD79uUtDWZQ3PHsoCg7Lwh0hnOzI0jnHTJJAYfdU2Dyve2X04TQe0.f2ieLjxfWSpZul8Fc5ukR4y5Abpjxl0WH8oaGpTRwS.m8nmGmDqtId80wGK62mSiuF9p.brx3dQZCdOItIt+D8gQmV4cQnOTCbbvR0.XhO11fxktn7EYJQGHUzCEUhJEkunL9xhbblnrjRJm5OQw5cA9SyvJhP2dT+rWDZEggk7Sf2Y1l.shauxnnTzRvTG5QSn2Sxs0SV5ue04UTR+I7sW0ZGhhnGgS3A54Q8ULc5XrC8LXGX7.cIycnAmpjdfWG2QCorJR5xIi6w2vHFD6xlI2aUQCGuo72+gFmmkHfbFskniOEtX0KBTzgv+uqYzfjdWyMJR0ttHg94oGoZ2zHU+5hTC5ziTc.D4JKKg0zR6PNQke2sFjJQ.zNkagodonHfoNOKH1MXgd0otPeVSwGX1gorFL4brvDxQnQ6eibLAF7iM20wgZoRSvkL26mlWLuYO7KGG96Y1E1HGAZDE7OOhF+iP6.9kTA0WW7pMkmg7Gy5yP7l4mgbnkBB+w9DQfmLHmi6RcYGCc7AYY9p..zk9KGouMyxuoj3OQQu6E6AGxIZSWhJzOpsXKWYnPkqMnX96gklsMe4mHxn+DdTxR+O7Nopy96jJNpoY76Thxj6mRmuU4xUr490Zoa+MJjfOApdsq7V1LK1MJBAK60OZF7wmX5vF1UEZcpFkM3xNAcaXmXtKuRixwtLWONcWwYTNfaFkieF.T5PB4pQbyeO1VJjdCjBlU1BvQT3MS86S8yl6S7.AutBdSXJmG13HJmRxNa+kM1GlII9PchNm0ha9C9m380WXFmtX8dJ7sWrrhueikcjLTwD8aSflP3cMlGD51EfPrnPzEBJGbtoQA8piX5pZ5XLDgcDweAeRDVSSajHr1HgyKdY8E3kKvKmM7x5KvKeu.ur9B7xE3kKvKmO7xMVfWt.ub1vK23V.dYh6VfWNE7xMVfWt.u7Cd7x+KhgKwxW9Vq3ER59z6FwAN2hnem2Rls0z3ZWcCjKr08sVV4c0ULr97Z3FyqgOcdM7qmWCe17Z32LuF9s+yFpAE2JTIciGMQn1c1M5WFyvXWAA5xilHP+MjTnrn

cadrose

@cadrose Hey Dave,
Thanks for your patients. This snippet has helped a lot! The one thing I still seem to be having an issue with is when I try to index to the panels array it breaks.

HiseSnippet 2431.3oc6Z01aSrbEd2DVD1bCsftppenpctAtpNJAauqcHPobIu4DxkDhkctHnHj6lcGaOJq2Y0tylWJJp+U5Og9On8mR+CTI9T+Z5Y1Wm0wXVBo3VZhDhLm4smm4bly9bFnoK0.64QckjKr2INXI4uQo8I1r9q0WmXKs05Rx+BksrYX2t5FXj2QDlQejZ4pRqdhitmG1TRVd5M4iUtv0jB948OcUcKcaCbpIIoWRIF3sICHrTqMW94DKqMzMw6QFHL55KukA0dMpE0Gv0zJUkbzMNPuG9E57gMkhj70aXRXT21LcF1SRVYUp4Is6SOxNb7uj3Q12ByanJ0FVnPyaPsL4Hlac2CwtGRvGIZSZs9DKylwmIdRvF0L8DZ5vSnuUYGhIIwd5I0OOnCT5LDOijmJKjmNCjUEgbUAHOBHIK.oqEBoaqz1vk3vR6gimal54x.kvwJM0cJnrFEFgMq7.8Cva3BMRlQo5Uqt.ZopUm6wEmoH3O7XnC0cQN51XKOzSPu4sOdFnmtTWTIBzV8wHB52iVD9q4meNz6loHB9Ib3ugbe02BiId65gYqQG3PsgFklsIeLyNOYtGet4T1CNg3yxkZUpqtkGFfyogCalhb7X365BqRvZ.6v8UgEgXaQrwnt91FLB0FQsW0mwn1pwqjQ7lu.vIKe7byTLBujtnRAlPOAnTBMh6Jyt8CvtMWLZE6YjvFUoxyHlXjiK9PB02KbhoK+PDI6VMOGKeezdU1Ba2i0muh6PODiXTjM9XFhXahONcA+n.i45GhKdXX3vClLb9dZfucztqnyxYmqrG2dvZsltk09vkzRCeTCtqhQQOC7gPqsL4wNAoX3K6VlaS7f0jewYGd+yBSPX3QAZECCyNFnXxxLWwBgCoriuW+RIKYlKmkNdNNBpT46P6yr46PzpG0JaL4JVVI7zSfnY1+nYBa+w47.n.r+e5gjvjdG7mBVTCcqPeKf13Pff161McZA6SgjaiUCuMFA1jHF9UyhEdWwBQmcug7VNIVgwbI6CVJkZlzyl5hCQ4Bvh8cOIDDAQLn8n85YgCcF+VOT3fQ6GLZX0qTIZmi1fWxoDGXYWDeW3jnaWDk0G6FMauhENE38oEi9oRkvq.aM.9BfWkJEQfofFHUnUZlofgoN9rLANyveiCqlPpaVKpOC7Mkh8Mk5MWQ3DJZTVTcyfcqzruqYqc+wFqsWmM1c60az5z8vttvBnV9Gat4rKflMtcP.SANjzAzv5S73PYatebUpusoWopgdqdkMc0OJZ0Sl8BH8EPPtWXPnhmN2iKjvWsyyWswyWsD9pkK9pkC9pMDe09r3qlHeKv4aBcqcd5Va7zsVBcqkK5VKGzs1Pzs1mEcqkkteL9Ve77sdBeqmK9VOG7s9P7s9mEeqOB9BhFRSC9BJCuqco.LV7zhng6pa2Q1WTZSKr6H6lKnzcbSrjs+f8wtIIaiFHnnZbJKU+PJKMB8QBCjZukMgsqC19CosTJxwxkzEgJXnr.Ac2JRPWX5WIBnaqfRzWLjBfrn3ZoeZq00Y5wKD+q8tTGrKivof75ffCCbnRwBJqi8NfQc.pkDMIIWLbamIVGIOXIXWugRXdPoiE2vSRZ7O7W9HhIqehg+xIK2GS50mINDBCOHVOegqKIcVUdGoV0DM6DeFskIubjDoApPY.tPE.Ae9myjF15fqvjePlPja9QHhlHQd+S+7HxYR+vnHxYRKbdhTTos9.GHdU6CQiCiCsjmVjQE9HLp1kpq4r6NRWyYgL5BBw5WtP7eNZH9uFGDuYNtWIFY72x.Rh2NzAv5n6BlkmJKlkFEl6RrF3AhpbBRGJI+aTFNc69PMxGfbr6UF9yvr41291AqDCz0KDuc1YAV2u24sIc9pBg5Qol9V5rrEoxqVOpCHkXlJC4U+Y6QXmHdGY3JWuV9pbc7EVmW3dakl7mbXz3cpQfWHI3+owaz6.LiRitcwFrTvdMkMd0XK5+RGJ+pPnbGk1LWr9.hcunrLA3IImi5kwy03j6mqooKlqynM4OILr+9xq5CmWtYs9WWNXqVY.njHydEg7VXGrNCb+By4FK2p0ltTemgm06eZPvxdtPgXvQgXG6ZigyclHGWyk540EnSvZ4I1USe2d7ypTKsvGB0Ek01K7G.9dad8XvWSkk4eH1Cy80DiczgK+Yx5ErKU2SOveOkRXa0gZqMT6ZC0t9PsWbn1OXn1Kk1VVIar3MxmxlczcBxgKLxUIQQYPegVF+CqUM8nN.NBOT2+68haQP5lo5RBPRFcJYPwz4FEpiEEBxEmJGxEukhXA7iPyXNVielRWxwsY9FGvkh6MhE4K1GctbbdEhwXaBO9sg8gPhJvBGi2ATF2U22hEaMqebGpM0oO0lXjMs.bMuWOrqH1GIgVgwfrRoV91kagsv5dBmm2a4sgB2zcyls6S5rP8S9oiGo+5WpDBWDOSO5qCwBS++8hEF2Q2shjJffc2k8e494uQI3iaHtVjIETCelkdwemWADCzFD.YfEkDLEOOaX6p71b.0FaaFz.TteVTmpw5G3cpF2ojQ7RAbK52CpyWdZbTMifFXKPYhkXHsGHyhCI3a9RdAN0A7uSKmp2Qev.8LmP2HbbfnfVTtHIE4VPGaSeN9DdisgFOiD0HrmWx2yPB8LRTi+L+XITYVLe1fXE8uZ2dmq.n15Gi1xFJRxmWZEJL9yCLYRNjX5qa4Uo8JupylsZpVqS6epYqNs2ci8T6rxcq2YwGV9H8CkV22whX.t0fx8NGI9ihj3OHRBiKFIZeoQh0dPmkzxCGpIxg4E4PsIsiX86p0Qao7PhmJRhGIRhmN4IQsN0dTdHwyEIQCQR77IOIfqDp4gDuVjDsEIwqmzWI1XwNOXw7vgGJxg5hb3gSZGwlvUhZ45d85hjXYQRr9jmD05Tu9HHwm9COnc0COb0COb0CO7k4gGzt5gG9p3gGzt5gGt5gGt5gGt5gG95+gGt94zE2PTW7uSTWbiKlt3VeN5h6r5JsZ85.cwcVATEmq5SZKRgcDovqlvTXUnLwbUq68DovuVjB2aBSg0T6nlqBrzDovBhT3QSXJrtVGsGjGJrsHE1PjBaOgoPCHPJWdg4Eov2KRg4mvTXSHPZT2E9RjecftgKsiQnPXdV1aDXAxuZGPxBJ6vaiR9+500UdT0xUkF.R86XXv+F98gONL5IoEOIEkbOmZWf4T+BLmEu.y4AWf4rzEXNObrygWk0J9L5fP8cfglMB+lnbijuINsz+F8zryuA

Im assuming its clashing with the first inline function? I'm not sure

Ive currently commented out the second inline function that is causing the issue. Any help is hugely appreciated.

d.healey

@cadrose You should load your images into your panels within on init, not within the paint routine. The paint routine is continually fired every time the UI refreshes, on init only happens once, and the images only need to be loaded once.

Then you should refactor your code a little so you are using a single paint routine for all the panels - since they are all doing exactly the same thing there's no need to duplicate the code.

How to use panels to switch between groups of samplers?

20

2.0k

12.7k

109.9k