HTML and QStandardItem ?

[alexandernst]

I have a QStandardItemModel and some QStandardItems.
I use item.setText(QString("......")) to set the text of the item that I wont.
The problem I have is that I can't set text with html tags. I mean, something like item.setText(QString("<b>" + string + "</b>")).

Is that possible? Thanks

[wysota]

Not directly. Search the forum for "rich text" and "delegate" for possible solutions.

[alexandernst]

I should write a delegate for the QTreeView, right? It's the only one with paintEvent. The QStandardItem doesn't have it.

I have searched some things, but without much luck. Maybe this could help me? http://doc.trolltech.com/qq/qq24-delegates.html (it's c++ & qt4) Can you give me some more examples? Thanks

[wysota]

If you open the search box of the forum and enter "rich text delegate", you'll get some meaningful answers.

[alexandernst]

Ok, I got the basic. I inherit from QItemDelegate (I want to be able to use icons and so on).
I have one more question. What should I implement? drawDisplay? paint? something more?

edit: What should I inherit from? QItemDelegate or QStyledItemDelegate ? (http://www.riverbankcomputing.co.uk/...mdelegate.html)

I only want to be able to use colored text and icons like this one > < in a QStandardItem in a QTreeView.
Something like:

qtv = QTreeView()
d = MyCustomDelegate()
qtv.setDelegate(d)

string = "<b>bold text</b> with image <img src=..........>"
a = QStandardItem()
a.setText(string)

[numbat]

Learning delegates was on my to-do list so here is a simple implementation.

class Delegate : public QStyledItemDelegate
{
    Q_OBJECT
 
protected:
    void paint ( QPainter * painter, const QStyleOptionViewItem & option, const QModelIndex & index ) const;
    QSize sizeHint ( const QStyleOptionViewItem & option, const QModelIndex & index ) const;
};
 
 
void Delegate::paint(QPainter* painter, const QStyleOptionViewItem & option, const QModelIndex &index) const
{
    QStyleOptionViewItemV4 options = option;
    initStyleOption(&options, index);
 
    painter->save();
 
    QTextDocument doc;
    doc.setHtml(options.text);
 
    /* Call this to get the focus rect and selection background. */
    options.text = "";
    options.widget->style()->drawControl(QStyle::CE_ItemViewItem, &options, painter);
 
    /* Draw using our rich text document. */
    painter->translate(options.rect.left(), options.rect.top());
    QRect clip(0, 0, options.rect.width(), options.rect.height());
    doc.drawContents(painter, clip);
 
    painter->restore();
}
 
QSize Delegate::sizeHint ( const QStyleOptionViewItem & option, const QModelIndex & index ) const
{
    QStyleOptionViewItemV4 options = option;
    initStyleOption(&options, index);
 
    QTextDocument doc;
    doc.setHtml(options.text);
    doc.setTextWidth(options.rect.width());
    return QSize(doc.idealWidth(), doc.size().height());
}
 
 
/* Demonstration. */
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    QStandardItemModel * model = new QStandardItemModel(2, 1);
    model->setData(model->index(0, 0), "<b>Test</b><br />i<img src=\"img.png\" />ng123", Qt::DisplayRole);
    model->setData(model->index(1, 0), "<b>Test</b>ing234", Qt::DisplayRole);
 
    QListView * lv = new QListView;
    Delegate * delegate = new Delegate;
    lv->setModel(model);
    lv->setItemDelegate(delegate);
 
    setCentralWidget(lv);
}

class Delegate : public QStyledItemDelegate
{
    Q_OBJECT

protected:
    void paint ( QPainter * painter, const QStyleOptionViewItem & option, const QModelIndex & index ) const;
    QSize sizeHint ( const QStyleOptionViewItem & option, const QModelIndex & index ) const;
};


void Delegate::paint(QPainter* painter, const QStyleOptionViewItem & option, const QModelIndex &index) const
{
    QStyleOptionViewItemV4 options = option;
    initStyleOption(&options, index);

    painter->save();

    QTextDocument doc;
    doc.setHtml(options.text);

    /* Call this to get the focus rect and selection background. */
    options.text = "";
    options.widget->style()->drawControl(QStyle::CE_ItemViewItem, &options, painter);

    /* Draw using our rich text document. */
    painter->translate(options.rect.left(), options.rect.top());
    QRect clip(0, 0, options.rect.width(), options.rect.height());
    doc.drawContents(painter, clip);

    painter->restore();
}

QSize Delegate::sizeHint ( const QStyleOptionViewItem & option, const QModelIndex & index ) const
{
    QStyleOptionViewItemV4 options = option;
    initStyleOption(&options, index);

    QTextDocument doc;
    doc.setHtml(options.text);
    doc.setTextWidth(options.rect.width());
    return QSize(doc.idealWidth(), doc.size().height());
}


/* Demonstration. */
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    QStandardItemModel * model = new QStandardItemModel(2, 1);
    model->setData(model->index(0, 0), "<b>Test</b><br />i<img src=\"img.png\" />ng123", Qt::DisplayRole);
    model->setData(model->index(1, 0), "<b>Test</b>ing234", Qt::DisplayRole);

    QListView * lv = new QListView;
    Delegate * delegate = new Delegate;
    lv->setModel(model);
    lv->setItemDelegate(delegate);

    setCentralWidget(lv);
}

To copy to clipboard, switch view to plain text mode 

[alexandernst]

Really cool!!! I translated this to python:

class itemDelegate(QStyledItemDelegate):
 
    def paint(self, painter, option, index):
        options = QStyleOptionViewItemV4()
        options.__init__(option)
        self.initStyleOption(options, index)
 
        painter.save()
 
        doc = QTextDocument()
        doc.setHtml(options.text)
 
        #get focus rect and selection background
        options.text = ""
        options.widget.style().drawControl(QStyle.CE_ItemViewItem, options, painter)
 
        #draw using our rich text document
        painter.translate(options.rect.left(), options.rect.top())
        rect = QRectF()
        rect.__init__(0, 0, options.rect.width(), options.rect.height())
        doc.drawContents(painter, rect)
 
        painter.restore()
 
    def sizeHint(self, option, index):
        options = QStyleOptionViewItemV4()
        options.__init__(option)
        self.initStyleOption(options, index)
 
        doc = QTextDocument()
        doc.setHtml(options.text)
        doc.setTextWidth(options.rect.width())
        size = QSize()
        size.__init__(doc.idealWidth(), doc.size().height())
        return size

class itemDelegate(QStyledItemDelegate):

    def paint(self, painter, option, index):
        options = QStyleOptionViewItemV4()
        options.__init__(option)
        self.initStyleOption(options, index)

        painter.save()

        doc = QTextDocument()
        doc.setHtml(options.text)

        #get focus rect and selection background
        options.text = ""
        options.widget.style().drawControl(QStyle.CE_ItemViewItem, options, painter)

        #draw using our rich text document
        painter.translate(options.rect.left(), options.rect.top())
        rect = QRectF()
        rect.__init__(0, 0, options.rect.width(), options.rect.height())
        doc.drawContents(painter, rect)

        painter.restore()

    def sizeHint(self, option, index):
        options = QStyleOptionViewItemV4()
        options.__init__(option)
        self.initStyleOption(options, index)

        doc = QTextDocument()
        doc.setHtml(options.text)
        doc.setTextWidth(options.rect.width())
        size = QSize()
        size.__init__(doc.idealWidth(), doc.size().height())
        return size

To copy to clipboard, switch view to plain text mode 

But I have one little problem. I dont get the same colors when selected/mouse_over when I'm using my custom delegate and whem I'm using the "default" one. See those 2 pictures if you cant understandme.

Mouse over an item:


Item selected:


Do you see the diference between the colors? Why is that happening? Maybe I translated something wrong? Something related with the "options" maybe?


EDIT:

Ok, I have been looking at this and I think that this is a pallete problem. Maybe I should manually set the backgroundBrush ? Something like this:

if option.state & QStyle.MouseOver
            if option.state & QStyle.Selected
                options.backgroundBrush = DARK-BLUE
            else
                options.backgroundBrush = LIGHT-BLUE

if option.state & QStyle.MouseOver
            if option.state & QStyle.Selected
                options.backgroundBrush = DARK-BLUE
            else
                options.backgroundBrush = LIGHT-BLUE

To copy to clipboard, switch view to plain text mode 

The problem is that the background color is not the same on every style/SO, so, I cant just force it to use "blue" (the default in qt4 on kde).

Maybe I'm on the wrong way :/ ?

[spirit]

offtop: I wold create QTextDocument in the heap.

[alexandernst]

Nobody? .

[wysota]

Will it change anything if you get rid of this line?

self.initStyleOption(options, index)

self.initStyleOption(options, index)

To copy to clipboard, switch view to plain text mode 

[alexandernst]

It wont draw the text, but it will draw the background (with the messed colors).
So, commenting that line is making it worse.