Question

我正在对QT Quick进行一些测试，看看我是否可以将它用作旧Ui文件的GUI替代品。我注意到在一些示例中，自定义组件将填充库视图。我设法做到了（显然他们必须在qml文件的子目录中使用它们？）。但是，这些组件不会在Qt Quick设计窗口中呈现。实际上没有什么可以抓住或操纵的。运行程序后，它们会正确呈现。

有没有人有解决方案？我的来源是

import QtQuick 1.0
import Chips 1.0

Item {
    width: 100
    height: 62
    Chip
    {

    }
}

chip.cpp

#include "Chip.h"

#include <QtGui>


Chip::Chip(QDeclarativeItem *parent)
    : QDeclarativeItem(parent)
{
    x = 0;
    y = 0;
    color = QColor(0, 200, 0);
    setFlags(ItemIsSelectable | ItemIsMovable);
    setFlag(QGraphicsItem::ItemHasNoContents, false);
    setAcceptsHoverEvents(true);
}


//Chip::Chip(const QColor &color, int x, int y, QDeclarativeItem *parent)
//    : QDeclarativeItem(parent)
//{
//    this->x = x;
//    this->y = y;
//    this->color = color;
//    setZValue((x + y) % 2);

//    setFlags(ItemIsSelectable | ItemIsMovable);
//    setFlag(QGraphicsItem::ItemHasNoContents, false);
// setAcceptsHoverEvents(true);
//}

QRectF Chip::boundingRect() const
{
    return QRectF(0, 0, 110, 70);
}

QPainterPath Chip::shape() const
{
    QPainterPath path;
    path.addRect(14, 14, 82, 42);
    return path;
}

void Chip::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget)
{
    Q_UNUSED(widget);

    QColor fillColor = (option->state & QStyle::State_Selected) ? color.dark(150) : color;
    if (option->state & QStyle::State_MouseOver)
        fillColor = fillColor.light(125);

    const qreal lod = option->levelOfDetailFromTransform(painter->worldTransform());
    if (lod < 0.2) {
        if (lod < 0.125) {
            painter->fillRect(QRectF(0, 0, 110, 70), fillColor);
            return;
        }

        QBrush b = painter->brush();
        painter->setBrush(fillColor);
        painter->drawRect(13, 13, 97, 57);
        painter->setBrush(b);
        return;
    }

    QPen oldPen = painter->pen();
    QPen pen = oldPen;
    int width = 0;
    if (option->state & QStyle::State_Selected)
        width += 2;

    pen.setWidth(width);
    QBrush b = painter->brush();
    painter->setBrush(QBrush(fillColor.dark(option->state & QStyle::State_Sunken ? 120 : 100)));

    painter->drawRect(QRect(14, 14, 79, 39));
    painter->setBrush(b);

    if (lod >= 1) {
        painter->setPen(QPen(Qt::gray, 1));
        painter->drawLine(15, 54, 94, 54);
        painter->drawLine(94, 53, 94, 15);
        painter->setPen(QPen(Qt::black, 0));
    }

    // Draw text
    if (lod >= 2) {
        QFont font("Times", 10);
        font.setStyleStrategy(QFont::ForceOutline);
        painter->setFont(font);
        painter->save();
        painter->scale(0.1, 0.1);
        painter->drawText(170, 180, QString("Model: VSC-2000 (Very Small Chip) at %1x%2").arg(x).arg(y));
        painter->drawText(170, 200, QString("Serial number: DLWR-WEER-123L-ZZ33-SDSJ"));
        painter->drawText(170, 220, QString("Manufacturer: Chip Manufacturer"));
        painter->restore();
    }

    // Draw lines
    QVarLengthArray<QLineF, 36> lines;
    if (lod >= 0.5) {
        for (int i = 0; i <= 10; i += (lod > 0.5 ? 1 : 2)) {
            lines.append(QLineF(18 + 7 * i, 13, 18 + 7 * i, 5));
            lines.append(QLineF(18 + 7 * i, 54, 18 + 7 * i, 62));
        }
        for (int i = 0; i <= 6; i += (lod > 0.5 ? 1 : 2)) {
            lines.append(QLineF(5, 18 + i * 5, 13, 18 + i * 5));
            lines.append(QLineF(94, 18 + i * 5, 102, 18 + i * 5));
        }
    }
    if (lod >= 0.4) {
        const QLineF lineData[] = {
            QLineF(25, 35, 35, 35),
            QLineF(35, 30, 35, 40),
            QLineF(35, 30, 45, 35),
            QLineF(35, 40, 45, 35),
            QLineF(45, 30, 45, 40),
            QLineF(45, 35, 55, 35)
        };
        lines.append(lineData, 6);
    }
    painter->drawLines(lines.data(), lines.size());

    // Draw red ink
    if (stuff.size() > 1) {
        QPen p = painter->pen();
        painter->setPen(QPen(Qt::red, 1, Qt::SolidLine, Qt::RoundCap, Qt::RoundJoin));
        painter->setBrush(Qt::NoBrush);
        QPainterPath path;
        path.moveTo(stuff.first());
        for (int i = 1; i < stuff.size(); ++i)
            path.lineTo(stuff.at(i));
        painter->drawPath(path);
        painter->setPen(p);
    }
}

void Chip::mousePressEvent(QGraphicsSceneMouseEvent *event)
{
    QGraphicsItem::mousePressEvent(event);
    update();
}

void Chip::mouseMoveEvent(QGraphicsSceneMouseEvent *event)
{
    if (event->modifiers() & Qt::ShiftModifier) {
        stuff << event->pos();
        update();
        return;
    }
    QGraphicsItem::mouseMoveEvent(event);
}

void Chip::mouseReleaseEvent(QGraphicsSceneMouseEvent *event)
{
    QGraphicsItem::mouseReleaseEvent(event);
    update();
}

QColor Chip::getColor() const
{
    return color;
}

int Chip::getX() const
{
    return x;
}

int Chip::getY() const
{
    return y;
}

void Chip::setColor(const QColor &color)
{
    this->color = color;
}

void Chip::setX(const int &x)
{
    this->x = x;
}

void Chip::setY(const int &y)
{
    this->y = y;
}

chip.h

#ifndef CHIP_H
#define CHIP_H

#include <QtGui/QColor>
#include <QDeclarativeItem>

class Chip : public QDeclarativeItem
{
    Q_OBJECT
    Q_PROPERTY(int x READ getX WRITE setX)
    Q_PROPERTY(int y READ getY WRITE setY)
    Q_PROPERTY(QColor color READ getColor WRITE setColor)

public:
    Chip(QDeclarativeItem *parent = 0);
    Chip(const QColor &color, int x, int y);

    QRectF boundingRect() const;

    QColor getColor() const;
    int getX() const;
    int getY() const;

    void setColor(const QColor &color);
    void setX(const int &x);
    void setY(const int &y);

    QPainterPath shape() const;
    void paint(QPainter *painter, const QStyleOptionGraphicsItem *item, QWidget *widget);

protected:
    void mousePressEvent(QGraphicsSceneMouseEvent *event);
    void mouseMoveEvent(QGraphicsSceneMouseEvent *event);
    void mouseReleaseEvent(QGraphicsSceneMouseEvent *event);

private:
    int x, y;
    QColor color;
    QList<QPointF> stuff;
};

#endif

在我对此问题的调查中，我了解到您可以向QT Designer添加自定义小部件。在做出决定之前，我可能还要检查一下。任何帮助将不胜感激，谢谢。

Answer 1

更新：2015年12月

您必须将其标记为“支持”

Documentation clearly states您必须将其明确标记为支持，否则您将获得空白框。

Qt Quick中没有绘制不受支持的插件的项目设计师，但他们仍然可以作为空盒子和属性可以编辑。

为了做到这一点，您必须将其构建为插件，然后将关键字designersupported包含在插件共享对象/ dll所在的同一文件夹中的qmldir文件中。这是一个白名单，Qt Creator的木偶会相信你的代码，一定不要做长时间的操作或崩溃，否则你会崩溃木偶并使设计师无用。

旧的和过时的答案

同样的事情发生在我身上。这似乎是QtCreator中的一个错误。我深入研究了Rectangle QML项的代码，没有找到特别说明。所以QtCreator必须硬编码或其他东西。请参阅：http://developer.qt.nokia.com/forums/viewthread/2555

Answer 2

它们是空白的，使用C ++创建的自定义组件无法显示，但在运行应用程序时它们可以正常工作。 Qt中存在一个允许这样做的错误，但现在似乎是低优先级，因为它需要内部Qt更改。

<强>更新

就在最近，经过一些讨论后，创建了一个任务来实现一个阴影自定义组件的机制，它被标记为P1，很好！请参阅this bug report，他们甚至添加了一些您可以测试的正在进行的补丁。这是Qt的补丁，因此我们可能（或不）接近将其置于Qt 5.4中，然后Qt Creator将获得该支持。记住Qt现在有6个月的发布周期，所以它可能不会那么远。如果您需要，请注册并投票。

QT Quick Designer自定义组件是空白的吗？

2 个答案:

您必须将其标记为“支持”