Редактирование: Writing ODF Files with Qt

{{Панель навигации по Qt Quarterly|Выпуск 27}}

by Thomas Zander
<div class="introduction">
Предстоящий релиз Qt 4.5 отмечается появлением класса QTextDocumentWriter, который позволяет создавать файлы OpenDocument Format (ODF) из любого текстового документа Qt. Это открывает путь для автоматического создания и распространения документа в стандартном совместимом формате, который позволяет пользователю открыть его в различных текстовых редакторах.

__TOC__
</div>
Осноным поводом к использованию автоматической генерации документов является создание отчетов. Возьмем, к примеру, магазин, в котором периодически происходит переучет товара и возникает необходимость узнать, действительно ли то, что лежит на полках, и то, что содержится в базе данных, есть одно и то же. Предположим, существует программа, которая обрабатывает базу данных и создает документ, содержащий план работы на день. Этот документ экспортируется в ODF и отсылается человеку, производящему проверку.

[[Image:qq27-phonebill-pretty.png|center]]

В данной статье будет написан простой генератор отчетов, создающий телефонный счет. Мы создадим один класс, <tt>PhoneBillWriter</tt>, соответствующий телефонному счету для одного клиента, а вы можете модифицировать его, чтобы использовать как отправную точку для своих генераторов отчета.


===Вначале===
Класс <tt>PhoneBillWriter</tt> будет иметь следующее определение:
<source lang="cpp-qt">
    class PhoneBillWriter
    {
    public:
      PhoneBillWriter(const QString &amp;client);
      ~PhoneBillWriter();
      struct PhoneCall {
        QDateTime date;
        int duration; // in seconds
        int cost; // in euro-cents
      };
      void addPhoneCall(const PhoneCall &amp;call);
      void addGraph(QList<int> values,
                    const QString &amp;subtext);
      void write(const QString &amp;fileName);
    
    private:
      QTextDocument * const m_document;
      QTextCursor m_cursor;
    };

</source> 
Это даст нам способ создания одного экземпляра <tt>PhoneBillWriter</tt> для каждого счета, и наполнения его данными при помощи вызовов метода <tt>addPhoneCall()</tt>. Закончив вносить информацию, мы вызываем метод <tt>write()</tt> для того, чтобы закрыть текущий счет. Это классический пример использования паттерна "Строитель" ("Builder").

Внутри себя класс пользуется [[Qt:Документация 4.3.2//qtextdocument | QTextDocument]], что видно в списке его закрытых членов. Класс [[Qt:Документация 4.3.2//qtextdocument | QTextDocument]] применяется во многих местах в Qt и ее виджетах. [[Qt:Документация 4.3.2//qtextedit | QTextEdit]] является одним из таких виджетов, и для доступа к документу в нем вызывается метод [[Qt:Документация 4.3.2//qtextedit#document | QTextEdit::document()]]. [[Qt:Документация 4.3.2//qtextdocument | QTextDocument]] - это текстовый документ, который может содержать структурированный текст, элементы разметки (полужирный шрифт, курсив) и многое другое. Для ознакомления см. демонстрационную программу Qt ''Text Edit''.

Класс [[Qt:Документация 4.3.2//qtextcursor | QTextCursor]] создан для того, чтобы предоставить способ управления содержимым текстового документа. В текстовых процессорах на экране есть мигающий курсор, который вы можете перемещать, и вводить текст, ориентируясь на него. Класс [[Qt:Документация 4.3.2//qtextcursor | QTextCursor]] служит достижению этого в вашей программе.


===Writing the Bill===
The approach used in this report writer is to create a [[Qt:Документация 4.3.2//qtextdocument | QTextDocument]] in the constructor and add the header and nice formatting information that will be the same for each phone bill. Here's a simple implementation: 
<source lang="cpp-qt">
    PhoneBillWriter::PhoneBillWriter(const QString &amp;client)
        : m_document(new QTextDocument()),
        m_cursor(m_document)
    {
      m_cursor.insertText(QObject::tr(
               "Phone bill for %1\n").arg(client));
    
      QTextTableFormat tableFormat;
      tableFormat.setCellPadding(5);
      tableFormat.setHeaderRowCount(1);
      tableFormat.setBorderStyle(
                  QTextFrameFormat::BorderStyle_Solid);
      tableFormat.setWidth(QTextLength(
                  QTextLength::PercentageLength, 100));
      m_cursor.insertTable(1, 3, tableFormat);
      m_cursor.insertText(QObject::tr("Date"));
      m_cursor.movePosition(QTextCursor::NextCell);
      m_cursor.insertText(QObject::tr("Duration (sec)"));
      m_cursor.movePosition(QTextCursor::NextCell);
      m_cursor.insertText(QObject::tr("Cost"));
    }
    
    PhoneBillWriter::~PhoneBillWriter()
    {
      delete m_document;
    }

</source> 
We start by adding a personal note and follow this with a table and the table header, which we fill them with the header labels. We don't need to specify in advance how many rows there are in the table. 

The interesting bits are the <tt>m_cursor</tt> usage, which includes call to methods like <tt>insertTable()</tt> and <tt>insertText()</tt> to actually modify the document. 

The [[Qt:Документация 4.3.2//qtextcursor | QTextCursor]] also understands the concepts of selecting and removing text. A very powerful method on the cursor is <tt>movePosition()</tt>, to which you can pass one of the many values from its <tt>MoveOperation</tt> enum. This makes the class really behave like a cursor since all the usual navigation operations are there. In this case we use a navigation operation that's new in Qt 4.5: the <tt>NextCell</tt> operation moves the cursor to the start of the next table cell. As a result, the text passed to the following <tt>insertText()</tt> call will end up at the start of the table cell.

After setting up the header of the document we are ready to add actual user information to it. The caller can add individual phone calls using the <tt>addPhoneCall()</tt> method, passing in the individual fields that we show in the table.
<source lang="cpp-qt">
    void PhoneBillWriter::addPhoneCall(
                  const PhoneBillWriter::PhoneCall &amp;call)
    {
      QTextTable *table = m_cursor.currentTable();
      table->appendRows(1);
      m_cursor.movePosition(QTextCursor::PreviousRow);
      m_cursor.movePosition(QTextCursor::NextCell);
      m_cursor.insertText(call.date.toString());
      m_cursor.movePosition(QTextCursor::NextCell);
      m_cursor.insertText(QString::number(call.duration));
      m_cursor.movePosition(QTextCursor::NextCell);
    
      QChar euro(0x20ac);
      m_cursor.insertText(QString("%1 %2").arg(euro)
              .arg(call.cost / (double) 100, 0, 'f', 2));
    }

</source> 
To show the phone call later, we add a row to our table and then continue to add the text to the document for each of the table cells. We call the appropriate [[Qt:Документация 4.3.2//qstring | QString]] methods to convert the integer data into text so we can fine-tune the way our data is shown. After all, the goal in our example is to make a pretty looking version of the raw data, and properly formatted text is the way to get there. 

Having just text, even with tables, makes for boring reading. Adding graphs or other pictures is always a good way to make a document much more readable. This document talks about creating an ODF document, and the OpenDocument Format allows us to embed images into the final file, unlike HTML, for example. 

In order to get the document into the final ODF file all we need to do is insert the image into the [[Qt:Документация 4.3.2//qtextdocument | QTextDocument]]. It will not be a big surprise to learn that there is a [[Qt:Документация 4.3.2//qtextcursor#insertImage | QTextCursor::insertImage()]] method to do exactly this. 

For our example document, we wanted to add a graph to show the amount of calls the client made in the last few months. For this the following code was used: 
<source lang="cpp-qt">
    QList<int> callsPerMonth;
    callsPerMonth << 6 << 84 << 76 << 0 << 93 << 128 << 76
                  << 31 << 19 << 4 << 12 << 78;
    phoneBill.addGraph(callsPerMonth, "Your past usage:");
</source> 
To actually create the graph, our solution is to create a [[Qt:Документация 4.3.2//qimage | QImage]], use a [[Qt:Документация 4.3.2//qpainter | QPainter]] to draw the values onto it, and then insert the image into the document at the right location.
<source lang="cpp-qt">
    void PhoneBillWriter::addGraph(QList<int> values, const QString &amp;subtext)
    {
      const int columnSize = 10;
      int width = values.count() * columnSize;
      int max = 0;
      foreach (int x, values)
        max = qMax(max, x);
      QImage image(width, 100, QImage::Format_Mono);
      QPainter painter(&amp;image);
      painter.fillRect(0, 0, image.width(), image.height(),
                       Qt::white); // background
      for (int index = 0; index < values.count(); ++index) {
        // Adjust scale to our 100 pixel tall image:
        int height = values[index] * 100 / max;
        painter.fillRect(index * columnSize,
            image.height() - height, columnSize, height,
            Qt::black);
      }
      painter.end();
    
      QTextCursor cursor(m_document);
      cursor.movePosition(QTextCursor::End);
      cursor.insertText(subtext);
      cursor.insertBlock();
      cursor.insertImage(image);
    }

</source> 
First, we calculate the required width of our graph based on the amount of values passed in. We choose to always have a height of 100 pixels and scale the values to fit in that range since most graphs are designed to show the relative sizes of the values to each other. 

We use a monochrome format for the image, which means only two colors. You can use any image format you want for ODF, though. Two colors just seems enough for this use case.

After creation of the actual image we create a new [[Qt:Документация 4.3.2//qtextcursor | QTextCursor]] and move it to the end of the document, where we insert the graph. An important note is that this cursor has a position that may be different from the <tt>m_cursor</tt> object. The reason for creating a new cursor here is to make sure the user can still call <tt>addPhoneCall()</tt> after the <tt>addGraph()</tt> call without affecting the positioning of the textual content.

The last part of our <tt>PhoneBillWriter</tt> class is to actually create the OpenDocument Format file from all the information we put into the writer object. The hard work is all done by the [[Qt:Документация 4.3.2//qtextdocumentwriter | QTextDocumentWriter]] class, which is capable of writing to various formats, like plain text, HTML and ODF. The default is ODF, making the implementation trivial for us:
<source lang="cpp-qt">
    void PhoneBillWriter::write(const QString &amp;fileName)
    {
      QTextDocumentWriter writer(fileName);
      writer.write(m_document);
    }
</source> 
[[Image:qq27-phonebill.png|center]]

The above image shows the final document in OpenOffice.org. As it stands, it's intentionally simple for demonstration purposes, but there's a slightly more decorative example included alongside it in the archive available from the ''Qt Quarterly'' Web site.


===Drawing Conclusions===
The example we have presented is fairly simple and is focused on showing the basic ODF writing capabilities of [[Qt:Документация 4.3.2//qtextdocumentwriter | QTextDocumentWriter]] rather than making the output look as pretty as possible.

Qt has plenty of features that we can use to improve the appearance of the phone bill and usefulness of the writer. For example, we could use the Qt SQL module to extract real information from an existing database and use [[Qt:Документация 4.3.2//qpainter | QPainter]] to draw more visually appealing graphs and charts.

We could also create a nice frontend application to help the user create reports, or use Qt's ODF capabilities to do something completely unrelated to phone bill, reports or accounting. What you create with this new feature is up to you!

The source code for the example described in this article can be obtained [http://doc.trolltech.com/qq/qq27-odfwriter.zip from the ''Qt Quarterly'' Web site].