Início / coding / Perguntas / 79124685
Accepted
Gokhan
Asked: 2024-10-25 15:29:40 +0800 CST

Layout de imagens no FlowDocument

  • 772

Adicionei algumas imagens no documento de fluxo, mas todas as imagens estão listadas em ordem de baixo para cima.

Quero posicionar as imagens em sequência, da esquerda para a direita, quebrando o conteúdo para a próxima linha na borda da caixa de conteúdo, como no Painel de Quebra.

Tentei colocar as imagens no ListView e no Wrap Panel, mas não funciona.

Este é meu método para adicionar imagens a um documento de fluxo.

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;
}

insira a descrição da imagem aqui

c#

2 respostas

  1. Os Blockelementos de um FlowDocument são organizados verticalmente.

    Você teria que criar um InlineUIContainerem vez de um BlockUIContainere adicioná-lo à Inlinescoleção de um Parágrafo.

    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

    Você precisa colocar várias imagens no mesmo arquivo BlockUIContainer, usando WrapPanel-o como filho.

    Aqui está o XAML para demonstrar, convertê-lo para code-behind deve ser bastante simples, você precisará manter WrapPanela instância de alguma forma:

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

relate perguntas