主页 / coding / 问题 / 79124685
Accepted
Gokhan
Asked: 2024-10-25 15:29:40 +0800 CST

FlowDocument 中的图像布局

  • 772

我在流程文档中添加了一些图像，但所有图片都是按从下到上的顺序列出的。

我想要将图片从左到右按顺序放置，并将内容像换行面板一样在包含框的边缘换行到下一行。

我尝试将图片放入 ListView 和 Wrap Panel 中，但是不起作用。

这是我向流程文档添加图像的方法。

private BlockUIContainer AddImage(BitmapImage bi,double width,double height)
{
    BlockUIContainer blockUI = new BlockUIContainer();
    Image i = new Image();
    i.Source = bi;
    i.Width = width;
    i.Height = height;
    i.HorizontalAlignment = HorizontalAlignment.Left;
    blockUI.Child = i;
    return blockUI;
}

在此处输入图片描述

c#

2 个回答

  1. FlowDocument 的元素Block垂直排列。

    您必须创建一个InlineUIContainer而不是一个BlockUIContainer并将其添加到Inlines段落的集合中。

    private static InlineUIContainer CreateImageContainer(
    ImageSource image, double width, double height)
{
    return new InlineUIContainer
    {
        Child = new Image
        {
            Source = image,
            Width = width,
            Height = height,
            HorizontalAlignment = HorizontalAlignment.Left
        }
    };
}
    • 2
  2. Best Answer

    您需要将多幅图像放入同一个中BlockUIContainer，并用作WrapPanel其子项。

    下面是 xaml 的演示，将其转换为代码隐藏应该相当简单，您需要以WrapPanel某种方式保留实例：

        <FlowDocument>
        <BlockUIContainer>
            <WrapPanel>
                <TextBlock>Image 1</TextBlock>
                <TextBlock>Image 2</TextBlock>
            </WrapPanel>
        </BlockUIContainer>
    </FlowDocument>
    • 1

相关问题