Abbiamo già incontrato il controllo InputPane, utilizzato per calcolare l'altezza della tastiera visualizzata sullo schermo e disegnare l'UI di conseguenza.
Oltre alla proprietà OccludedRect, la classe espone due comodissimi eventi, Hiding e Showing, che sono sollevati, rispettivamente, quando la tastiera viene nascosta o visualizzata.
Nell'esempio che segue, andiamo a verificare a che altezza si trova la tastiera, così da mostrare un eventuale FlyOut tenendo conto dell'offset.
int flyoutOffset = 0; InputPane inputPage = InputPane.GetForCurrentView(); inputPage.Showing += (s, args) => { flyoutOffset = (int)args.OccludedRect.Height; flyout.VerticalOffset -= flyoutOffset; }; inputPage.Hiding += (s, args) => { flyout.VerticalOffset += flyoutOffset; };
Una volta registrato l'event handler, possiamo controllare l'area di occlusione, impedendo che la tastiera non vada a coprire controlli che hanno il focus, o che vogliamo sempre visualizzare a video.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Creare form tipizzati con Angular
Utilizzare Tailwind CSS all'interno di React: primi componenti
Creare moduli CSS in React
Limitare le richieste lato server con l'interactive routing di Blazor 8
Gestire liste di tipi semplici con Entity Framework Core
Sfruttare i KeyedService in un'applicazione Blazor in .NET 8
Hosting di componenti WebAssembly in un'applicazione Blazor static
Sostituire la GitHub Action di login su private registry
Inizializzare i container in Azure Container Apps
Evitare (o ridurre) il repo-jacking sulle GitHub Actions
Usare il versioning con i controller di ASP.NET Core Web API
Generare file per il download da Blazor WebAssembly