带样式/模板的未知HyperlinkBut​​ton边距/填充

时间:2016-03-19 15:43:22

标签: c# xaml windows-phone-8.1 winrt-xaml win-universal-app

我正在尝试将html转换为xaml转换器并使用this code as a starting point。我的应用程序是Windows Phone 8.1通用应用程序。除了超链接之外,此代码非常有用。看起来HyperlingButton有一些隐藏的边距或填充,我无法通过将其设置为0来修复它。

超链接标有红色边框: enter image description here

我的风格在这里:

    <Style TargetType="HyperlinkButton" x:Key="UnderlineHyperlinkButton">
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="Margin" Value="0,0,0,0" />
        <Setter Property="Padding" Value="0,0,0,0"/>
        <Setter Property="FontSize" Value="18"/>
        <Setter Property="FontFamily" Value="{ThemeResource PhoneFontFamilyNormal}"/>
        <Setter Property="FontWeight" Value="Normal"/>          
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="HyperlinkButton">
                    <TextBlock Style="{StaticResource TextStylePostBody}">
                        <Underline>
                            <Run Text="{Binding Path=Content, Mode=OneWay, RelativeSource={RelativeSource Mode=TemplatedParent}}" />
                        </Underline>
                    </TextBlock>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

TextBlock的样式:

        <Style x:Key="TextStylePostBody" TargetType="TextBlock" BasedOn="{StaticResource BaseTextBlockStyle}">
        <Setter Property="Foreground" Value="Black"/>
        <Setter Property="FontSize" Value="18"/>
        <Setter Property="Padding" Value="0,0,0,0"/>
        <Setter Property="Margin" Value="0,0,0,0"/>
        <Setter Property="TextWrapping" Value="Wrap"/>
        <Setter Property="TextTrimming" Value="WordEllipsis"/>
        <Setter Property="TextWrapping" Value="WrapWholeWords"/>
    </Style>

我可以使用边距<Setter Property="Margin" Value="0,-9, 4,-4"/>中的硬编码值修复它,但它看起来不太好。

创建超链接的代码在这里:

    private static Inline GenerateHyperLink(HtmlNode node)
    {
        Span s = new Span();            
        InlineUIContainer iui = new InlineUIContainer();
        HyperlinkButton hb = new HyperlinkButton() { NavigateUri = new Uri(node.Attributes["href"].Value, UriKind.Absolute), Content = CleanText(node.InnerText) };
        hb.Style = ( Style )Application.Current.Resources[ "UnderlineHyperlinkButton" ];
        iui.Child = hb;
        s.Inlines.Add(iui);
        return s;
    }

我错过了什么吗?

更新 使用此XAMl代码进行了快速测试:

        <StackPanel Grid.Row="0" Orientation="Horizontal">
        <TextBlock Foreground="Black" FontSize="18" FontWeight="Normal" FontFamily="Segroe UI">TextBlock</TextBlock>
        <RichTextBlock>
        <Paragraph>
                <Run Foreground="Black" FontSize="18" FontWeight="Normal" FontFamily="Segroe UI">
                <Run.Text>Run text</Run.Text>
            </Run>
                <InlineUIContainer>
                    <HyperlinkButton FontSize="18" FontFamily="Segroe UI" FontWeight="Normal" Margin="0" Padding="0,0,0,0">Link Text</HyperlinkButton>
                </InlineUIContainer>
            </Paragraph>
        </RichTextBlock>
    </StackPanel>

得到了这个:

enter image description here

Margin的{​​{1}}设置为-9(顶部):

enter image description here

这不是其他文本或InlineUIContainer的问题,将HyperlinkButton替换为HyperlinkButton修复了边距:

enter image description here

1 个答案:

答案 0 :(得分:2)

由于对齐和格式化问题,决定避免InlineUIContainerHyperlinkButton。我已将<Underline>替换为Link附加属性。有关this article的更多信息。

编辑:不知道为什么,但我错过了运行时API有一个专门的Hyperlink类,可以很好地完成这项工作。