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
Creare un indice su una colonna JSON in SQL Server
Ottimizzare i costi con Smart tier in Azure Blob Storage
Avviare rapidamente un container con Azure Container Apps Express
Impostare la content-visibility in CSS per ottimizare il rendering iniziale di una pagina
Utilizzare @property per animare nativamente un oggetto HTML tramite CSS
Centralizzare e governare MCP server e Skill con Azure API Center
Abilitare il rolling update su Azure Functions flex consumption
Creare popup e menu nativi in HTML con la Popover API
Creare una file based app con C#
Keynote .NET Conference Italia 2025
Semplificare la gestione dei modelli con Azure AI Foundry Model Router
Definire il colore di una scrollbar HTML tramite CSS


