Correzioni alla UI dopo la verifica sul terminale
Prime correzioni fatte guardando l'app su un Honeywell EDA52 (720x1440 @320dpi, cioe' 360 punti logici di larghezza) invece che a occhio. - Barra di stato: era tinta di corallo da colorPrimaryDark, cioe' l'accento usato come decorazione della cornice di sistema. Ora si fonde con lo sfondo dell'app, con icone scure (WindowInsetsController). - Gradino compatto sotto i 380px: la scala di STILE_UI e' tarata su telefoni piu' larghi, e a misura piena i titoli si troncavano e in una schermata entrava pochissimo lavoro. Le proporzioni restano, cambia la taglia. Sui telefoni normali non cambia nulla. - Icone delle azioni costruttive: usavano il fondo del tono danger, quindi "Nuova scheda" e "Aggiungi una foto" erano identiche a "Elimina ispezione". Ora usano il tono info. Un --primary-surface non risolveva: il primario di SteUP e' gia' un rosso, quindi un suo fondo tenue resta indistinguibile da quello danger. - Testata: il titolo puo' andare su due righe prima di troncare. Il nome del punto vendita e' l'ancora del compito, "D11-PRIMO PREZ..." non aiuta. - Schermata ispezione: il nome del punto vendita non e' piu' ripetuto nel pannello di riepilogo, dove era gia' in testata. - Padding dei gruppi di form e della barra azioni ridotti su schermo stretto. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -20,6 +20,8 @@ namespace SteUp.Maui
|
||||
{
|
||||
base.OnCreate(savedInstanceState);
|
||||
|
||||
ApplySystemBarsAppearance();
|
||||
|
||||
// Da Android 15 (API 35) il edge-to-edge e' forzato e adjustResize non ridimensiona
|
||||
// piu' la finestra: la tastiera si limita a coprire la WebView. Riduciamo noi il
|
||||
// content view dell'altezza dell'IME cosi' il layout Blazor (100vh) si ricalcola.
|
||||
@@ -27,6 +29,21 @@ namespace SteUp.Maui
|
||||
ViewCompat.SetOnApplyWindowInsetsListener(content, new ImeInsetsListener());
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// Le barre di sistema si fondono con lo sfondo chiaro dell'app: icone
|
||||
/// scure su fondo chiaro. Senza questo la barra di stato resta tinta
|
||||
/// dell'accento, che nel sistema di design indica l'azione, non la
|
||||
/// cornice.
|
||||
/// </summary>
|
||||
private void ApplySystemBarsAppearance()
|
||||
{
|
||||
if (Window is null) return;
|
||||
|
||||
var controller = WindowCompat.GetInsetsController(Window, Window.DecorView);
|
||||
controller.AppearanceLightStatusBars = true;
|
||||
controller.AppearanceLightNavigationBars = true;
|
||||
}
|
||||
|
||||
public override void OnBackPressed()
|
||||
{
|
||||
// Se la UI Blazor ha un form aperto se ne occupa lei (propone il salvataggio
|
||||
|
||||
Reference in New Issue
Block a user