Semitransparenter Fensterhintergrund mit Gradient

[Codehunter]

Ahoi,

im Bild unten sieht man einen Splashscreen bzw. in dem Fall ein Installerfenster. Im oberen Teil erkennt man einen semitransparenten Gradient von geschätzt 60% Opacity (oben) auf 100% Opacity. Wie kann man sowas mit der VCL nachbauen? Früher hat man sowas ja getrickst mit Screenshots und interner Bitmap-Berechnung. In dem Fall ist das Fenster aber "echt" halbdurchsichtig, was man aber erst bemerkt wenn man das Fenster der Maus verschiebt und der Hintergrund ruckelfrei gemalt wird. Mit Glassframe allein kommt man da nicht weiter, weil es sich um einen Transparenzverlauf handelt und nicht eine einheitlich halbtransparente Fläche.

Grüße
Cody

[Uwe Raabe]

Zitat:

Zitat von Codehunter (Beitrag 1401653)

im Bild unten sieht man einen Splashscreen bzw. in dem Fall ein Installerfenster. Im oberen Teil erkennt man einen semitransparenten Gradient von geschätzt 60% Opacity (oben) auf 100% Opacity. Wie kann man sowas mit der VCL nachbauen?

Im Form das Property AlphaBlend auf True und für AlphaBlendValue einen geeigneten Wert einsetzen.

[Aviator]

Zitat:

Zitat von Uwe Raabe (Beitrag 1401655)

Zitat:

Zitat von Codehunter (Beitrag 1401653)

im Bild unten sieht man einen Splashscreen bzw. in dem Fall ein Installerfenster. Im oberen Teil erkennt man einen semitransparenten Gradient von geschätzt 60% Opacity (oben) auf 100% Opacity. Wie kann man sowas mit der VCL nachbauen?

Im Form das Property AlphaBlend auf True und für AlphaBlendValue einen geeigneten Wert einsetzen.

Wird dann aber nicht die gesamte Form transparent? Im Beispiel ist ja nur der Rand teilweise transparent. Ich denke mal darum ging es CodeHunter.

[Uwe Raabe]

Zitat:

Zitat von Aviator (Beitrag 1401657)

Wird dann aber nicht die gesamte Form transparent? Im Beispiel ist ja nur der Rand teilweise transparent.

Das ist richtig. Dann hatte ich das falsch verstanden.

[Codehunter]

Genau!

Zitat:

Zitat von Codehunter (Beitrag 1401653)

Mit Glassframe allein kommt man da nicht weiter, weil es sich um einen Transparenzverlauf handelt und nicht eine einheitlich halbtransparente Fläche.

EDIT: Vielleicht wird es mit diesem Bild etwas deutlicher was ich meine.

[TiGü]

Hier würde sich die Verwendung von VCL-Styles anbieten.

[DeddyH]

Oder wenn man Zeit und Interesse hat: Transparent graphics with pure GDI. Am Ende des 2 Teils gibt es eine herunterladbare Klasse. Ich selbst habe sie nicht ausprobiert, aber die Screenshots der Demo sind IMHO recht ansprechend.

[himitsu]

Nee, das ist nicht TForm.AlphaBlend (ganze Form), sondern TForm.GlassFrame (nur der Rahmen).

[Uwe Raabe]

Zitat:

Zitat von himitsu (Beitrag 1401684)

Nee, das ist nicht TForm.AlphaBlend (ganze Form), sondern TForm.GlassFrame (nur der Rahmen).

Hast du das ausprobiert? Auch unter Windows 10?

[Alallart]

Ist das wirklich der normale Rahmen des Systems? Für mich sieht das nach einer Sonderform aus. Die Sonderform sieht zwar dezent aus, aber für mich sieht das nach einem selbst gezeichneten Rahmen aus.

[Codehunter]

Zitat:

Zitat von Alallart (Beitrag 1401690)

Ist das wirklich der normale Rahmen des Systems? Für mich sieht das nach einer Sonderform aus. Die Sonderform sieht zwar dezent aus, aber für mich sieht das nach einem selbst gezeichneten Rahmen aus.

Das ist eine Sonderform. Das System ist ein Windows 10. Da ist nix mit rundgelutschten Ecken ;-)

Wenn das so trivial wäre mit Style und Alphablend, wäre ich längst weiter... :-) Ich dacht mir schon dass das nicht so ganz trivial ist. Mir ist noch aufgefallen, dass beim Verschieben des Fensters von rechts oben nach links unten (nur in dieser Diagonalachse!) gelegentlich ein weißes Flickern am oberen Rand des Textpanels ("Install-Assi abgeschlossen") sichtbar ist. Aber für ein softwarebasiertes Capture + Alphablending ist es trotzdem zu schnell, irgendwas mit GDI+ oder DirectDraw wirds schon sein. Zumal sich ein Video das im Hintergrund abgespielt wird, auch durchscheinen lässt. Das ist IMHO per klassischem Capturing nicht möglich.

[EWeiss]

Ist im Grunde fast das gleiche wie das hier.
GDI+ Gradient zeichnen in Verbindung mit Blur (kann man auch was anderes verwenden.)
SetlayeredWindow oder der gleichen

Ich werde mal versuchen das Fenster nachzubauen.
EDIT:
Siehe Anhang eigentlich ganz einfach.

gruss