iText 7：如何允许 Div 溢出？

Question

我有一个有一定高度的Div：

Div div = new Div();
div.setHeight(100);

如果我在Div 中添加一个段落，其中包含几行占用的区域高于Div，我会收到以下警告：

WARN com.itextpdf.layout.renderer.BlockRenderer - Element content was clipped because some height properties are set.

除此之外，段落的行被省略了。即使该段落可能会溢出Div 的底部边框，它也会在边框上方结束。

但尽管有警告，我并不在意，我什至需要在Div 的底部边框下方以隐藏的方式溢出段落。

我怎样才能实现这样的行为？

（可以通过在 HTML <div> 上设置 overflow: hidden 来实现我需要的 CSS 等效行为。）

Answer 1

您可以考虑为这些 DIV 使用自定义 DivRenderer。

概念验证：

public class OverflowHiddenDivRenderer extends DivRenderer {
    public OverflowHiddenDivRenderer(Div modelElement) {
        super(modelElement);
    }

    @Override
    public Rectangle getOccupiedAreaBBox() {
        Rectangle rectangle = super.getOccupiedAreaBBox();
        if (height != null) {
            if (rectangle.getHeight() > height.getValue()) {
                rectangle.moveUp(rectangle.getHeight() - height.getValue()).setHeight(height.getValue());
            }
        }
        return rectangle;
    }

    @Override
    public LayoutResult layout(LayoutContext layoutContext) {
        height = getPropertyAsUnitValue(Property.HEIGHT);
        deleteProperty(Property.HEIGHT);
        LayoutResult layoutResult = super.layout(layoutContext);
        LayoutArea layoutArea = layoutResult.getOccupiedArea();
        if (layoutArea != null) {
            layoutArea.setBBox(getOccupiedAreaBBox());
        }
        return layoutResult;
    }

    UnitValue height;
}

(OverflowHiddenDivRenderer)

像这样使用它：

for (int height = 100; height < 150; height += 5) {
    Div div = new Div();
    div.setProperty(Property.OVERFLOW_Y, OverflowPropertyValue.HIDDEN);
    div.add(new Paragraph(height + " Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."));
    div.setHeight(height);
    div.setNextRenderer(new OverflowHiddenDivRenderer(div));
    document.add(div);
}

(RenderDivOverflowHidden 测试testOverflowHiddenDivRenderer)

Document document 你得到

请注意，尽管我已经使用 iText 7 有一段时间了，但这是我第一次尝试创建自定义 DivRenderer，我很可能已经忘记了一些特殊情况。我特别认为旋转内容（在super.getOccupiedAreaBBox() 中会产生影响）或区域中断（我没有在OverflowHiddenDivRenderer 中设置具有调整高度的下一个渲染器）的上下文中的问题。

一些更精通这些东西的人可能会提出一些改进......

Answer 2

是否可以将带有 alpha 的渐变叠加到 div 的底部？然后，即使文本在整数行处被截断，很明显文本被截断而不仅仅是结束。

可能有一种方法可以解决此问题，但最简单的方法可能是保存用于此目的的图像并将其对齐到 div 的底部，因为 div 的大小似乎是固定的。像这样的东西（但有 alpha）

如果它不固定，它应该很容易动态生成。