Italian Disposizione grafica in 5 button

ken87

Active Member
Licensed User
Longtime User
Dovrei disporre 5 buttom a forma di cerchio 2 a sinistra 2 a destra e uno centrale tipo questo menu trovato in questo
forum
Con la differenza che le mie icone sono tutte sferiche .
Quella centrale pensavo al logo
le altre casetta freccia a sinistra
freccia refresh e social destra

che valori devo dare ai panelli contenitori e ai tasti in modo che funzioni bene in tutte le risoluzioni

In teoria posizione 0 = prima icona
posizione 25= seconda icona
50 = sfera centrale
75 = terza icona
100 = 4 quarta

Ho tentato in passato di dividere lo spazio in più di due parti ma senza successo

Quelle laterali devono essere più piccole di quella centrale va bene anche la disposizione del menu presente in questo forum.
Non ho avuto modo di vedere se i file bal dell'esempio riporta la disposizione grafica.
Non sono interessato a nessun effetto ma solamente a sistemare le 5 icone sferiche con spaziatura che funzioni bene sia nel tablet che telefono.
Se faccio un app con unity ho tanti strumenti di ancoraggio ma con b4a ci sono solo quelli di base e ogni volta che devo sistemare interfaccia grafica ho difficoltà .
Potete aiutarmi con qualche esempio , mi serve giusto una barra menu in alto.
Anche una cosa tipo le foto allegato va benissimo.
Grazie mille
 

Attachments

  • menu.png
    menu.png
    36.6 KB · Views: 29
  • modiifca.png
    modiifca.png
    36 KB · Views: 31

LucaMs

Expert
Licensed User
Longtime User
Scrivi questo nello script del layout.
B4X:
SommaLarghezze = ImageView1.Width * 4 + ImageView3.Width
Distanza = (100%x - SommaLarghezze) / 6
ImageView1.Left = Distanza
ImageView2.Left = ImageView1.Right + Distanza
ImageView3.Left = ImageView2.Right + Distanza
ImageView4.Left = ImageView3.Right + Distanza
ImageView5.Left = ImageView4.Right + Distanza

ImageView3 è la centrale, più grande.
 

ken87

Active Member
Licensed User
Longtime User
Grazie bellino.
Puoi includere il file bal di esempio?
Grazie mille
 

LucaMs

Expert
Licensed User
Longtime User
Grazie bellino.
Puoi includere il file bal di esempio?
Grazie mille
Avrai capito che quello è B4J (per poter fare la gif animata).

Il file non ha altro che le 5 ImageView e quello script.
 

Attachments

  • Menu.zip
    12.6 KB · Views: 27

ken87

Active Member
Licensed User
Longtime User
Animazione non importa . Mi era utile mettere le icone grazie mille.
Il file essendo in bil lo apro con b4i poi copio il contenuto in un form b4a giusto?
 

LucaMs

Expert
Licensed User
Longtime User
Animazione non importa
"Importava" a me per pubblicarla.

Il file essendo in bil lo apro con b4i poi copio il contenuto in un form b4a giusto?
Ma è così semplice! Non devi fare altro che creare un layout nel designer di B4A, metterci 5 ImageView e incollare lo script pubblicato in #2, tutto qua.
Ovviamente nelle ImageView caricherai i file immagine che ti servono.
 

LucaMs

Expert
Licensed User
Longtime User
Animazione non importa . Mi era utile mettere le icone grazie mille.
Il file essendo in bil lo apro con b4i poi copio il contenuto in un form b4a giusto?
 

Attachments

  • Menu.zip
    45.2 KB · Views: 25
Top