Connexion rapide:  

Forum: VirtualDJ Technical Support

Sujet Sysicons????
Grok32Home userMember since 2019
I have began an attempt to create a skin. I am confused about Icons tho.
Evidently <icon x="90" y="1352"/> gets an icon from the skin ping image.

Also, system Icons can be called by name.
"<icon sysicon="settings" width="40" height="40"/>"
But, where are the names documented?
The Wiki says "<icon sysicon="" width="" height="" dx="" dy="" downx="" downy="">: Overlay a system icon on the button (see the list at the bottom of this wiki page)" but I can find no list at the bottom.
And... there seems to be custom icons. "<customicons file="icons.png" nb="64" nbx="16"/>"
Do these replace system icons or are they in addition to system icons. Are they called by name?
What does "nb=64" nbx="16" do? Can sysIcons be called by row/column?

 

Posté Wed 08 Jan 20 @ 8:16 pm
Grok32 wrote :
Also, system Icons can be called by name.
"<icon sysicon="settings" width="40" height="40"/>"
But, where are the names documented?

https://www.virtualdj.com/wiki/Skin%20CustomIcons.html
At the bottom of the page

Grok32 wrote :
And... there seems to be custom icons. "<customicons file="icons.png" nb="64" nbx="16"/>"
Do these replace system icons or are they in addition to system icons. Are they called by name?
What does "nb=64" nbx="16" do? Can sysIcons be called by row/column?

Yes customicons replace default icons and they can be called by name.
nb=64 means that the file has 64 icons
nbx=16 means that the file has 16 icons per row
System icons cannot be called by row/column. But if the icons are not on a separate file and they are part of the skin png file, you can use <icon x="90" y="1352"/> to get an icon.

 

Posté Thu 09 Jan 20 @ 9:42 am
Grok32Home userMember since 2019
Thanks Nic.
Let me see if I understand this.
There are more icons on the icons.png image than are on the list. I guess these can't be called by name.
To call the remaining icons from icons.png, I will need to add it to the skin.png and use co-ordinates?
Maybe I confused myself by using the term "default icons". By default we mean the image designated in the skin header like this image="gfx-pro.png".
I put this (<customicons file="icons.png" nb="64" nbx="16"/>) in the header in addition to the above and it didn't seem to work. I'm assuming the customs should not be in the skin header but down in the script somewhere and at that point the custom icons will replace the ones designated in the header.
Can I make my own customicons file and if so how to connect the names to the co-ordinates?


The graphics for the custom icons can be in a separate filename.png file inside the skin zip, or inside the skin.png (if optional parameter file="" is not used)

By parameter file they mean this?
<customicons file="icons_daylight.png" nb="64" nbx="16" condition="var_equal '@$colorscheme' 2"/>

 

Posté Thu 09 Jan 20 @ 10:39 pm
it seems "file" being a child of customicons is recent addition
i.e.: in essentials.xml
<customicons file="icons_daylight.png" nb="64" nbx="16"/>
but there the first line of 16 is transparent... and 48 are folders
it looks like transparent icons are replaced with normal icons

Everywhere else they were added to skin.png and used like this :
<customicons x="0" y="1848" iconsize="64" nb="144" nbx="16" />
it may be possible to specify height and width, but they always are resized

Here is an icon set matrix with only hexcode giving the placement of corresponding icon

add the line
<customicons file="icons_Code.png" nb="144" nbx="16"/>
to your favourite skin
and the following image in its folder



you get icons & overlays replaced with their code : 1st digit being line& second digit being column

as you will see icons are sometimes combination of more than one shape
 

Posté Fri 10 Jan 20 @ 2:45 pm
Grok32Home userMember since 2019
Ok, Thanks Big. I think I have it functionally but conceptually I still have questions.

What is the purpose of (nb="64" nbx="16") if you can't call by row/column? (Maybe to set aside an area within VDJ memory?)

Why even have a customicons file? Why not just add everything into one big skin.png? (except sysicons)



 

Posté Fri 10 Jan 20 @ 5:55 pm
Grok32 wrote :
What is the purpose of (nb="64" nbx="16") if you can't call by row/column? (Maybe to set aside an area within VDJ memory?)

The purpose is to make VDJ able to understand how your matrix is organize
if it were full 144 icons 32x32pix 10 per line : (nb="144" nbx="10" iconsize="32")
Maybe 144 is not the ultime limite

Grok32 wrote :
Why even have a customicons file? Why not just add everything into one big skin.png? (except sysicons)


You can put everything in the skin.png
the customicons file is optional. The other hand, you may have as many as you want for different color schemes or layouts, only one loaded at a time
This also allow to modify icons set only, even using a new matrix, without the need of rethinking/reorganizing the whole skin.png
all 144 leading customicons ARE custom sysicons

Here is the list of known (by me, nothing official ) names and aliasses sorted by haxadecimal index
A lot are missing, maybe they are not already known or would not be usefull to name; some have 2 or 3 alternative names


#44 "search"
#45 "headphones"
#48 "arrowup" /></button>
#49 "arrowdown" /></button>
#4c "settings" /></button>
#4d "arrowleft" or "sampler_bank -1" or "sampler_mode -1"
#4e "arrowright" or "sampler_bank +1" or "sampler_mode +1"

#57 "browser_options 'le'"

#60 "add_favoritefolder"
#61 "add_virtualfolder"
#62 "add_filterfolder"
#63 "goto_last_folder"
#64 "grid_view"
#65 "show_splitpanel 'sideview'"
#66 "show_splitpanel 'info'"
#67 "show_splitpanel 'effects'"
#68 "view_options 'showmusic'"
#69 "view_options 'showvideo'"
#6a "view_options 'showkaraoke'"
#6b "font_size -"
#6c "font_size +" or "font_size 'big'"
#6d "effect_dock_gui"
#6e "effect_show_gui"
#6f "browser_zoom"

#76 "sideview 'remixes'"
#77 "sideview_triggerpad"
#78 "Automix"
#79 "Karaoke"
#7a "sampler_bank '"
#7c "sampler_mode"

#83 "chevronup"
#84 "chevrondown"
#85 "chevronleft"
#86 "chevronright"
#87 "minimize"
#8a "maximize"
#8b "close"
#8d "stop_button" or "stop"
#8e "play_button" or "play_pause"
#8f "play"



context_menu
effect_active
effect_button

are present in doc but don't seem to be recognized (anymore?) by VDJ, or syntax unknown
would be fine someone completed/fixed the list if possible
 

Posté Sat 11 Jan 20 @ 5:43 am
NicotuxHome userMember since 2014
#48 "arrowup"
#49 "arrowdown"
#4c "settings"

nothing to do here : " /></button>" !!!
 

Posté Sat 11 Jan 20 @ 6:09 am
Grok32Home userMember since 2019
Thanks Guys!
I've got it now. The list and the <customicons file="icons_Code.png" nb="144" nbx="16"/> are great tools.

Sorry to be so dense but I was suffering from some false assumptions...
 

Posté Sat 11 Jan 20 @ 1:16 pm
Grok32Home userMember since 2019
 

Posté Wed 29 Jan 20 @ 9:22 pm
NicotuxHome userMember since 2014
Updated version for current build
There are now at least 189 reserved icons
This gives the following set of possible values :
nb="189" nbx="63" (3 lines)
nb="189" nbx="27" (7 lines)
nb="189" nbx="21" (9 lines)
nb="189" nbx="9" (21 lines)
nb="189" nbx="7" (27 lines)
nb="189" nbx="3" (63 lines)

Already wrong and incomplete non official list
ID |  not accessible  |  sysicon usable name

#00 audio track
#01 video track
#02 karaoke track
#03 not analyzed
#04 played
#05 missing
#06 online video
#07 online audio
downloading ?
#09 edited
#0A new
#0B Online search
#0C Online cached
#0D Stems precomputed

#10 Desktop
#11 localmusic / HDD folder (unless system)
#12 Music folder
#13 video folder (unless system)
#14 sampler folder
#15 online music folder
#16 cloudlist
#17 history folder
#18 lists & advices folder
#19 geniusDJ folder live feedback
?
iTune ?
Shazam ?
#1D AskTheDJ folder
?
#1F playlists folder

#20 folder (fully qualified) / scratchbank(not if system)
#21 favourite folder
#22 virtual sub-folder (*.vdjsubfolder)
#23 filter folder "filters"
#24 filter auto folder (.vdjfiltersubfolder)
#25 playlist (m3u, m3u8, wpl)
#26 Samples pack folder
sample folder ?
#28 IDJPool folder
#29 Dijitrax
#2A VJ'Pro
net search ?
#2C Offline cacke folder
#2D Download queue
#2F History recent playlist

?
#31 VirtualDJ Radio
?
?
?
#35 local disk
CD

#37 Recording folder
sample pack ??
#39 Sample pack zipped
#3A SoundCloud
#3B Deezer
#3C Beatport Lind
#3D Beatsource Link
#3E TIDAL
#3f Filter folder (*.vdjfolder)

#40 folder can open
#41 folder is open
#42 effect_active off
#43 effect_active on
#44 "search"
#45 "headphones"
?
?
#48 "arrowup"
#49 "arrowdown"
folder add
mic
#4C "settings"
#4D "arrowleft" or "sampler_bank -1" or "sampler_mode -1"
#4E "arrowright" or "sampler_bank +1" or "sampler_mode +1"
?

50..53 various backgrounds
#54 options
#55 options over
knob
#57 "browser_options 'le'"
#58 compatible key
#5D CDJ export folder

#60 "add_favoritefolder"
#61 "add_virtualfolder"
#62 "add_filterfolder"
#63 "goto_last_folder"
#64 "grid_view"
#65 "show_splitpanel 'sideview'"
#66 "show_splitpanel 'info'"
#67 "show_splitpanel 'effects'"
#68 "view_options 'showmusic'"
#69 "view_options 'showvideo'"
#6A "view_options 'showkaraoke'"
#6B "font_size -"
#6C "font_size +" or "font_size 'big'"
#6D "effect_dock_gui"
#6E "effect_show_gui"
#6F "browser_zoom"

#70 "sideview 'automix' 'blink'" or "sideview 'automix'"
#71 "sideview 'sidelist'"
#72 "sideview 'sampler'"
#73 "sideview 'karaoke' 'blink'" or "sideview 'karaoke'"
#74 "sideview 'clone'"
#75 'sideview "' allow to use any of sideview
#76 "sideview 'remixes'"
#77 "sideview_triggerpad" or "quick_filter"
#78 "Automix"
#79 "Karaoke"
#7A "sampler_bank '"
#7B "sideview_triggerpad"
#7C "sampler_mode" (on off) or "load_next"
#7D "sampler_mode" sampler mode (hold)
#7E "sampler_mode" sampler mode (stutter)
#7F "sampler_mode" sampler mode (unmute)

#80 sample type note
#81 sample type repeat
#82 sample type
#83 "chevronup"
#84 "chevrondown"
#85 "chevronleft"
#86 "chevronright"
#87 "minimize"
?
?
#8a "maximize"
#8b "close"
pause_stop
#8D "stop_button" or "stop"
#8E "play_button" or "play_pause"
#8F "play"

...
#BC edit gear in sideview (any tab)
 

Posté Sat 25 Sep 21 @ 3:14 am