Comment faire un lien hypertexte simple en XAML?

Vous ne pouvez pas ajouter un lien hypertexte à un StackPanel - vous obtiendrez une erreur d'exécution. (En fait, je suis un peu surpris que ce ne soit pas une erreur de compilation.) C'est parce que L'hyperlien ne vit pas dans le côté "contrôles" de WPF avec <Button> et <StackPanel> et d'autres choses qui sont disposées sur des morceaux rectangulaires d'écran et descendent de UIElement. Au lieu de cela, il vit dans le côté" texte " des choses, avec <Bold> et <Run> et <Paragraph> et d'autres choses généralement textuelles qui enveloppent et coulent dans les lignes et les paragraphes et descendent de TextElement.

Une fois que vous réalisez qu'il existe deux hiérarchies de classes distinctes avec des comportements de mise en page différents, il est logique que le lien hypertexte soit du côté "texte" des choses (il est facile, par exemple, d'avoir un paragraphe avec un lien hypertexte au milieu, et même pour que ce lien s'enroule sur un saut de ligne).

Mais non, ce n'est pas si découvrable quand vous démarrez.

Pour mélanger les deux mondes, et utiliser un lien hypertexte comme contrôle, tout ce que vous devez faire est de le mettre dans un TextBlock. TextBlock est une chose control-ish (c.-à-d., peut aller dans un StackPanel) qui contient des choses text-ish (c.-à-d., peut contenir un lien hypertexte):

<TextBlock><Hyperlink Click="buttonClose_Click">Close</Hyperlink></TextBlock>

Essayez ceci:

<TextBlock>
    <Hyperlink RequestNavigate="Hyperlink_RequestNavigate" 
               NavigateUri="http://www.msn.com">MSN</Hyperlink> 
</TextBlock>

private void Hyperlink_RequestNavigate(object sender,
                                       System.Windows.Navigation.RequestNavigateEventArgs e)
{
    System.Diagnostics.Process.Start("http://www.msn.com");
}

Vous pouvez constater que si vous liez à autre chose que de simples valeurs de texte, vous devrez utiliser ContentPresenter sinon rien n'apparaîtra, cela pourrait être vrai si vous liez à une source de données XML.

Un déclencheur de propriété pour IsMouseOver donne au texte un soulignement.

Un exemple où je suis lié au XML est présenté ci-dessous.

<Style x:Key="JobNumberStyleButton" TargetType="{x:Type Button}">
  <Setter Property="VerticalAlignment" Value="Top"/>
  <Setter Property="HorizontalAlignment" Value="Left"/>
  <Setter Property="Cursor" Value="Hand"/>
  <Setter Property="Background" Value="Transparent"/>
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="Button">
        <TextBlock>
          <ContentPresenter
            Margin="0,0,0,0"
            ContentTemplate="{TemplateBinding ContentTemplate}"
            Content="{TemplateBinding Content}"
            ContentStringFormat="{TemplateBinding ContentStringFormat}"
            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
            RecognizesAccessKey="False"
            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
        </TextBlock>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
  <Style.Triggers>
    <Trigger Property="IsMouseOver" Value="True">
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="Button">
            <TextBlock Padding="0,0,0,0" Margin="0,0,0,0">
              <Underline>
                <ContentPresenter
                  Margin="0,0,0,0"
                  ContentTemplate="{TemplateBinding ContentTemplate}"
                  Content="{TemplateBinding Content}"
                  ContentStringFormat="{TemplateBinding ContentStringFormat}"
                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                  RecognizesAccessKey="False"
                  SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
              </Underline>
            </TextBlock>
          </ControlTemplate>
        </Setter.Value>
      </Setter>
    </Trigger>
  </Style.Triggers>
</Style>

<TextBlock>
  <Hyperlink NavigateUri="{Binding YourUri}" RequestNavigate="YourRequestNavigate">
   <TextBlock Text="{Binding YourText}" />
  </Hyperlink>
</TextBlock>

Cela liera tout texte lié dans le textblock imbriqué, Je n'ai pas encore trouvé de meilleur moyen, je voudrais que le premier textblock ne soit pas là si possible. Cela fonctionnera aussi pour DataTemplates.

, Vous pouvez simplement utiliser HyperlinkButton. Lorsque vous cliquez dessus, L'URL s'affiche dans votre navigateur web:

<HyperlinkButton
    NavigateUri="https://dev.windowsphone.com"
    TargetName="_blank"
    Content="Windows Phone Dev Center" />

Habituellement, la signification d'un lien hypertexte est de donner une ancre pour envoyer l'utilisateur à une autre Page ou en général à une autre ressource, donc il est implémenté de telle manière et vous devez spécifier l'emplacement de cette ressource comme ceci:

<HyperLink NavigateUri="http://www.site.com">
   Web Site
</HyperLink>

Cependant, j'ai trouvé ce blog poster avec un TextBlock personnalisé qui est utilisé comme un lien hypertexte et prend en charge les événements de clic.

En UWP avec mvvmcross j'utilise ceci

  <HyperlinkButton Content="{Binding TextSource, ConverterParameter=MyUrl, Converter={StaticResource Language},
           FallbackValue=_MyUrl}" NavigateUri="http://www.google.com" />