Silverlight:使超链接按钮看起来像文本块?

时间:2010-12-29 18:53:43

标签: silverlight windows-phone-7

我正在尝试使textblock中的所有单词都可以点击。这是我采取的方法:

    private static void onTextChanged(DependencyObject dependObj, DependencyPropertyChangedEventArgs e)
    {
        WrapPanel wrapPanel = ((HyperlinkTextBlock)dependObj).LayoutRoot;
        wrapPanel.Children.Clear();

        // TODO: use a real wordbreaker?
        // adding an extra space to the end of the last word. Cry.
        IList<string> words = ((string)e.NewValue).Split(' ').Select(word => word + " ").ToList();
        foreach (string word in words)
        {
            Uri uri;
            if (Uri.TryCreate(word, UriKind.Absolute, out uri))
            {
                // TODO the style is off - the text is too big
                wrapPanel.Children.Add(new HyperlinkButton()
                {
                    Content = word,
                    NavigateUri = uri,
                    TargetName = "_blank",
                    Margin = new Thickness(0),
                    Padding = new Thickness(0),
                });
            }
            else
            {
                wrapPanel.Children.Add(new TextBlock() { Text = word, TextWrapping = TextWrapping.Wrap });
            }
        }
    }

(我会完全接受更多面向XAML /声明的方式,但我不确定如何做到这一点。)

除了HyperlinkButton看起来很有趣之外,这个工作正常(除了使用真正的断字器很好)。它太大了,文字也不会换行。它似乎也有一些偏移,我试图通过将MarginPadding设置为0来解决,但它还没有解决问题。

还有其他想法吗?真的,我想要HyperlinkText而不是HyperlinkButton,但我不认为Windows Phone 7的Silverlight 3提供了这个功能。

3 个答案:

答案 0 :(得分:2)

这是我提出的解决方案,通过提取超链接按钮的样式,然后修改我关心的区域(如你所提到的那个奇怪的缩进)。这样,除了您想要更改的内容之外,行为完全相同。

创建超链接按钮时,还要设置样式属性,如下所示:

var button = new HyperlinkButton
{
    ...
    Style = (Style) Resources["HyperlinkButtonWithNoIndent"]
};

然后在您的页面中,将以下样式添加到资源中:

<Style x:Key="HyperlinkButtonWithNoIndent" TargetType="HyperlinkButton">
    <Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMedium}"/>
    <Setter Property="Padding" Value="0"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="HyperlinkButton">
                <Border Background="Transparent">
                    <VisualStateManager.VisualStateGroups>
                        <VisualStateGroup x:Name="CommonStates">
                            <VisualState x:Name="Normal"/>
                            <VisualState x:Name="MouseOver"/>
                            <VisualState x:Name="Pressed">
                                <Storyboard>
                                    <DoubleAnimation Duration="0" To="0.5" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="TextElement"/>
                                </Storyboard>
                            </VisualState>
                            <VisualState x:Name="Disabled">
                                <Storyboard>
                                    <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="TextElement">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
                                    </ObjectAnimationUsingKeyFrames>
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>
                    <Border Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}">
                        <TextBlock x:Name="TextElement" Text="{TemplateBinding Content}" TextDecorations="Underline" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                    </Border>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

答案 1 :(得分:1)

我从未尝试使用TextBlock执行此操作,但它适用于ImageStackPanel,因此它也适用于您的情况。将Tap手势的处理程序添加到TextBlock并听取它。然后,在事件处理程序中,您可以导航到URL。

TextBlock MyTextBlock = new TextBlock() { Text = "Tap Me!" };
GestureListener listener = GestureService.GetGestureListener( MyTextBlock );
listener.Tap += new EventHandler<GestureEventArgs>( OnMyTextBlockTapped );

事件处理程序如下所示:

void OnMyTextBlockTapped( object sender, GestureEventArgs e )
{
  // Navigate to URL
}

您甚至可以通过在事件处理程序中启动Storyboard并在动画完成时执行导航来为点按设置设置动画。

答案 2 :(得分:0)

您是否尝试过重新混合控件?您应完全控制构成HyperlinkBut​​ton的所有组成部分的演示样式。

  1. 点击控件
  2. 修改模板
  3. 编辑副本
  4. 格式化
  5. 您可以重复使用生成的样式。