无法获得我想要的文本包装行为

问题描述 投票:6回答:9

我无法让Silverlight 2.0按照我想要的方式布置文本。我希望带有换行符和嵌入式链接的文本,包装,就像网页中的HTML文本一样。

这是我最接近的:

<UserControl x:Class="FlowPanelTest.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:Controls="clr-namespace:Microsoft.Windows.Controls;assembly=Microsoft.Windows.Controls" 
    Width="250" Height="300">
    <Border BorderBrush="Black" BorderThickness="2" >
      <Controls:WrapPanel> 
      <TextBlock x:Name="tb1" TextWrapping="Wrap">Short text. </TextBlock>
      <TextBlock x:Name="tb2" TextWrapping="Wrap">A bit of text. </TextBlock>
      <TextBlock x:Name="tb3" TextWrapping="Wrap">About half of a line of text.</TextBlock>
      <TextBlock x:Name="tb4" TextWrapping="Wrap">More than half a line of longer text.</TextBlock>
      <TextBlock x:Name="tb5" TextWrapping="Wrap">More than one line of text, so it will wrap onto the  following line.</TextBlock>
      </Controls:WrapPanel>
      </Border>
</UserControl>

但问题在于虽然文本块tb1和tb2将会进入同一行,因为它们有足够的空间完全存在,但是tb3以后不会在前一个块的同一行开始,即使它将包裹到下一行。

我希望每个文本块在同一行上从前一个文本块结束。我想在某些文本上放置click事件处理程序。我还想要段落休息。基本上我正在努力解决Silverlight 2.0的XAML子集中缺少FlowDocument和Hyperlink控件的问题。


回答答案中提出的问题:

为什么不对不可点击的文本使用运行?如果我只在可点击的文本上使用单独的TextBlocks,那么这些文本仍然会受到上面说明的包装问题的影响。而TextBlock就在链接之前,而TextBlock就在之后。基本上所有这一切。看起来我没有很多机会在同一个TextBlock中放置多个运行。

使用RegExs和循环将链接与其他文本分开根本不是问题,问题是显示布局。

为什么不将每个单词放在WrapPanel中的单个TextBlock中除了是一个丑陋的黑客之外,这对于换行没有好处 - 布局不正确。

它还会使链接文本的下划线样式变成虚线。

这是一个示例,其中每个单词都在自己的TextBlock中。尝试运行它,请注意,换行符根本没有显示在正确的位置。

<UserControl x:Class="SilverlightApplication2.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:Controls="clr-namespace:Microsoft.Windows.Controls;assembly=Microsoft.Windows.Controls" 
    Width="300" Height="300">
    <Controls:WrapPanel>
        <TextBlock  TextWrapping="Wrap">Short1 </TextBlock>
        <TextBlock  TextWrapping="Wrap">Longer1 </TextBlock>
        <TextBlock  TextWrapping="Wrap">Longerest1 </TextBlock>
        <TextBlock  TextWrapping="Wrap">
                <Run>Break</Run>
                <LineBreak></LineBreak>
        </TextBlock>
        <TextBlock  TextWrapping="Wrap">Short2</TextBlock>
        <TextBlock  TextWrapping="Wrap">Longer2</TextBlock>
        <TextBlock  TextWrapping="Wrap">Longerest2</TextBlock>
        <TextBlock  TextWrapping="Wrap">Short3</TextBlock>
        <TextBlock  TextWrapping="Wrap">Longer3</TextBlock>
        <TextBlock  TextWrapping="Wrap">Longerest3</TextBlock>
    </Controls:WrapPanel>
</UserControl>

那么LinkLabelControl就像herehere一样。它有与上述方法相同的问题,因为它大致相同。尝试运行示例,并使链接文本越来越长,直到它换行。请注意,链接从新行开始,它不应该。使链接文本更长,以使链接文本长于一行。请注意,它根本不会包装,它会切断。此控件也不处理换行符和段落中断。

为什么不将文本全部放入运行中,检测包含TextBlock的点击并确定单击哪个运行运行没有鼠标事件,但包含TextBlock。我找不到一种方法来检查运行是否在鼠标下(Silverlight中不存在IsMouseOver)或查找运行的边界几何(无剪辑属性)。

有VisualTreeHelper.FindElementsInHostCoordinates()

下面的代码使用VisualTreeHelper.FindElementsInHostCoordinates来获取单击下的控件。输出列出了TextBlock而不是Run,因为Run不是UiElement。

private void theText_MouseLeftButtonDown(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
    // get the elements under the click
    UIElement uiElementSender = sender as UIElement;
    Point clickPos = e.GetPosition(uiElementSender);
    var UiElementsUnderClick = VisualTreeHelper.FindElementsInHostCoordinates(clickPos, uiElementSender);

    // show the controls
    string outputText = "";
    foreach (var uiElement in UiElementsUnderClick)
    {
        outputText += uiElement.GetType().ToString() + "\n";
    }
    this.outText.Text = outputText;
}

使用带有边距的空文本块将内容空间放到下一行

我还在考虑这个。如何计算换行块的正确宽度以强制将内容强制到下一行?太短,以下内容仍然在右边的同一行。太长,“linebreak”将在以下行,其后面的内容。调整控件大小时,您必须调整中断的大小。

一些代码是:

    TextBlock lineBreak = new TextBlock();
    lineBreak.TextWrapping = TextWrapping.Wrap;
    lineBreak.Text = " ";
    // need adaptive width 
    lineBreak.Margin = new Thickness(0, 0, 200, 0);
xaml silverlight text silverlight-2.0
9个回答
29
投票

为什么你不能使用跑步?

使用run来连接所有不会发生事件的值,然后将那些有事件的值分解到自己的文本块中,冲洗重复。

在我看来,你应该能够使用RegEx和一些循环来做到这一点。查看Jesse Liberty在包装面板上的帖子,看看是否有任何想法。 http://silverlight.net/blogs/jesseliberty/archive/2008/12/03/the-wrap-panel.aspx

心连心


2
投票

根据我发现的内容,我将根据自己的问题提出一些答案:

1)您可以在全脂桌面WPF中轻松完成此操作,其中包含一个充满段落,超链接,运行和相关对象的流文档。

这就是我现在正在做的事情,我不再试图在Silverlight中解决这个问题了。

2)使用Silverlight 4你无法在Silverlight 2或3中执行此操作。但Silverlight 4有一个RichTextArea控件,当readonly支持这种带有内联超链接的流布局显示,因此就像一个简化版本来自WPF的FlowDocument和相关类。 Silverlight 4还允许嵌入式Web浏览器控件显示HTML内容,如果您可以使其在Windows版本(即IE版本)以及Mac和其他可能的平台上看起来相同。

3)您可以在Silverlight(任何版本)中执行类似的操作,方法是构建一个HTML字符串并将其注入DOM,以便在Silverlight控件之外的页面部分中显示它。这听起来完全可行,但在我看来,太聪明了一半。


0
投票

一个非常有趣的问题。您可能需要创建自己的自定义控件来处理此类布局。您可以使用运行,但在每次运行的顶部覆盖透明画布,以便您可以处理与该运行相关的单击事件。根本不是一个简单的解决方案,但我认为这是可能的。

请让我知道你的到来。


0
投票

您可以尝试在TextBlock中使用ONLY运行,并为整个TextBlock使用单击处理程序。然后处理程序可以使用click事件的坐标找到源Run,找出它是否是一个链接(每个Run是一个链接可以有一个特定的x:Name,或者你甚至可以派生自己的Run)并调用正确的功能那个链接。

我从未尝试过,但这是我尝试解决问题的方法。


0
投票

虽然没有IsMouseOver类型属性,但您可以查看使用VisualTreeHelper.FindElementsInHostCoordinates()


0
投票

我不确定你是否正在检查你评论的评论,因为你没有说明我在你的评论中所说的一些事情。使用VisualTreeHelper.FindElementsInHostCoordinates()找不到运行的原因是因为它只返回UIElements而运行不是UIElements。如果你把这个方法与不使用任何运行的建议相结合那么你应该没问题吧?

每个单词作为一个文本块并不是真正糟糕的“黑客”,你可以通过将换行符分成自己的文本块并为这些文本块分配宽度或边距等于宽度来解决换行问题。包裹面板会迫使他们坐在自己的线上。绝对不是最理想的解决方案,但我还没有看到任何其他任何有希望的东西。



0
投票

试试这个:http://blogs.msdn.com/delay/archive/2007/09/10/bringing-a-bit-of-html-to-silverlight-htmltextblock-makes-rich-text-display-easy.aspx

Silverlight的Html TextBlock。这不是一个完整的概念,但它可能是一个很好的起点。


0
投票

我认为最好的方法是让每个单词都成为一个文本块,然后将单词附加到特定部分所需的正确事件处理程序中。这将为您提供所需的包装,对于第一个单词的缩进,您可以设置它的左边距。

有关使用文本和包装面板执行类似操作的示例,请参阅此文章。 http://jesseliberty.com/2008/12/03/the-wrap-panel/

© www.soinside.com 2019 - 2024. All rights reserved.