LAF Again

[Straticah]

How would i create a LAF slider with rounded rectangles that only fills colour to the point where its value is like in this mockup?
Have not seen that yet in other HISE examples

...Also, is there a part in the documentary that covers how to style the audiowaveform?

[d.healey]

@Straticah

I believe these are the functions for the waveform

[Straticah]

@d-healey nice! how did you get these, with the console print command?

[d.healey]

@Straticah I looked in the source code /media/dave/Work/Tools/HISE/hi_scripting/scripting/api/ScriptingGraphics.cpp

		"drawAlertWindow",
		"getAlertWindowMarkdownStyleData",
		"drawAlertWindowIcon",
		"drawPopupMenuBackground",
		"drawPopupMenuItem",
		"drawToggleButton",
		"drawRotarySlider",
		"drawLinearSlider",
		"drawDialogButton",
		"drawComboBox",
		"drawNumberTag",
		"createPresetBrowserIcons",
		"drawPresetBrowserBackground",
		"drawPresetBrowserColumnBackground",
		"drawPresetBrowserListItem",
		"drawPresetBrowserSearchBar",
		"drawPresetBrowserTag",
		"drawTableBackground",
		"drawTablePath",
		"drawTablePoint",
		"drawTableRuler",
		"drawScrollbar",
		"drawMidiDropper",
		"drawThumbnailBackground",
		"drawThumbnailText",
		"drawThumbnailPath",
		"drawThumbnailRange",
		"drawThumbnailRuler",
        "getThumbnailRenderOptions",
		"drawAhdsrBackground",
		"drawAhdsrBall",
		"drawAhdsrPath",
		"drawKeyboardBackground",
		"drawWhiteNote",
		"drawBlackNote",
		"drawSliderPackBackground",
		"drawSliderPackFlashOverlay",
		"drawSliderPackRightClickLine",
		"drawSliderPackTextPopup",
        "getIdealPopupMenuItemSize",
		"drawTableRowBackground",
		"drawTableCell",
		"drawTableHeaderBackground",
		"drawTableHeaderColumn",
		"drawFilterDragHandle",
		"drawFilterBackground",
		"drawFilterPath",
		"drawFilterGridLines",
		"drawAnalyserBackground",
		"drawAnalyserPath",
		"drawAnalyserGrid",
        "drawMatrixPeakMeter"

[Straticah]

@d-healey these worked pretty good so far, what is

"getThumbnailRenderOptions"

and in what context would i use it? :)

[d.healey]

@Straticah I have no idea

[ulrik]

@Straticah said in LAF Again:

How would i create a LAF slider with rounded rectangles that only fills colour to the point where its value is like in this mockup?
Have not seen that yet in other HISE examples

Something like this?

HiseSnippet 1065.3ocsV0saZbDEdVr2n.sopQpO.q3pEWBF6j3Tonn5+fVTscPF2nVEYEMrygkIL6LnYGvlTk2sdUed5aP6Y1YA1TivIHUtvly+eyYNy2gtZUDjlpzDuxWMaLP79Z+dyjlgmLjxkjNmR7dj+E7HHnmfy.M43Yiooo.i34s0OYcwq71jrO+8OdLUPkQvRUDxaTXrmwS3lkZ6d3uvEh1TFbEOof2O6vNQJ4IJgZBBms7aRFSiFQigKnV2J4S7dPKF2nz8LTCjh9brhMq2P0MRm+ugmx6K.qvdjdXhbpImLjKXcmeTSIDus6t7fuk6f+c9myY7E5W1.91LCAKinXOvqz5fzdeAPxq.j11AoG62KRyGaVZwhmuxuiz.5ATrUWDJNeIk9qs7OQgdHMMRnif1ZTXQDgGzrY8.7O0dYkJX6N0DLkpC5cVmSacYvqBlGYLXNQkLVIQgvpNyUWFyHYeAcPA+iz.1.NSEQEmoTiNRxZCfHDiv4ZCMDySQPzdhLxvUxvpLM8ly3RfpcyVUqGLXtw35Ap9uuVk+nRYrBoJAzXrliPwnsGBqML0ksPmhn.kaPQDjqZHUxD.pm918ud2Cx0JQEgVMAOI2iZA6l4RtCSyyzTpXBbgRmPE7O.rfcBjnGUJu6tk6GWobbiTaywNlF59WZC7HFMxhn3FCvg6KUSjLfcIDYnxXADRqiE5oWuSyFOu17bs5LI3wCMwZX1Zx1awqvl0yf9NSC997SiqDWuhJ4ru55cyPNN3lnFAqqftRkU06qXF3V6LE1Bu2VkcB3H7.KA1UXTgsjw37PClZB9j4JUOCdkGGt3Jodv90pGrFrTMBGE0.yNn9Q6vpat0Bh6LY5FKq8x4ibAJ4EJC7ZYX1TWkOVI3+ZZvfUZy9DPqDBPuRyVRN85BLTNIoOnq6ZZKbDYA9TpkG74QsD4dQVvQkrijad8XHWtsRvrTF1ueWhHR9SZKkTNBQWMYDReSNgT9x.NljG56ZxjLzWf6+Pxu14TpgNOOXJwxLFzFt8z3cJLE2M3H5J6eJjNxnFm4aNsCwqx8W0aWVwe+vYEEtgyLCWn3O0GNDrOsJtuI0LSjsx6mUZ9GPLREjD5sEODIbFNg0UkxsWZE21khMX6T6wpasruj6ReiKNTrIBp4S2lXWalavlxhT3VZZIVpYEKzWvJllqcEymKDereWtIZ3pwXoUfQ7J9+CLluX9Q9sFL.ohVBvs8a+aa5V36o7H0mAIcNmhbO38p+ESR5gzVQ.VcoDDXx88JYek3jaZkscfdfjkI7O3mbi6Yk8xMt2bi3HVjV8tH2aK6p+GloAwjL6W5T1+bqbvdyeS462rQSBNJxeWTj83+D7g6piY+MHlmtAw7rMHlmuAwbvFDyK1fX9g0Fi8G.dzDiJw8b.UzsUF2lmWKIEmrxlBI+qcYQxY

[Straticah]

@ulrik you are amazing! thanks a lot ulrik! :) since there is no rotation in HISE (i think) can this laf also be applied to a vertical slider?

[d.healey]

@Straticah g.rotate ;) but actually for this you'd just want to write a different LAF. Swapping width and height and x and y essentially. There's a little bit of extra complexity with vertical because y 0 is the top, so you need to subtract it from the height.

[toxonic]

@ulrik said in LAF Again:

@Straticah said in LAF Again:

How would i create a LAF slider with rounded rectangles that only fills colour to the point where its value is like in this mockup?
Have not seen that yet in other HISE examples

Something like this?

HiseSnippet 1065.3ocsV0saZbDEdVr2n.sopQpO.q3pEWBF6j3Tonn5+fVTscPF2nVEYEMrygkIL6LnYGvlTk2sdUed5aP6Y1YA1TivIHUtvly+eyYNy2gtZUDjlpzDuxWMaLP79Z+dyjlgmLjxkjNmR7dj+E7HHnmfy.M43Yiooo.i34s0OYcwq71jrO+8OdLUPkQvRUDxaTXrmwS3lkZ6d3uvEh1TFbEOof2O6vNQJ4IJgZBBms7aRFSiFQigKnV2J4S7dPKF2nz8LTCjh9brhMq2P0MRm+ugmx6K.qvdjdXhbpImLjKXcmeTSIDus6t7fuk6f+c9myY7E5W1.91LCAKinXOvqz5fzdeAPxq.j11AoG62KRyGaVZwhmuxuiz.5ATrUWDJNeIk9qs7OQgdHMMRnif1ZTXQDgGzrY8.7O0dYkJX6N0DLkpC5cVmSacYvqBlGYLXNQkLVIQgvpNyUWFyHYeAcPA+iz.1.NSEQEmoTiNRxZCfHDiv4ZCMDySQPzdhLxvUxvpLM8ly3RfpcyVUqGLXtw35Ap9uuVk+nRYrBoJAzXrliPwnsGBqML0ksPmhn.kaPQDjqZHUxD.pm918ud2Cx0JQEgVMAOI2iZA6l4RtCSyyzTpXBbgRmPE7O.rfcBjnGUJu6tk6GWobbiTaywNlF59WZC7HFMxhn3FCvg6KUSjLfcIDYnxXADRqiE5oWuSyFOu17bs5LI3wCMwZX1Zx1awqvl0yf9NSC997SiqDWuhJ4ru55cyPNN3lnFAqqftRkU06qXF3V6LE1Bu2VkcB3H7.KA1UXTgsjw37PClZB9j4JUOCdkGGt3Jodv90pGrFrTMBGE0.yNn9Q6vpat0Bh6LY5FKq8x4ibAJ4EJC7ZYX1TWkOVI3+ZZvfUZy9DPqDBPuRyVRN85BLTNIoOnq6ZZKbDYA9TpkG74QsD4dQVvQkrijad8XHWtsRvrTF1ueWhHR9SZKkTNBQWMYDReSNgT9x.NljG56ZxjLzWf6+Pxu14TpgNOOXJwxLFzFt8z3cJLE2M3H5J6eJjNxnFm4aNsCwqx8W0aWVwe+vYEEtgyLCWn3O0GNDrOsJtuI0LSjsx6mUZ9GPLREjD5sEODIbFNg0UkxsWZE21khMX6T6wpasruj6ReiKNTrIBp4S2lXWalavlxhT3VZZIVpYEKzWvJllqcEymKDereWtIZ3pwXoUfQ7J9+CLluX9Q9sFL.ohVBvs8a+aa5V36o7H0mAIcNmhbO38p+ESR5gzVQ.VcoDDXx88JYek3jaZkscfdfjkI7O3mbi6Yk8xMt2bi3HVjV8tH2aK6p+GloAwjL6W5T1+bqbvdyeS462rQSBNJxeWTj83+D7g6piY+MHlmtAw7rMHlmuAwbvFDyK1fX9g0Fi8G.dzDiJw8b.UzsUF2lmWKIEmrxlBI+qcYQxY

@orange Could you please add this to the LAF Collection on github? :-)

[orange]

@toxonic @ulrik @Straticah

Yep, it's been added to the collection: https://github.com/christoph-hart/hise_laf_library/blob/main/Examples.md