Verwenden der Verarbeitung zum Erstellen visueller Schaltflächen

Question

Wie würde ich mit der Verarbeitung visuell ansprechende Schaltflächen erstellen, die beim Anklicken Daten über eine serielle Schnittstelle senden? Ist das in Processing möglich oder müsste ich etwas anderes verwenden?

Answer 1

Sie sprechen wirklich über zwei verschiedene Dinge:

Wie zeichne ich einen Knopf?

Wie Sie dies tun, hängt ganz von Ihnen ab. Sie könnten einfach ein Rechteck mit der Funktion rect() oder einen Kreis mit der Funktion ellipse() zeichnen und dann einen Text mit der Funktion text() dort einfügen. Oder Sie könnten eine Bilddatei laden und diese mit der Funktion image() zeichnen. Es liegt ganz bei Ihnen.

Wie mache ich etwas, wenn der Benutzer auf eine Schaltfläche klickt?

Dies ist ein wenig komplizierter, aber immer noch ziemlich einfach in der Verarbeitung. Sie würden die mouseX und mouseY Variablen und if Anweisungen verwenden, um zu überprüfen, ob diese Position in einer Ihrer Schaltflächen ist, und dann die richtige Sache tun, wenn dies der Fall ist.

Die Verarbeitung kommt mit mehreren Beispielen von Tasten, sollten Sie sich diese ansehen.

Eine andere Option ist die Verwendung einer GUI-Bibliothek, aber das ist wahrscheinlich zu viel, wenn Sie nur ein paar Schaltflächen anzeigen möchten.