Un tooltip è un elemento informativo contestuale che appare quando l'utente mantiene fermo il mouse su un oggetto. In Silverlight possiamo ottenere tale effetto grazie al controllo ToolTip ed alla classe statica ToolTipService.
Il suo utilizzo è molto semplice:
<Button Content="button1" Width="40" Height="20" ToolTipService.Placement="Mouse"> <ToolTipService.ToolTip> <TextBlock Text="descrizione del funzionamento del pulsante" /> </ToolTipService.ToolTip> </Button>
Nell'esempio avremo un tooltip con il testo descritto con l'oggetto TextBlock, questo accade anche senza una definizione esplicita del controllo ToolTip poichè, in fase di cambiamento dell'attached property ToolTip di ToolTipService, gli oggetti dichiarati vengono incapsulati automaticamente in un controllo ToolTip.
Qualora avessimo la necessità di applicare uno stile personalizzato a tutti i tooltip dell'applicazione, possiamo definire direttamente il controllo ToolTip ed associargli uno Style come facciamo per ogni altro controllo:
<Button Content="button2" Width="40" Height="20" ToolTipService.Placement="Mouse"> <ToolTipService.ToolTip> <ToolTip Style="{StaticResource ToolTipStyle1}"> <TextBlock Text="descrizione del funzionamento del pulsante2 " /> </ToolTip> </ToolTipService.ToolTip> </Button>
La classe ToolTipService dispone anche della proprietà Placement che ci permette di definire la posizione del tooltip rispetto all'oggetto che la espone rispettivamente con i valori Bottom, Top, Left, Right e Mouse, con quest'ultimo valore il tooltip appare sopra l'oggetto stesso, con l'angolo superiore sinistro in corrispondenza della posizione del mouse.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Change tracking e composition in Entity Framework
Code scanning e advanced security con Azure DevOps
Gestione dei nomi con le regole @layer in CSS
Triggerare una pipeline su un altro repository di Azure DevOps
Utilizzare database e servizi con gli add-on di Container App
Usare lo spread operator con i collection initializer in C#
Utilizzare Tailwind CSS all'interno di React: installazione
Hosting di componenti WebAssembly in un'applicazione Blazor static
Potenziare Azure AI Search con la ricerca vettoriale
Creare una libreria CSS universale: i bottoni
Utilizzare il metodo CountBy di LINQ per semplificare raggruppamenti e i conteggi
Utilizzare QuickGrid di Blazor con Entity Framework