Freigeben über


Astuce Silverlight : comment créer un lien Hypertexte (Hyperlink) ? - #S006

image image

Les contrôles Hyperlink sont sous forme graphique ou de chaîne de caractères qui permettent de rediriger le visiteur vers un autre site Web lorsqu’il clique dessus. Généralement, il y a quelques mots qui sont identifiés par un couleur bleu et soulignés. Voici un exemple de lien Hyperlink :

Click Me

En Silverlight, les contrôles Hyperlink peuvent être créés avec un contrôle HyperlinkButton.

Voici un exemple de comment déclarer un contrôle HyperlinkButton en XAML:

<HyperlinkButton Content="Click Me" NavigateUri="https://www.silverlight.net">
</HyperlinkButton>

Deux remarques :

  1. Content représente ce qui est affiché à l’utilisateur.
  2. NavigateUri est la destination vers laquelle l’utilisateur sera redirigé lorsqu’il cliquera sur le lien.

Lorsque vous lancez votre application, vous pouvez voir :

image

Vous pouvez cibler le lien pour qu’il s’ouvre dans une nouvelle page ou dans la même page en définissant la propriété TargetName.

  1. TargetName = _blank, _media, _search = Ouvre le lien dans une nouvelle fenêtre.
  2. TargetName = _parent, _self, _top, “” = Ouvre le lien dans la fenêtre dans laquelle le lien a été cliqué.

Exemple d’ouverture dans une nouvelle page :

<HyperlinkButton Content="Click Me" TargetName="_blank" NavigateUri="https://www.silverlight.net">
</HyperlinkButton>

Ouverture dans la même page :

<HyperlinkButton Content="Click Me" TargetName="_self" NavigateUri="https://www.silverlight.net">
</HyperlinkButton>

En outre, le contrôle Hyperlink n'a pas à être uniquement représenté par un texte. Vous pouvez utiliser tout contrôle comme, Image, etc. en définissant HyperlinkButton.Content. Par exemple :

<HyperlinkButton NavigateUri="https://www.silverlight.net">
    <HyperlinkButton.Content>
        <Canvas>
            <Rectangle Width="100" Height="100" Fill="Black" Stroke="Blue" StrokeThickness="2" ></Rectangle>
            <TextBlock Canvas.Top="40" Canvas.Left="25">Click Me</TextBlock>
        </Canvas>
    </HyperlinkButton.Content>
</HyperlinkButton>

Comme indiqué lors de l'exécution :

image

Syndication : Mike Snow’s Weblog
Traduction autorisée par Mike Snow.