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
Reactive form tipizzati con modellazione del FormBuilder in Angular
Usare un KeyedService di default in ASP.NET Core 8
Utilizzare il trigger SQL con le Azure Function
Usare le variabili per personalizzare gli stili CSS
Eseguire le GitHub Actions offline
Eseguire attività con Azure Container Jobs
Modificare i metadati nell'head dell'HTML di una Blazor Web App
Definire stili a livello di libreria in Angular
Gestire liste di tipi semplici con Entity Framework Core
Criptare la comunicazione con mTLS in Azure Container Apps
Usare lo spread operator con i collection initializer in C#
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI