如何在 QTableView 中打开 URL

Question

在QTableView（或QTreeView、QListView、等等...）

给定一个QStandardItemModel，其中某些列包含带有URL的文本，我希望它们变得可点击，然后使用QDesktopServices::openURL处理点击()

我希望有一些简单的方法来利用 QLabel 的 textInteraction 标志并将它们填充到表中。我不敢相信没有更简单的方法来处理这个问题。我真的希望我错过了一些东西。

Answer 1

您需要创建一个委托来进行绘画。代码应该如下所示：

void RenderLinkDelegate::paint(
           QPainter *painter,
           const QStyleOptionViewItem &option,
           const QModelIndex &index
           ) const
{
    QString text = index.data(Qt::DisplayRole).toString();
    if (text.isEmpty())
        return;

    painter->save();

    // I only wanted it for mouse over, but you'll probably want to remove
    // this condition
    if (option.state & QStyle::State_MouseOver)
    {
        QFont font = option.font;
        font.setUnderline(true);
        painter->setFont(font);
        painter->setPen(option.palette.link().color());
    }
    painter->drawText(option.rect, Qt::AlignLeft | Qt::AlignVCenter, text);

    painter->restore();
}

Answer 2

好吧，您可以使用委托在 qtableview 中渲染富文本，并使用自定义委托重新实现绘制方法，例如：

void CHtmlDelegate::paint(QPainter *painter,
                          const QStyleOptionViewItem &option,
                          const QModelIndex &index) const
{
    QStyleOptionViewItemV4 opt(option);

    QLabel *label = new QLabel;
    label->setText(index.data().toString());
    label->setTextFormat(Qt::RichText);
    label->setGeometry(option.rect);
    label->setStyleSheet("QLabel { background-color : transparent; }");

    painter->translate(option.rect.topLeft());
    label->render(painter);
    painter->translate(-option.rect.topLeft());
}

但是，它不会使超链接可单击。

为此，您可以使用以下技巧。重新实现表/列表视图的 setModel 方法并使用 setIndexWidget。

void MyView::setModel(QAbstractItemModel *m)
{
  if (!m)
    return;

  QTableView::setModel(m);

  const int rows = model()->rowCount();
  for (int i = 0; i < rows; ++i)
    {
      QModelIndex idx = model()->index(i, 1);

      QLabel *label = new QLabel;
      label->setTextFormat(Qt::RichText);
      label->setText(model()->data(idx, CTableModel::HtmlRole).toString());
      label->setOpenExternalLinks(true);

      setIndexWidget(idx, label);
    }
}

在上面的示例中，我将第 1 列替换为 qlabels。请注意，您需要取消模型中的显示角色以避免数据重叠。

无论如何，我对基于代表的更好解决方案感兴趣。

Answer 3

遗憾的是，当使用 QTableView 时，使用 setOpenExternalLinks() 渲染 QLabel 并不容易（与使用 QTableWidget< /代码>）。没有神奇的两行代码可以调用并完成工作。

1. 使用委托
2. 将委托设置为表的列
3. 使用 QTextDocument 与 setHTML() 结合使用来呈现 html 链接，
4. 这意味着您的模型需要提供包含 < code>a href
5. 计算链接的几何形状并提供事件处理程序以拦截鼠标
   • 当光标位于链接上方时更改光标
   • 点击链接时执行操作
6. 真是一团糟:( 我想要 painter->setWidgetToCell()

--

void LabelColumnItemDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
{

    if( option.state & QStyle::State_Selected )
        painter->fillRect( option.rect, option.palette.highlight() );


    painter->save();

    QTextDocument document;                         // <---- RichText 
    document.setTextWidth(option.rect.width());

    QVariant value = index.data(Qt::DisplayRole);
    if (value.isValid() && !value.isNull())
    {
        document.setHtml(value.toString());        // <---- make sure model contains html

        painter->translate(option.rect.topLeft());
        document.drawContents(painter);        
    }

    painter->restore();
}