Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Visualizzazione uPanel
#1
Buongiorno,
per l'applicazione che sto cercando di mettere in piedi (una scoreboard per la squadra di calcetto di mio figlio) ho definito alcuni pannelli con il simulatore online. Quando li visualizzo sull'iPad (ho provato solo con iPad e iPad mini ma mi riprometto di provare anche con uno smartphone android) si notano un certo numero di differenze estetiche rispetto a quanto visibile sul simulatore. In particolare alcuni pulsanti non prendono il colore impostato ma prendono quello di sfondo, il testo all'interno dei pulsanti non rimane centrato ed eccede la dimensione del pulsante stesso. Magari lavorandoci un po' sopra si riesce a risolvere il tutto ma volevo sapere se qualcuno ha riscontrato le stesse problematiche (magari è solo un problema di IOS).
Se servono per effettuare qualche prova metto di seguito un paio di schermate. Nella prima i pulsanti prendono il colore di sfondo invece del grigio, nella seconda il testo all'interno dei pulsanti va per conto proprio.

D!F90;/{{-r30^*30%80,90!F70,F40{ht2,000,1*16T:Atletico S. Anna;_*5T:Calcio a 5;}}_{^*10%80,40/10{*25B2r80:INIZIO PARTITA;}_{/10*15B4r80:SETUP;}}}


D!F90;{^{-r30!228,114%90{{*13{B5%40,10r80!FFF:CASA +;_B6%40,10r80!FFF:CASA -;}|{B7%40,10r80!FFF:OSPITI +;_B8%40,10r80!FFF:OSPITI -;}}_{*10{-r30!228,114{LI5:0;&L15:0;&L25:0;}}|{&&}|{-r30!228,114{LJ5:0;&L35:0;&L45:0;}}}}}_{-r30!228,114%90{{*13{B9%26,10r80!FFF:CRONO;|L9G:0;}|{LAG:0;|BA%26,10r80!FFF:T.OUT;}}_{^*10{-r30!228,114{L55:0;&L65:0;}}|{&&}|{-r30!228,114{L75:0;&L85:0;}}}}}_{-r30!228,114%90{*13{BB%26,10r80!FFF:SUPPL.;|LBG:0;}|{LCG:0;|BC%26,10r80!FFF:RIGORI;}}}_{-r30!228,114%90{*13{B3%40,10r80!FFF:TEMPO;}|{B3%40,10r80!FFFBig GrinISPLAY;}}}_{*20{BH%40,15r80!FFF:EXIT;}}}
Reply
#2
Ciao,
nella prima schermata non specifichi nessuno stile "colore di sfondo" per i pulsanti, per questo ti escono trasparenti. Prova la seguente (ho inserito "!CCC", puoi cambiarlo a piacimento)


D!F90;/{{-r30^*30%80,90!F70,F40{ht2,000,1*16T:Atletico S. Anna;_*5T:Calcio a 5;}}_{^%80,40/10{*25B2r80!CCC:INIZIO PARTITA;}_{/10*15B4r80!CCC:SETUP;}}}


Nella seconda schermata, ho aggiunto lo stile "^" all'interno dei container "{}" che contengono i pulsanti. Prova a vedere:


D!F90;{^{-r30!228,114%90{{*13^{B5%40,10r80!FFF:CASA +;_B6%40,10r80!FFF:CASA -;}|{^B7%40,10r80!FFF:OSPITI +;_B8%40,10r80!FFF:OSPITI -;}}_{*10{-r30!228,114{LI5:0;&L15:0;&L25:0;}}|{&&}|{-r30!228,114{LJ5:0;&L35:0;&L45:0;}}}}}_{-r30!228,114%90{{*13{^B9%26,10r80!FFF:CRONO;|L9G:0;}|{LAG:0;|BA%26,10r80!FFF:T.OUT;}}_{^*10{-r30!228,114{L55:0;&L65:0;}}|{&&}|{-r30!228,114{L75:0;&L85:0;}}}}}_{-r30!228,114%90{*13{^BB%26,10r80!FFF:SUPPL.;|LBG:0;}|{LCG:0;|BC%26,10r80!FFF:RIGORI;}}}_{-r30!228,114%90{*13{^B3%40,10r80!FFF:TEMPO;}|{B3%40,10r80!FFFBig GrinISPLAY;}}}_{*20{^BH%40,15r80!FFF:EXIT;}}}


In caso riduci un pochino le dimensioni del testo (specificando lo stile *) e magari in grassetto (usando lo stile "f" seguito dall'opzione "b"). Esempio: Tfb*20:ciao;
Reply
#3
(01-28-2016, 07:23 PM)Technomaker Wrote: Ciao,
nella prima schermata non specifichi nessuno stile "colore di sfondo" per i pulsanti, per questo ti escono trasparenti. Prova la seguente (ho inserito "!CCC", puoi cambiarlo a piacimento)


D!F90;/{{-r30^*30%80,90!F70,F40{ht2,000,1*16T:Atletico S. Anna;_*5T:Calcio a 5;}}_{^%80,40/10{*25B2r80!CCC:INIZIO PARTITA;}_{/10*15B4r80!CCC:SETUP;}}}


Nella seconda schermata, ho aggiunto lo stile "^" all'interno dei container "{}" che contengono i pulsanti. Prova a vedere:


D!F90;{^{-r30!228,114%90{{*13^{B5%40,10r80!FFF:CASA +;_B6%40,10r80!FFF:CASA -;}|{^B7%40,10r80!FFF:OSPITI +;_B8%40,10r80!FFF:OSPITI -;}}_{*10{-r30!228,114{LI5:0;&L15:0;&L25:0;}}|{&&}|{-r30!228,114{LJ5:0;&L35:0;&L45:0;}}}}}_{-r30!228,114%90{{*13{^B9%26,10r80!FFF:CRONO;|L9G:0;}|{LAG:0;|BA%26,10r80!FFF:T.OUT;}}_{^*10{-r30!228,114{L55:0;&L65:0;}}|{&&}|{-r30!228,114{L75:0;&L85:0;}}}}}_{-r30!228,114%90{*13{^BB%26,10r80!FFF:SUPPL.;|LBG:0;}|{LCG:0;|BC%26,10r80!FFF:RIGORI;}}}_{-r30!228,114%90{*13{^B3%40,10r80!FFF:TEMPO;}|{B3%40,10r80!FFFBig GrinISPLAY;}}}_{*20{^BH%40,15r80!FFF:EXIT;}}}


In caso riduci un pochino le dimensioni del testo (specificando lo stile *) e magari in grassetto (usando lo stile "f" seguito dall'opzione "b"). Esempio: Tfb*20:ciao;

Grazie mille, con i suggerimenti e il grassetto sono perfette (ho apportato le stesse modifiche anche alle  altre schermate e sono perfette anche loro).
Chiedo scusa ma è la prima volta che utilizzo il modulo wi fi e il simulatore di pannello.

Buona serata
Reply
#4
è possibile sapere se l'app attualmente connessa è installata su un tablet o su uno smarphone ?
provando il simulatore ho visto che sul tablet si hanno i caratteri più grandi, sapendo invece che display si sta utilizzando
in alcuni casi si potrebbe cambiare la formattazione della pagina

grazie
Reply
#5
Si, c'è un apposito comando (che documenteremo nella prossima release) con il quale è possibile chiedere che tipo di dispositivo mobile è connesso al modulo e che tipo di orientamento ha il display.
Reply
#6
(03-04-2016, 01:20 PM)Lorix Wrote: è possibile sapere se l'app attualmente connessa è installata su un tablet o su uno smarphone ?
provando il simulatore ho visto che sul tablet si hanno i caratteri più grandi, sapendo invece che display si sta utilizzando
in alcuni casi si potrebbe cambiare la formattazione della pagina

grazie


Al momento è comunque possibile usare il seguente comando per ottenere la risoluzione del display (da cui si può determinare l'orientamento):

 
[size=small]S:_dr(1);

La risposta inviata al microcontrollore è del tipo:

#:DIR:x y

dove x e y rappresentano larghezza e altezza del display in pixel.

Ad esempio, se viene aggiunto alla definizione del pannello in HCTML il seguente comando:

C3:S:_dr(1);;

La dimensione del display verrà automaticamente inviata al microcontrollore tutte le volte che un dispositivo si collega a miuPanel.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)