Wie kann ich einen Unterstrich, um einen HyperlinkButton in Silverlight?

Es scheint, ich kann format einen HyperlinkButton in der gleichen Weise, die ich formatieren kann ein 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;

Jedoch, TextDecoration nicht funktioniert, wie es im TextBlock. Ich erhalte eine automatische Unterstreichung bei mouseover möchte aber eine Linie vor mouseover als gut.

Wie kann ich einen Unterstrich, um einen HyperlinkButton in Silverlight?

InformationsquelleAutor Edward Tanguay | 2010-06-29

c#hyperlink silverlight

15

Wenn Sie nur eine statische unterstreichen (kein mouseover-Effekte) sollten Sie nur verwenden, einen TextBlock, wie der Inhalt des HyperlinkButton. Da HyperlinkButton ist ein ContentControl es kann jede andere Art der Steuerung, wie es der Inhalt (mehr als nur einfache strings).

Hier einige XAML-die bekommen Sie auf einen unterstrichenen TextBlock wie der Inhalt für ein HyperlinkButton:
```
    <HyperlinkButton NavigateUri="http://google.com">
        <TextBlock Text="Google" TextDecorations="Underline" />
    </HyperlinkButton>
```
Sollten Sie in der Lage, Ihren TextBlock und die Content-Eigenschaft der HyperlinkButton mit C# - code-behind-auch wenn es das ist, was Sie tun.

Als David sagte, die Bearbeitung der ControlTemplate-wird sicherlich funktionieren, um Stil einen HyperlinkButton nach Ihrem Geschmack, aber mit einer tatsächlichen Unterstrichen TextBlock Inhalte können einfacher und viel weniger XAML, wenn das ist alles, was Sie tun müssen.
- Ja, es funktioniert in der code-behind-als auch. In der Tat, legte ich den TextBlock innerhalb eines Rahmens, so dass ich ändern kann, die background-color bei mouse-over als auch. Diese Lösung ermöglicht Ihnen die vollständige Kontrolle über die hyperlink-Formatierungen (außer das Blaue Fokus-box). Danke.
- Zum Entfernen der Blauen Box auf load-Ereignis: Rectangle rect = linkButton.ChildrenOfType<Rechteck>().Wo(ich => ich.Name.Equals("FocusVisualElement")).FirstOrDefault(); if (rect != null) rect.StrokeThickness = 0;
InformationsquelleAutor Dan Auclair

Bearbeiten Sie die control-Vorlage. Ich Riss diese über 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>

Ändern Sie die Sichtbarkeit für diese Kontrolle:

<TextBlock x:Name="UnderlineTextBlock" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" Text="{TemplateBinding Content}" TextDecorations="Underline" Visibility="Collapsed" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>

Das ist so enttäuschend in XAML für WPF/Silverlight/WP/WinRT, die für eine so grundlegende UI änderungen, die Sie haben (könnten), um zu überschreiben, das ganze control-Vorlage.

InformationsquelleAutor David

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.