Wie implementiert man 3D-Tiefe und Schatten in Qt / QML?

8

Ich mache eine Uhr für die Ubuntu Touch-Plattform und habe mir Designs gegeben, die ich implementieren muss. Die erforderliche Implementierung ist unten in Abbildung 1 gezeigt. Ich habe eine grundlegende Implementierung davon durchgeführt, wie in Abbildung 2 gezeigt. Gegenwärtig sind es zwei Rechtecke mit einem Radius, die miteinander mit einem farbigen Hintergrund verankert sind. Falls Sie einen Startpunkt (Code-weise) benötigen, schauen Sie sich bitte Ссылка

Welche Qt / QML-Effekte muss ich verwenden, um Tiefe und Schatten zu erzielen? Ich kann die Werte selbst optimieren, wenn ich weiß, welche Effekte erforderlich sind.

Hinweis 1: Ignoriere die Taktmarker und den Farbunterschied zwischen den 2 Bildern. Das ist etwas, das ich kenne.

Hinweis 2: Bitte stellen Sie Dokumentationsverknüpfungen bereit, damit ich die Dokumentation lesen kann, um sie an das gewünschte Design anzupassen.

    
Nik 13.09.2013, 07:57
quelle

2 Antworten

20

Es ist nicht wirklich 3D-Tiefe, nur ein leichter Glanz / Schatten, der leicht erreicht werden kann. Hier ist ein Beispiel für einen einfachen Ring:

%Vor%

Der Trick besteht darin, schwarz-transparente-weiße Farbverläufe zu zeichnen und sie zu maskieren, um nur eine dünne Linie um Kreise herum zu zeigen.

    
TheBootroo 13.09.2013, 08:15
quelle
1

Tiefe existiert nicht. Sie können Schlagschatten aus grafischen Effekten verwenden: Ссылка

    
lpapp 13.09.2013 08:06
quelle

Tags und Links