Italian Centraggio Panel in una CustomListView

Fulvio75

Well-Known Member
Licensed User
Ciao a tutti, sto lottando con una CustomListView ovvero ho un Layout personalizzato da inserire nella clv che da designer risulta tutto centrato anche i campi interni.
Quando eseguo l'app e visualizzo la clv questo risulta spostato e i campi non leggibili, come si centra il tutto nella clv? deve avere delle dimensioni specifiche?
 

Sagenut

Expert
Licensed User
Longtime User
Nel layout del tuo item disabilita
Autoscale All
nello script.
Devi commentarlo mettendo un '.
Altrimenti se l'item ha una dimensione fissa imposta il panel della clv alla stessa dimensione.
 

Fulvio75

Well-Known Member
Licensed User
Nel layout del tuo item disabilita
Autoscale All
nello script.
Devi commentarlo mettendo un '.
Altrimenti se l'item ha una dimensione fissa imposta il panel della clv alla stessa dimensione.
Ok provo,
nella progettazione dell'item nel designer utilizzo la variante 320*120, dentro a questa ho il Panel centrato che contiene i 4 campi da visualizzare e il Panel è più piccolo della variante in modo da lasciare dei margini.
Il Panel ha gli ancoraggi standard top e left in modo da centrarlo mentre i campi label interni sono adattivi al panel è corretto?
 

Sagenut

Expert
Licensed User
Longtime User
Quando crei il panel che poi ospiterà il tuo layout che dimensione gli dai?
Prova a dargli 120dip di altezza.
Il panel del tuo layout poi credo debba avere l'ancoraggio sinistra-destra.
Spesso mi incasino anche io.
Dovrei fare una prova ma ora non riesco.
 

LucaMs

Expert
Licensed User
Longtime User
Ok provo,
nella progettazione dell'item nel designer utilizzo la variante 320*120, dentro a questa ho il Panel centrato che contiene i 4 campi da visualizzare e il Panel è più piccolo della variante in modo da lasciare dei margini.
Il Panel ha gli ancoraggi standard top e left in modo da centrarlo mentre i campi label interni sono adattivi al panel è corretto?
Il panel di base che hai nel layout dell'item non è indispensabile - ma ovviamente non dà alcun problema.
Se deve occupare tutto lo spazio dell'item (o quasi), dovresti ancorare anche top e bottom, non solo left e right.

I 4 "campi" (view)... in fila? Su due righe? Questo non lo hai detto.
 

Sagenut

Expert
Licensed User
Longtime User
Ti metto un piccolo esempio se può aiutarti.
Supponendo di avere un item di altezza sempre uguale.
Se gli item fossero diversi/dinamici allora si dovrebbe calcolare l'altezza ogni volta.

*** EDIT ***
Ho sostituito l'esempio perchè non avevo lasciato lo spazio sui bordi come da te indicato nel primo post.
 

Attachments

  • CLVExample.zip
    15.4 KB · Views: 33
Last edited:

Fulvio75

Well-Known Member
Licensed User
Il panel di base che hai nel layout dell'item non è indispensabile - ma ovviamente non dà alcun problema.
Se deve occupare tutto lo spazio dell'item (o quasi), dovresti ancorare anche top e bottom, non solo left e right.

I 4 "campi" (view)... in fila? Su due righe? Questo non lo hai detto.
Uno in alto che tiene tutta la larghezza del panel e gli altri tre sotto in fila
 

LucaMs

Expert
Licensed User
Longtime User
Uno in alto che tiene tutta la larghezza del panel e gli altri tre sotto in fila
Ok, ma non sappiamo che larghezza dovrebbero avere le tre view. Una cosa importante da tenere a mente, una regola non scritta, è che in una "riga" o "colonna" di view, una sola può essere ancorata su entrambi i lati (left-right se riga, top-bottom se colonna); non che il Designer te lo impedisca, ma perché non si ottiene il risultato voluto.

Quindi, non sappiamo come le vorresti.
Potresti volere le due esterne ancorate ai bordi laterali e la centrale ancorata su entrambi i lati, ovvero affinché occupi tutto lo spazio disponibile.
Oppure che sia una delle due esterne ad avere larghezza "dinamica" (come appena detto per la centrale).
"Check Anchors" può essere d'aiuto, a volte.

Primo caso: centrale ancorata su entrambi i lati (i punti bianchi).
1702520721391.png

Se il display fosse più largo, la situazione diventerebbe:
1702520930601.png

ovvero i due laterali stessa larghezza, centrale larghezza "dinamica".


Con, invece, il tasto destro ancorato su entrambi i lati:
1702521073674.png

Su dispositivo più largo diventerebbe:
1702521154823.png

In modo analogo se ad essere "doppiamente ancorato" fosse Button1.


"Doppiamente ancorati" 2 e 3. Il "Check Anchors" evidenzia l'errore:
1702521272629.png

e su dispositivo più largo:
1702521316355.png

sovrapposizione = disastro.

Con nessuno dei 3 "doppiamente ancorato", su dispositivo più largo spazio vuoto:
1702521560436.png


Se vuoi mantenere le proporzioni tra i tasti, probabilmente dovresti ancorare 1 a sx, 3 a dx e nello script:
Button2.HorizontalCenter = 50%x
1702522079919.png

1702521715136.png
 
Last edited:

Fulvio75

Well-Known Member
Licensed User
Ti metto un piccolo esempio se può aiutarti.
Supponendo di avere un item di altezza sempre uguale.
Se gli item fossero diversi/dinamici allora si dovrebbe calcolare l'altezza ogni volta.

*** EDIT ***
Ho sostituito l'esempio perchè non avevo lasciato lo spazio sui bordi come da te indicato nel primo post.
OK... togliendo AutoScaleAll è allineato.
però ho dovuto fare la variante 1080 di larghezza perchè con la più piccola risultava non centrato, quindi per ogni telefono dovrei fare una variante diversa?

il mio cell è 1080*2210 scala 2.75 e va bene con questa variante ma se cambio telefono sormonta tutto va fuori layout questo con tutti i controlli bottoni,clv,label ecc.ecc.
 

Sagenut

Expert
Licensed User
Longtime User
Con il mio esempio ti risulta centrata?
Ancorando il panel dovrebbe adattarsi da solo.
 

LucaMs

Expert
Licensed User
Longtime User
Non puoi allegare il tuo layout? Magari cambia nome alle view, se non vuoi far capire...

Usa:

1702550570217.png


per vedere subito come, più o meno, si potrà vedere su altri dispositivi.


[Hai, per caso, dato un'occhiata a quanto ho faticosamente 😄scritto qui?]
 
Last edited:

Fulvio75

Well-Known Member
Licensed User
Non puoi allegare il tuo layout? Magari cambia nome alle view, se non vuoi far capire...

Usa:

View attachment 148681

per vedere subito come, più o meno, si potrà vedere su altri dispositivi.


[Hai, per caso, dato un'occhiata a quanto ho faticosamente 😄scritto qui?]
Stranoooooo...... Non mi hai risposto che con le Pages il problema si risolveva subito 🤣 🤣 🤣 🤣 🤣 🤣 🤣 🤣 🤣 🤣 🤣 🤣
 

Sagenut

Expert
Licensed User
Longtime User
Top