How Can I Make Multiple Skins/Themes

[A Former User]

Skinchange.zip Here is my tiny interface. I created with the help of @d-healey Youtube Paint Routine video and HISE docs. Now show me how can I change it's skin?

Thanks,
TM

[A Former User]

This should help you get started.

HiseSnippet 1453.3ocsW0raaaDDdosYajZTQBPAROR3Sz.JJjRxNwonnxRxJ0nwIBQpoAvIMkhbE0VSsq.4pXYDXz9.zC8gHOB4Tul2kdt26gzY3RIRYKKaHzHdvdme14a+lY2c11gBWZTjHjnkq6oinDsap24TtbPiANLN4flwBNlwgwbeJo9oibhhndDMs0eDZgVtMHw+9muqtSfC2klJhPdtf4ReLaHSlJscsefEDzxwi1kMLi0Uqcfqf2PDHFCnYccKxHG2ic7oOwAMaMch1msuGSJB6HcjzHh1F0Edm1Yf3Dtx9myhX8Bn3.aRGXhThaIB7PDiRIMFvB7ZOcUGQfYocJGrthC9J8CYdrYxS4haEqvH0ir7g1ZKCd1Ygm00GdZYf2FJ3ca8NtgrQxTMH19B8C3RZXeG24SSJaIq4945MDfEbYogNGSaEBCl4g41VVEMpZYs02THOjFhjFuwIzHvougw2ZrO2mwokbCovJ6QAhdNApY8wBww6w8ZQoAlnmnOtwYPavMqWTwR8aNUkQUS1cmJkqXWwdt30PLrmntXB58Tv5Skf3QBNLvbyYVrIFO7CvXoPpOKBVJsFyckLA2bSuPmS5J78Cn0GKkB9lE6mnyvzunn2utUg7usPdCCi6cO+RQXLPrYBZJ0yWM.i.XPr5GE53w.DzBpcMOBshIoCU1UzpXEqhyKqLHr7qlMC8A2dlXLGxzOi5Jg8RAz3X4.bZQC6syFqDnn9STodAv9fY5wE1dALeN0qKchLdRjv+TzHc51zEPZH0C3n7mUHuhotbdZJmtLNx3JHo+GXoqjlrsJYMW3VBQsJL0UwSsEiFO5PJebcHN9gHNuLJKSZeOfJrlz79pcBXLNyPkSRq6a6voAWdQuRcREuZ.t7aCGKIA5RBaNMmhCS+sx+174xF656o1pg9maA4ojcr.+hYnjMo3H6seUhOKLwbTUH8IGvhP39SLO4.yst6ClI46oL+ARPjcYqWA03IYubYScVSZ0x993WhJjmwHXdj0Em7KL0vzVUMqmM83.FO.nCiYoE7JkjiLPxMTDX5NkYKBjevX5rxbinSXR2AFlSEixRTg+bchnF1OLUPrvEed2EM4Bm6k0jyEjxOz3RiBPYMZ8f5Uqrjnzp0tU1w1dukGkJObYAo4t32RCR0cvuDSNCyfIUmgzQXwY7kBmEmYtxiyUUEwYnFNAA8f8XlWL4gSX9LI2mHjzmxMiq4yeVdiyqpe+EpKY1BngKTM1YR3xbzjOdXOZ3zBnoFBWQOeO.5WdO.YaQwUQNYLTvOfyjOcDkeYcFPRXTnGg0RPEXpLtCgakzgvT1iv7vFDlQljXXms4Mx4mhuLYJTWeFOA4zUCVj6+3AMcjNX+JIvBf5HZnjgrfVS5afFAUcujSuIM5XoXDDpYUBDsanBago81f0QwQ8F5pZJxjrcVdZ5fut1I3wCyD7K+VsAwmOjJYRsL24.h+r6bm67QTSpXTJHHVJICtt40jQSQ2edRsTz860pMzAzoqsNLBu9A6nV0MM1WcLB.JxHtKailz9NiCjvtkQ.6kuCK3Mzv5HYO+Zr1QmeMR1s17Kl2+92+2n7oWTix9vG9veL+xNlMd4K+4+87q67WixfLYDq4WyYCZud8hY04WAjmekqf28t+p+BPa2tciQqhLKnHtD7QtX2xPO6BuwANx4ajGe8RhBXm8bcLicEyiXxSyVg+Io69qKbusda7hoEi20V.dwCE9Di2j2JUPe+98gKrSA6F5sdwm9GFQTM93eniLjgavdx3gcfRDWJt4BNv.O8UaMrnVM1BGiLSGJ2KdvGgeIJswwZIJsmpjLzwMT7ZW0Qi3qwtQrD.S73GklS+PbrwrSD00gtbHCgGI9ZWWjJtKf8E6S4UvmJqfOUWAe1dE7YmUvm6uB97fk5C9978FKECUaS.As2O9lIMs84NPUVbEI4+.lCzoW.

[A Former User]

@iamlamprey Thankyou.... but the snippet is not opening.

Thanks
TM

[A Former User]

@iamlamprey Can I get archive file? snippet is not opening.

[A Former User]

@Tania-Mosh Weird, it works on my end. I'll post the code because I never ended up saving the archive.

It just adds a switch statement and calls Panel1.repaint(); to re-colour the panel.

Content.makeFrontInterface(500, 400);
const var laf  = Engine.createGlobalScriptLookAndFeel();
var colour1 = 0X30000000;
var colour2 = 0x96323131;
const var ComboBox1 = Content.getComponent("ComboBox1");


laf.registerFunction("drawToggleButton",function (g,obj)
{
   //g.setColour(obj.bgColour);
   g.setGradientFill([obj.itemColour,0,30,obj.itemColour2,0,2]);
   g.fillRoundedRectangle(obj.area, 15);
   g.setColour(Colours.black);
   g.drawAlignedText(obj.text, obj.area, "centred");
}
);

laf.registerFunction("drawComboBox",function (g,obj)
{
   // g.setColour(obj.bgColour);
    g.setGradientFill([obj.itemColour,0,30,obj.itemColour2,0,2]);
    g.fillRoundedRectangle(obj.area,10.0);
    g.setColour(Colours.black);
    g.drawAlignedText(obj.text, obj.area, "centred");
});

laf.registerFunction("drawPopupMenuBackground",function (g,obj)
{
 
   g.fillAll(0xD7000000);
} 
);
const var Panel1 = Content.getComponent("Panel1");

Panel1.setPaintRoutine(function(g)
{
	g.fillAll(0xBA323131);
	g.setGradientFill([colour1,10,30,colour2,10,15]);
	g.fillRoundedRectangle([4,0,this.getWidth()-8,this.getHeight()-120], 10.0);
	g.setColour(0xFF171717);
	g.drawRect([0,0,this.getWidth(),this.getHeight()], 4.0);
});


inline function onComboBox1Control(component, value)
{
    switch (value)
    {
        case 1:
            colour1 = 0X30000000;
            colour2 = 0x96323131;
            
        case 2: 
            colour1 = 0xFFCF8B43;
            colour2 = 0xFF93611A;
            
        case 3:
            colour1 = 0xFFD9D9D9;
            colour2 = 0xFF464646;
    };
	Panel1.repaint();
};

Content.getComponent("ComboBox1").setControlCallback(onComboBox1Control);

[d.healey]

The snippet opens for me. I don't use LAF for customizing my interface (at least I haven't yet) I use panels, including for combo boxes, I just make them transparent and draw the design I want on the panel. I thought I'd made a video about this but I can't find it so I guess I haven't got around to it yet.

[A Former User]

@d-healey I just vibe with my png and knobman files :(

I enjoy when people ask questions here cause it's like little homework snippets for me to get better at HISE

[A Former User]

@iamlamprey haha.. Don't worry I will keep asking you.

Cheers !!

[A Former User]

@iamlamprey Thank you so much. :)

[Sawer]

@iamlamprey
Hi! Strange man but Hise on my mac doesnt see the ".createGlobalScriptLookAndFeel()" function , it is not in the api. But my version of Hise is the current so I dont know why there are some mismatches...Can someone help me out?

[d.healey]

@nesta99 How many copies of the HISE source code do you have on your system?

[Sawer]

@d-healey Just One

[d.healey]

@nesta99 Are you using git to manage versions?

[Sawer]

@d-healey no to be honest, just went there before to look for some updates but nothing... maybe I'm looking at the wrong place... can you send me the link kindly?

[d.healey]

@nesta99

GitHub - christophhart/HISE at scriptnode

The open source framework for sample based instruments - GitHub - christophhart/HISE at scriptnode

GitHub (github.com)

[Sawer]

@d-healey Thanks Man!

[yall]

is it possible that the vst crash because it has too large images?