Beste Weg das zu erreichen unterstrichenen hyperlink auf Windows-Store-apps?

Von dem, was ich gelesen habe, scheint es keine Funktion zu erreichen, um eine Unterstreichung für TextBlocks oder HyperlinkButtons oder ähnliches in Windows RT, das erscheint lächerlich, aber dennoch, hat jemand einen eleganten Ansatz zur Bewältigung dieser, speziell eine Verknüpfung zu erstellen, die läuft ein Click Ereignis oder Befehl Bindung?

Wie Sie sehen können out-of-the-box-Unterstützung scheint nicht zu existieren: http://social.msdn.microsoft.com/Forums/en-CA/winappswithcsharp/thread/cba0c363-60da-4e

Wie @Soheil ' s Antwort zeigt, es ist ruhig, einfach zu erreichen, unterstreicht in beiden Fällen. Und wenn Sie denken, die zugrunde liegenden "Modern UI" - design-Prinzip, um die übersichtlichkeit zu bewahren, dann ist es eigentlich nicht lächerlich erscheinen, dass die hyperlinks nicht Unterstrichen standardmäßig.

InformationsquelleAutor GONeale | 2012-11-19

18

Dies ist, wie ich dieses problem gelöst vor.
```
<HyperlinkButton x:Name="ExamplesLink" Click="ExamplesLink_Click"
   Extensions:FrameworkElementExtensions.SystemCursor="Hand">
   <TextBlock>
      <Underline>
        <Run Text="Examples"/>
      </Underline>
   </TextBlock>
</HyperlinkButton>
```
Wenn Sie die WinRT XAML toolkit Sie können setzen Sie den cursor mit der Erweiterung, wie oben angegeben.
- Schlicht, elegant und genau das, was ich gesucht habe!
- Etwas spät zur party, aber eine tolle Lösung! Danke! Eine Anmerkung zu machen, wenn ich realisiert: ich bin nicht mit WinRT XAML toolkit, aber die HyperlinkButton noch verändert sich der cursor zu Hand standardmäßig.
InformationsquelleAutor Soheil

Wenn Sie müssen (wie in meinem Fall) Vorlage die HyperlinkButton, halten Sie Ihre Bindungen in den Blick, in, die Sie tun können, dass auf diese Weise:

<Style TargetType="HyperlinkButton"
    x:Key="StandardHyperlinkButton">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate>
                <TextBlock Style="{StaticResource BaseEntityDetailTextStyle}">
                    <Underline>
                        <Run Text="{Binding Path=Content, Mode=OneWay, RelativeSource={RelativeSource Mode=TemplatedParent}}" />
                    </Underline>
                </TextBlock>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

...und dann in deinem XAML anzeigen, zum Beispiel:

<HyperlinkButton Style="{StaticResource StandardHyperlinkButton}"
    Content="{Binding Path=myContent, Mode=OneWay}"
    Command="{StaticResource myCommand}"
    CommandParameter="{Binding Path=myContent, Mode=OneWay}" />

In dieser Weise können Sie auch lösen @sacha problem mit Bindungen!

Yep, das sieht gut aus. Hält alle glücklich. Sachen in Stilen, wo es sein sollte, und verbindlich in Aussicht, wo es sein sollte. Dies ist die richtige Antwort meiner Meinung nach

InformationsquelleAutor MAXE

1

Können Sie eine RichTextBlock mit eingebetteten HyperlinkButtons. Wenn man sich RichTextBlockExtensions - Sie können es verwenden, um bind-html-text-Fragmente (mit Anker-tags) automatisch Auffüllen RichTextBlock mit einem verknüpften text-setup.

InformationsquelleAutor Filip Skakun

Das problem mit den oben genannten Hyperlinkbutton, soweit ich weiß, ist, dass der Text nicht gebunden, so dass Sie bis zum Ende wiederholen, dass TextBlock/Unterstreichen/Run Muster für jeden hyperlink-Schaltfläche. Viel besser wäre die machen es zu einem Stil.

Beispielsweise wenn Sie dies versuchen, wird es nicht funktionieren und eine UnhandledException-Auftritt

<HyperlinkButton Width="Auto" Height="Auto" Margin="2" 
        Content="{Binding DoctorName}"
        Command="{Binding ElementName=scheduleView, 
            Path=DataContext.NavigateToAppointmentsDetailCommand}"
        CommandParameter="{Binding DoctorName}">
    <HyperlinkButton.Template>
        <ControlTemplate>
            <TextBlock>
                <Underline>
                <Run Text="{TemplateBinding Content}"/>
                </Underline>
            </TextBlock>
        </ControlTemplate>
    </HyperlinkButton.Template>

</HyperlinkButton>

Die einzige Möglichkeit, die ich gefunden, um dieses Problem beheben, in dem der hyperlink-text wurde auch gebunden war, ein fake unterstreichen Rechteck und einen normalen Knopf. Ich zeige dann die Unterstreichung (fake-Rechteck) auf der Grundlage, ob der Mauszeiger über der Schaltfläche. Hier ist der relevante code:

Nicht die beste Lösung, aber es ist bindbar, für die Inhalte (text-link), und es ist eine generische Lösung.

<Button Width="Auto" Height="Auto" Margin="2" 
        Style="{StaticResource HyperLinkButtonStyle}"
        Content="{Binding DoctorName}">
</Button>

                                <Storyboard>
                                    <ObjectAnimationUsingKeyFrames 
                    Storyboard.TargetProperty="(UIElement.Visibility)" 
                    Storyboard.TargetName="rect">
                                        <DiscreteObjectKeyFrame KeyTime="0">
                                            <DiscreteObjectKeyFrame.Value>
                                                <Visibility>Visible</Visibility>
                                            </DiscreteObjectKeyFrame.Value>
                                        </DiscreteObjectKeyFrame>
                                    </ObjectAnimationUsingKeyFrames>

                                </Storyboard>

                            </VisualState>
                        </VisualStateGroup>
                        <VisualStateGroup x:Name="FocusStates"/>
                    </VisualStateManager.VisualStateGroups>
                    <StackPanel Orientation="Vertical">
                        <TextBlock x:Name="txt" 
                Text="{TemplateBinding Content}" 
                HorizontalAlignment="Center" 
                                    FontFamily="Segoe UI" FontSize="18" FontWeight="Thin"/>
                        <Rectangle x:Name="rect" Fill="White" Height="2" Visibility="Collapsed"
                            VerticalAlignment="Top" HorizontalAlignment="Stretch"/>
                    </StackPanel>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Sie denken an eine alte - version von WPF. Runs sind perfekt angebunden in einer Windows Store-app.
Nicht zu sein scheinen in der Lage zu Binden, Führen Sie in einer Schaltfläche Vorlage, als ich es Tat auf Win8 store app. Hab ein Beispiel, dass für Win8 store app, sagen wir innerhalb einer Art, also bindet Sie auf die Schaltfläche Content-Eigenschaft. Vielleicht-Vorlage-Bindung nicht funktioniert
Könnten Sie buchen möchten, Ihrem Beispiel zu Microsoft Connect so dass es irgendwann behoben.
Ich denke ich habe dein problem gelöst, nehmen Sie einen Blick auf meine Antwort!

InformationsquelleAutor sacha

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.