Wie man ein Qt interaktives Textbearbeitungs-Widget erstellt

Question

Ich möchte eine Anwendung mit zwei Haupt-Widgets entwickeln, von denen eines ein Texteditor und das andere ein Grafikbetrachter ist.

Die Grundidee ist der Benutzer schwebt über jeden Codeblock im Textbereich und der damit verbundenen Teil der Zeichnung lassen wird ausgewählt oder hervorgehoben.

Für das Grafik-Widget scheint QGraphicsScene nach einigen Recherchen den Anforderungen am besten zu entsprechen, aber ich bin mir nicht sicher, welches Widget für den Texteditor verwendet wird, damit es ein Signal gibt, wenn ich über irgendeinen Codeblock schwebe (und senden Sie auch einen String-Parameter "ID" des Blocks).

Die umgekehrte Aktion ist ebenfalls erforderlich. Wenn der Benutzer das Element in der Grafikansicht prüft, wird in der Textansicht gescrollt, um den zugeordneten Codeblock anzuzeigen und zu markieren (wie in der Google Chrome-Funktion "Element prüfen").

Answer 1

Um Text hervorzuheben, wenn ein Objekt in der Szene schwebt, müssen Sie QGraphicsScene und QGraphicsItem (welches Sie verwenden) neu implementieren, um Hauptfenster zu informieren, um Text zu finden und hervorzuheben.Hier ist Beispielcode Text zu markieren, wenn ein Objekt in Szene schwebte ich verwendet QGraphicsPixmapItem:

---

Grafik-Szene

class GraphicScene : public QGraphicsScene 
{ 
    Q_OBJECT 
public: 
    GraphicScene(); 

    void EmitItemHoverd(QString name) 
    { 
     emit SignalItemHovered(name); 
    } 


signals: 
    void SignalItemHovered(QString); 
}; 

---

GraphicsItem:

#include "GraphicScene.h" 

class GraphicItem : public QGraphicsPixmapItem 
{ 
    QString itemName; 
    GraphicScene * scene; 
public: 
    GraphicItem(GraphicScene *s, QString name);//name you can set from editor 

    void hoverEnterEvent(QGraphicsSceneHoverEvent *event); 

}; 
GraphicItem::GraphicItem(GraphicScene *s, QString name) 
{ 
    scene = s; 
    itemName = name; 
    this->setAcceptHoverEvents(true); 
} 

void GraphicItem::hoverEnterEvent(QGraphicsSceneHoverEvent *event) 
{ 
    scene->EmitItemHoverd(itemName); 
} 

---

in Mainwindow Konstruktor verbinden

connect(scene,SIGNAL(SignalItemHovered(QString)),this,SLOT(OnItemHovered(QString))); 

Hier Slot:

void MainWindow::OnItemHovered(QString name) 
{ 
    ui->textEdit->find(name); 
    QTextCursor tc = ui->textEdit->textCursor(); 
    tc.select(QTextCursor::WordUnderCursor);  
    ui->textEdit->find("}"); 
    QTextCursor tc1 = ui->textEdit->textCursor(); 
    tc1.select(QTextCursor::WordUnderCursor); 
    int pos2 = tc1.selectionStart(); 

    tc.setPosition(pos2,QTextCursor::KeepAnchor); 
    ui->textEdit->setTextCursor(tc); 
} 

und Logik zu zeichnen:

GraphicItem * item = new GraphicItem(scene,"Circle"); 

    QPixmap map(50,50); 
    QPainter * painter= new QPainter(&map); 
    painter->setBrush(QBrush(Qt::red,Qt::SolidPattern)); 
    painter->drawEllipse(20,20,15,15); 
    item->setPixmap(map); 

    scene->addItem(item); 
    ui->graphicsView->update(); 
    delete painter; 

HINWEIS: public EmitItemHoverd Verwendung ein Problem sein kann, hier habe ich nur aus Gründen der Erläuterung der Logik, die Sie kann es mit den erforderlichen Änderungen schützen.

Ja wusste, dass ich seine Hälfte der Antwort, aber entgegengesetzte Logik implimented werden kann mit Neudefinition `mouseMoveEvent` in abgeleiteten Klasse des Widgets in dem Sie schweben erkennen, basierend auf über

Answer 2

Sie können QTextEdit::cursorForPosition und QTextCursor::position verwenden, um Mauskoordinaten in Position im Text zu konvertieren. Sie können den überlebten Codeblock anhand dieser Position ermitteln.

Sie können einen beliebigen Codeblock in der Textbearbeitung auswählen, wie in this answer beschrieben.

QGraphicsScene scheint eine gute Wahl zu sein, da es alle Funktionen enthält, die Sie benötigen.

Answer 3

Ich würde dies vollständig in QML versuchen. Ich würde den Texteditor eine Liste von Textbereichen machen (möglicherweise ein neues QML-Element für die gewünschte Formatierung erstellen). Jedes Element in der Liste ist effektiv ein neu erstelltes QML-Element selbst (das geeignet ist, in eine .qml-Datei ausgegeben und in einem höheren Element referenziert zu werden). An dieser Stelle können Sie jedes dieser Elemente in die QML-Ansicht auf der linken Seite injizieren, indem Sie nur Mouse-Handler hinzufügen, die ausgelöst werden, wenn Sie den Mauszeiger über den Bereich bewegen.

Die linke Seite ist also eine QML-Szene, die von einem Controller verwaltet und aktualisiert wird, der unformatierten Text aus einer Elementliste auf der rechten Seite nimmt und versucht, ihn als neuen QML-Typ auszugeben. Es sollte nach der Theorie in meinem Kopf funktionieren, und es würde eine erhebliche Menge an Komplexität reduzieren (insbesondere beim direkten Zuordnen eines Mauspunkts in einen Textkörper).