2010-06-02 18 views
4

Je suis en train de traduire le code de this thread en python:Comment faire en sorte que l'affichage des éléments affiche du texte riche (html) dans PyQt?

import sys 
from PyQt4.QtCore import * 
from PyQt4.QtGui import * 

__data__ = [ 
     "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.", 
     "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.", 
     "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.", 
     "Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." 
    ] 

def get_html_box(text): 
    return '''<table border="0" width="100%"><tr width="100%" valign="top"> 
     <td width="1%"><img src="softwarecenter.png"/></td> 
     <td><table border="0" width="100%" height="100%"> 
     <tr><td><b><a href="http://www.google.com">titolo</a></b></td></tr> 
     <tr><td>{0}</td></tr><tr><td align="right">88/88/8888, 88:88</td></tr> 
     </table></td></tr></table>'''.format(text) 

class HTMLDelegate(QStyledItemDelegate): 

    def paint(self, painter, option, index): 
     model = index.model() 
     record = model.listdata[index.row()] 
     doc = QTextDocument(self) 
     doc.setHtml(get_html_box(record)) 
     doc.setTextWidth(option.rect.width()) 
     painter.save() 
     ctx = QAbstractTextDocumentLayout.PaintContext() 
     ctx.clip = QRectF(0, option.rect.top(), option.rect.width(), option.rect.height()) 
     dl = doc.documentLayout() 
     dl.draw(painter, ctx) 
     painter.restore() 

    def sizeHint(self, option, index): 
     model = index.model() 
     record = model.listdata[index.row()] 
     doc = QTextDocument(self) 
     doc.setHtml(get_html_box(record)) 
     doc.setTextWidth(option.rect.width()) 
     return QSize(doc.idealWidth(), doc.size().height()) 

class MyListModel(QAbstractListModel): 

    def __init__(self, parent=None, *args): 
     super(MyListModel, self).__init__(parent, *args) 
     self.listdata = __data__ 

    def rowCount(self, parent=QModelIndex()): 
     return len(self.listdata) 

    def data(self, index, role=Qt.DisplayRole): 
     return index.isValid() and QVariant(self.listdata[index.row()]) or QVariant() 

class MyWindow(QWidget): 

    def __init__(self, *args): 
     super(MyWindow, self).__init__(*args) 
     # listview 
     self.lv = QListView() 
     self.lv.setModel(MyListModel(self)) 
     self.lv.setItemDelegate(HTMLDelegate(self)) 
     self.lv.setResizeMode(QListView.Adjust) 
     # layout 
     layout = QVBoxLayout() 
     layout.addWidget(self.lv) 
     self.setLayout(layout) 

if __name__ == "__main__": 
    app = QApplication(sys.argv) 
    w = MyWindow() 
    w.show() 
    sys.exit(app.exec_()) 

taille de l'élément et la position ne sont pas calculés correctement je suppose, peut-être parce que je comprends pas toutes les parties liées de style à partir du code d'origine. Quelqu'un peut-il m'aider?

+0

Quelle taille de l'élément et la position ne sont pas correctement calculés? Pouvez-vous expliquer ce que vous attendiez? –

+0

pour moi, la hauteur calculée de chaque élément est fausse: quand j'exécute ce code la liste montre seulement l'élément supérieur, plus haut qu'il devrait être (il y a beaucoup d'espace blanc ci-dessous), et je ne peux pas voir d'autres éléments. –

Répondre

5

Le code ne respecte pas la zone de dessin cible souhaitée (option.rect):

ctx.clip = QRectF(0, option.rect.top(), option.rect.width(), option.rect.height()) 

Les clips au-dessus de la portion du QTextDocument tiré de la région déterminée. Vous voulez vraiment traduire le peintre de sorte qu'il commence à peindre au topLeft() du rectangle, puis s'étend pour la largeur et la hauteur spécifiées. Depuis documentLayout() assume le peintre est à l'origine (à savoir dans la position où il devrait tirer), cela est le correctif:

def paint(self, painter, option, index): 
    model = index.model() 
    record = model.listdata[index.row()] 
    doc = QTextDocument(self) 
    doc.setHtml(get_html_box(record)) 
    doc.setTextWidth(option.rect.width()) 
    ctx = QAbstractTextDocumentLayout.PaintContext() 

    painter.save() 
    painter.translate(option.rect.topLeft()); 
    painter.setClipRect(option.rect.translated(-option.rect.topLeft())) 
    dl = doc.documentLayout() 
    dl.draw(painter, ctx) 
    painter.restore() 
+1

Je vois. J'ai vraiment besoin d'étudier beaucoup pour comprendre pourquoi une tâche commune comme celle-ci nécessite tellement de code. Peut-être que je choisis la pire façon de le faire. btw merci beaucoup pour la correction. –

+0

@GiorgioGelardi Je pense vraiment que c'est quelque chose comme ça qui rend le QT un peu immature. Le texte enrichi dans ListViews serait vraiment facile à inclure dans QT par défaut (il faudrait juste copier ce code), et serait inestimable! – WhyNotHugo

+0

Ce code entraîne toujours un grand espace vide sous chaque élément (erreur de calcul de la hauteur)? – WhyNotHugo