如何在彼此旁边显示图像和文本

问题描述

您好我正在尝试创建一个公司徽标和地址彼此相邻的发票。公司徽标显示在左侧，文本显示在其下方。我试图将徽标旁边的文字显示在FAR RIGHT但它没有来。请帮助。

Hi I am trying to create an Invoice where the company logo and the address are displayed next to each other. The company logo is displayed on the left and the text beneath it. I tried to display the text next to the logo to the FAR RIGHT but it didnt come.Please help.

public class Test {
    /** Path to the resulting PDF */
    public static final String RESULT = "C:/ex/test.pdf";

    /**
     * Main method.
     * @param    args    no arguments needed
     * @throws DocumentException
     * @throws IOException
     */
    public static void main(String[] args) throws IOException, DocumentException {
        new ComCrunchifyTutorials().createPdf(RESULT);
    }

    /**
     * Creates a PDF with information about the movies
     * @param    filename the name of the PDF file that will be created.
     * @throws    DocumentException
     * @throws    IOException
     */
    public void createPdf(String filename)
        throws IOException, DocumentException {

        Document document = new Document();

        PdfWriter.getInstance(document, new FileOutputStream(filename));

        document.open();

       Image image = Image.getInstance("C:/Users/user/Desktop/New folder (3)/shoes/shoes/web/images/abc.jpg");
                                                        image.scaleAbsolute(150f, 50f);//image width,height


Paragraph p = new Paragraph();
Phrase pp = new Phrase(200);
p.add(new Chunk(image, 0, 0));
pp.add(" a text after the image.");

p.add(pp);
document.add(p);

        document.close();
    }

}

推荐答案

人们通常使用 PdfPTable 来实现这一目标。例如，请参阅示例：

People usually achieve this by using a PdfPTable. See for instance the ImageNextToText example:

这是创建PDF的代码和包含两列的表：

This is the code that creates the PDF and the table with two columns:

public void createPdf(String dest) throws IOException, DocumentException {
    Document document = new Document();
    PdfWriter.getInstance(document, new FileOutputStream(dest));
    document.open();
    PdfPTable table = new PdfPTable(2);
    table.setWidthPercentage(100);
    table.setWidths(new int[]{1, 2});
    table.addCell(createImageCell(IMG1));
    table.addCell(createTextCell("This picture was taken at Java One.\nIt shows the iText crew at Java One in 2013."));
    document.add(table);
    document.close();
}

这是用图像创建单元格的代码。请注意， true 参数将导致图像缩放。由于我们已经定义第一列占第二列宽度的一半，因此图像的宽度将占整个表宽度的三分之一。

This is the code that creates the cell with the image. Note that the true parameter will cause the image to scale. As we've defined that the first column takes half the width of the second column, the width of the image will take one third of the width of the complete table.

public static PdfPCell createImageCell(String path) throws DocumentException, IOException {
    Image img = Image.getInstance(path);
    PdfPCell cell = new PdfPCell(img, true);
    return cell;
}

这是使用文本创建单元格的一种方法。有许多不同的方法可以达到相同的效果。只需尝试使用文本模式和复合模式。

This is one way to create the cell with the text. There are many different ways to achieve the same result. Just experiment with text mode and composite mode.

public static PdfPCell createTextCell(String text) throws DocumentException, IOException {
    PdfPCell cell = new PdfPCell();
    Paragraph p = new Paragraph(text);
    p.setAlignment(Element.ALIGN_RIGHT);
    cell.addElement(p);
    cell.setVerticalAlignment(Element.ALIGN_BOTTOM);
    cell.setBorder(Rectangle.NO_BORDER);
    return cell;
}

这篇关于如何在彼此旁边显示图像和文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！