Inserimento icone nel menu principale 
Author: Paolo S.
Visited 3322,
Followers 1,
Shared 0
Ciao a tutti! Se possibile volevo conoscere con quale logica il motore di Evo colloca i file ( png, jpeg..) di fianco alla voce dell menù nella sezione "creazione mappa -> proprietà di pagina -> grafica. In altre parole volevo capire come realizzare l'allineamento orizzontale tra icona e testo della voce di menù. Grazie!
Posted on the
Ciao Paolo,
nel tuo menù tutte le immagini vengono posizionate alla stessa maniera, probabilmente sono le immagini che sono diverse ovvero qualcuna ha un bordo trasparente altre no e quindi può sembrare che siano posizionate diversamente.
Per posizionarle correttamente dovresti modificarle con un programma di disogno così da controllare che abbiano tutto gli stessi bordi e poi inserirle.
Tieni presente anche che le immagini vengono inserite dietro al testo, quindi se hai una voce del menù lunga devi aumentare la dimensione dei pulsanti in modo che non venga nascosta dalla scritta.
... più o meno quello che ti è stato detto da "Riccardo", ... in pratica le immagini PNG devono avere una cornice pari in altezza a quella dell'oggetto grafico del pulsante, e guindi l'immagine posizionata verticalmente in base all'allineamento finale rispetto al testo...
... per capire quale è l'altezza esatta basta vedere la proprietà del file grafico di un qualsiasi pulsante, per esempio di questo è 21 pixel:
...che puoi controllare col destro del mouse sull'immagine presa qui: http://www.zspace.it/kolasim/wsx5_v8/memoriamenu4/images/immnu_01b.gif
.
bye, KolAsim
Author
Riccardo e KolAsim,
vi ringrazio innanzitutto delle precisazioni.
In realtà i png delle icone sono tutti file da me creati con sfondo trasparente e medesime dimensioni 60x69px, con la parte visibile sempre posizionata alla base dell'immagine ( vedi allegato "icona cucina.png" e "files utilizzati")
Lo spazio menu è impostato a 70 px mentre lo sfondo grafico dei tasti menù, nella duplice versione con e senza passaggio maouse sono entrambi due png con trasparenza anch'essi alti 69 px ( ma questi ultimi non influiscono sull'allineamento tra gli elementi in questione - testo e icona).
Ad occhio direi che Evo mi allinea verticalmente la base delle icone png all'asse orizzontale del testo della voce di menu (vedi allegato "allineamento testo icone allegato 2"), operando un ridimensionamento di circa il 50% del file originale....
Esiste forse un controllo di tale parmetro che colpevolmente non cososco?
Grazie ancora,
Paolo
... non ho la V.9, ...cedo il passo a chi può verificare...
... però ho visto che le icone sono allineate in basso, e farei una prova per come avevo suggerito prima, cioè la cornice delle PNG deve essere uguale a quella dei pulsanti, almeno in verticale, ovviamente centrando verticalmente l'icona stessa; ...per rilevare l'altezza corretta basta editare con il programma di grafica un file grafico di un qualsiasi pulsante...
... in questo modo si otterrebbe l'allineamento centrale verticalmente della icona rispetto al pulsante, e dal risultato ottenuto apporre eventuali correzioni di posizionamento da poi adottare per tutte le icone...
.
bye, KolAsim
Author
...KolAsim,
Effettivamente questa finzionalità non è presente nell versione 8 mentre con la versione 9 vi è la possibilità di inserire un' icona-menu per la singola pagine (schermata allegata) che pero' non lascia apparentemete opzioni di controllo su di essa.
Se la parte visibile della mia icona png non fosse allineata alla base della cornice tutta l'icona finirebbe ancura più in alto rispetto al testo ( vedi allegato).
Po,i per mia ignoranza, non ho capito a quale altro parametro deve essere uguale l'altezza della mia icona png ( l'altezza della barra menu è 70px e le mie icone sono alte 69px) dove altro si setta l'altezza del pulsante?
La stranezza oltre al posizionmento verticale è che le iconePNG vengono ridimensionate da EVO.
+grazie
Paolo
ho provato con la tua icona e in effetti succede quello che dici tu,
ho provato con altre icone e vengono posizionate correttamente, a sinistra centrate in altezza e con la loro dimensione.
... x Paolo S., ...purtroppo non ho la v.9 per verificare, ma con la v.8 non ebbi mai problemi...
... comunque, prova a scaricare queste modifiche di una tua icona, per provare il loro comportamento nel programma:
http://www.zspace.it/kolasim/img/icona_cucina_k.png
http://www.zspace.it/kolasim/img/icona_cucina_k2.png
... sono state ritagliate, per cui centrate nella loro cornice, eliminando lo spazio vuoto in alto, e la prima è stata rimpicciolita del 60%...
... sarei curioso anche io del risultato...
.
bye, KolAsim
Author
ok...ecco le prove con le png modificate da Kilasim..
la prima da sinistra è l'originale, le seconda e la terza sono quelle modificateda KolAsim.
il risultato non cambia.
Ho provato allora a salvare il file con altro programma grafico e l'icona ha inizato a comportarsi esattemente come dovrebbe e come rilevavano fin dall'inizio Riccardo e KolAsim, cioe senza ridimensionamenti autonomi o allineamenti parziali.
Nel mio caso con una barra del manu da 70px di altezza ho inserito il file png con altezza congrua (69 px) e la parte visibile centrata nella cornice dell'immagine.
Quale si la diffrenza di formato tra i due software non lo so: entrambe sono con trasparenza su canale alfa 24 bit.
Grazie!
... quella piccola in CAMERE sembra (!) posizionata al centro, direi corretta; ...quella posizionata in NATURA invece NO...
...
... potresti allegare proprio il file grafico di un pulsante, prelevato dalla cartella MENU del progetto...? ...così per vedere come viene fuori in realtà...?
.
bye, KolAsim
Author
sembra corrreta in quanto più piccola e quindi appare allontanarsi di meno dal punto in cui Evo la colloca, ovvero lungo l'asse orizzontale del testo.
Allego i tasti menù generati da Evo.
Probabilmente adesso riscontrerai anche tu che evo gli ha pure cambiato dimensione riducendola del 50%
nel primo(cucina), finalmente corretto, si vede il risultato con il file originario salvato con altro software, in camera e natura i tasti con i .png K e K2.
Il problema viene quindi risolto salvando con un differente editor grafico.
Sicuramente la spegazione tecnica c'è..ma al momento non la vedo...!
ciao!
Paolo
... questo è l'allineamento rispetto alla mezzeria, che evidentemente viene fatto dal programma centrando con ancoraggio Basso/sinistra:
... per cui, sapendolo, ma adesso!, lo troverei anche logico...
... adesso prova con questa immagine che segue, che poi realizzerai meglio con il tuo programma di grafica: http://www.zspace.it/kolasim/img/iconacucina.png ...e che poi è questa stessa
... che è centrata nella sua cornice di altezza uguale a quella reale del pulsante, 74 pixel, e dovrebbe sistemarsi in modo centrato rispetto alla mezzeria...
.
bye, KolAsim