Comment puis-je ajouter un trait de soulignement pour un HyperlinkButton dans Silverlight?

Il semble que je peux formater un HyperlinkButton de la même façon, je peux formater un TextBlock:

HyperlinkButton hyperlinkButton = new HyperlinkButton();
hyperlinkButton.Content = "google";
hyperlinkButton.NavigateUri = new Uri("http://www.google.com");
hyperlinkButton.TargetName = "blank";
hyperlinkButton.Foreground = XamlHelpers.GetColorFromHex("555");
hyperlinkButton.TextDecoration = ... //error
hyperlinkButton.FontWeight = FontWeights.Bold;

Cependant, TextDecoration ne fonctionne pas comme il le fait dans le TextBlock. Je reçois un système automatique de souligner lors du passage de la souris mais aimerais qu'elle ait un soulignement avant de passer la souris en tant que bien.

Comment puis-je ajouter un trait de soulignement pour un HyperlinkButton dans Silverlight?

OriginalL'auteur Edward Tanguay | 2010-06-29

  1. 15

    Si vous avez juste besoin d'un statique de soulignement (pas d'effets de mouseover), vous devez juste utiliser un TextBlock que le contenu de la HyperlinkButton. Depuis HyperlinkButton est un ContentControl il peut prendre n'importe quel autre type de contrôle, comme c'est le contenu (plus que de simples chaînes de caractères).

    Voici quelques XAML qui vous permettra d'être souligné TextBlock que le contenu d'un HyperlinkButton:

        <HyperlinkButton NavigateUri="http://google.com">
        <TextBlock Text="Google" TextDecorations="Underline" />
    </HyperlinkButton>

    Vous devriez être en mesure de créer votre TextBlock et de définir le Contenu de la propriété de votre HyperlinkButton avec C# dans le code-behind ainsi, si c'est ce que vous faites.

    Comme le dit David, la modification d'un ControlTemplate va certainement travailler au style d'une HyperlinkButton à votre goût, mais avec une réelle souligné TextBlock que le contenu peut être plus simple et beaucoup moins XAML si c'est tout ce que vous devez faire.

    Oui, il fonctionne dans le code derrière. En fait, j'ai mis le TextBlock à l'intérieur d'une Frontière, de sorte que je peux changer la couleur d'arrière-plan à droite de la souris. Cette solution vous permet d'avoir le plein contrôle de la mise en forme de lien hypertexte (sauf le bleu de la zone de mise au point). Merci.
    Pour Supprimer la Boîte Bleue à la charge de l'événement: Rectangle rect = linkButton.ChildrenOfType<Rectangle>().Où(i => je.Nom.Equals("FocusVisualElement")).FirstOrDefault(); if (rect != null) rect.StrokeThickness = 0;

    OriginalL'auteur Dan Auclair

  2. 5

    Modifier le modèle de contrôle. J'ai déchiré ce par l'Expression Blend.

     <Style x:Key="HyperlinkButtonStyle1" TargetType="HyperlinkButton">
<Setter Property="Foreground" Value="#FF73A9D8"/>
<Setter Property="Padding" Value="2,0,2,0"/>
<Setter Property="Cursor" Value="Hand"/>
<Setter Property="HorizontalContentAlignment" Value="Left"/>
<Setter Property="VerticalContentAlignment" Value="Top"/>
<Setter Property="Background" Value="Transparent"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="HyperlinkButton">
<Grid Background="{TemplateBinding Background}" Cursor="{TemplateBinding Cursor}">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Normal"/>
<VisualState x:Name="MouseOver">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Visibility" Storyboard.TargetName="UnderlineTextBlock">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Visibility>Visible</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Pressed">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Visibility" Storyboard.TargetName="UnderlineTextBlock">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Visibility>Visible</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Disabled">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Visibility" Storyboard.TargetName="DisabledOverlay">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Visibility>Visible</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="FocusStates">
<VisualState x:Name="Focused">
<Storyboard>
<DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualElement"/>
</Storyboard>
</VisualState>
<VisualState x:Name="Unfocused"/>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<TextBlock x:Name="UnderlineTextBlock" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" Text="{TemplateBinding Content}" TextDecorations="Underline" Visibility="Collapsed" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>                       
<TextBlock x:Name="DisabledOverlay" Foreground="#FFAAAAAA" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" Text="{TemplateBinding Content}" Visibility="Collapsed" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Canvas.ZIndex="1"/>
<ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
<Rectangle x:Name="FocusVisualElement" IsHitTestVisible="false" Opacity="0" Stroke="#FF6DBDD1" StrokeThickness="1"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

    Modifier la visibilité sur ce contrôle:

    <TextBlock x:Name="UnderlineTextBlock" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" Text="{TemplateBinding Content}" TextDecorations="Underline" Visibility="Collapsed" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
    C'est tellement décevant en XAML WPF/Silverlight/WP/WinRT que pour une INTERFACE utilisateur de base, les modifications que vous (peut) avoir à remplacer l'ensemble du modèle de contrôle.

    OriginalL'auteur David