VisualLineElementGenerator 垂直居中对齐

Question

在我的应用程序中，我使用的是 Avalon 的 TextEditor。

我使用以下代码创建了一个 VisualLineElementGenerator，它工作得很好：

internal class SoftwareDependencyElementGenerator : VisualLineElementGenerator
{
    private static readonly Regex imageRegex = new Regex(@"<Dependencies>([ \t])*$");

    private readonly Action<object> doImportAction;

    public SoftwareDependencyElementGenerator(Action<object> doImportAction)
    {
        this.doImportAction = doImportAction;
    }

    private Match FindMatch(int startOffset)
    {
        int endOffset = CurrentContext.VisualLine.LastDocumentLine.EndOffset;
        TextDocument document = CurrentContext.Document;
        string relevantText = document.GetText(startOffset, endOffset - startOffset);
        return imageRegex.Match(relevantText);
    }

    public override int GetFirstInterestedOffset(int startOffset)
    {
        Match match = FindMatch(startOffset);
        return match.Success ? (startOffset + match.Index) : -1;
    }

    public override VisualLineElement ConstructElement(int offset)
    {
        Match match = FindMatch(offset);
        if (match.Success && match.Index == 0)
        {
            return new InlineObjectElement(0, new AddSoftwareDependencyScriptControl(doImportAction));
        }
        return null;
    }
}

在 ConstructElement 方法中创建的 AddSoftwareDependencyScriptControl 如下所示：

<UserControl x:Class="MyApplication.AddSoftwareDependencyScriptControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             DataContext="{Binding RelativeSource={RelativeSource Self}}"
             Width="16" Height="16" >
    <Grid>
        <Button Name="btn" BorderBrush="Transparent" BorderThickness="0" Command="{Binding ShowSoftwareDependenciesCommand}" Width="16" Height="16">
            <Button.Content>
                <Grid>
                    <Image Width="14" Height="14" Cursor="Hand" ToolTip="Softwareabhängigkeit hinzufügen"
                           Source="pack://application:,,,/Resources;component/Graphics/Dependency.png"/>
                </Grid>
            </Button.Content>
            <Button.Template>
                <ControlTemplate TargetType="Button">
                    <ContentPresenter Content="{TemplateBinding Content}"/>
                </ControlTemplate>
            </Button.Template>
        </Button>

    </Grid>
</UserControl>

要将 SoftwareDependencyElementGererator 添加到我刚刚使用的 Avalon-TextEditor：

SoftwareDependencyElementGenerator softwareDependencyElementGenerator = new SoftwareDependencyElementGenerator(SelectSoftwareDependency);
AvalonTextEditor.TextArea.TextView.ElementGenerators.Add(softwareDependencyElementGenerator);

一切都按预期进行。但是控件的位置不是我想要的位置。

如你所见。控件不在垂直中心。我只是尝试设置 UserControl、Button 和 Image 的 VerticalAlignment。没有任何效果。此外，缩小图像不会影响垂直位置。

如何将控件设置为居中，使其与后面的文本完全在一行中？

Answer 1

我自己解决了。

我总是尝试更改顶部的边距，例如 Margin="0,10,0,0" 但解决方案是使底部的边距为负数。

我现在的解决办法是： Margin="0,0,0,-18"

VisualLineElementGenerator 垂直居中对齐

VisualLineElementGenerator VerticalAlignment to Center

c#

wpf

avalonedit