einfacher Schlagschatten

[stahli]

Ich habe mal im Selbstversuch einen Schatten programmiert (alles im Bitmap.Canvas mit Standardgrafik).
Ich zeichne dazu einfach unterschiedlich durchsichtige Linien neben das betreffende Rect.
Im Grunde ist das schon ok. Nur, mir gefallen die scharfen Übergänge noch nicht so ganz.

Hat jemand einen besseren Ansatz, der auch performant und möglichst übersichtlich ist?

Ich könnte mir vorstellen, ein weißes "Schattenbitmap" rechts und unten mit grauen Verläufen zu füllen und das dann zu bluren (also verwaschen auf den Hintergrund zeichnen - wobei das weiß dann quasi transparent bleiben müsste...)

Jemand eine Idee?

Delphi-Quellcode:

  procedure ShadowAlpha;
  var
    tmpBitmap: TBitmap;
    BlendFunc: TBlendFunction;
    C: TColor;
    I: Integer;
    SD: Integer;
  begin
    tmpBitmap := TBitmap.Create;

    C := clGray;
    SD := 70 div ShadowWith;

    tmpBitmap.Width := 1;
    tmpBitmap.Height := ClientRect.Height;
    tmpBitmap.Canvas.Brush.Color := C;
    tmpBitmap.Canvas.FillRect(Rect(0, 0, tmpBitmap.Width, tmpBitmap.Height));
    for I := 1 to ShadowWith do
    begin
      // Blend a foreground image over the top - constant alpha, not per-pixel
      BlendFunc.BlendOp := AC_SRC_OVER;
      BlendFunc.BlendFlags := 0;
      BlendFunc.SourceConstantAlpha := Max(70 - (I * SD) - (I * 2), 0);
      BlendFunc.AlphaFormat := 0;
      AlphaBlend(aBitmap.Canvas.Handle, ClientRect.Right + I - 1,
        ClientRect.Top + I, tmpBitmap.Width, tmpBitmap.Height,
        tmpBitmap.Canvas.Handle, 0, 0, tmpBitmap.Width, tmpBitmap.Height,
        BlendFunc);
    end;

    tmpBitmap.Height := 1;
    tmpBitmap.Width := ClientRect.Width;
    tmpBitmap.Canvas.Brush.Color := C;
    tmpBitmap.Canvas.FillRect(Rect(0, 0, tmpBitmap.Width, tmpBitmap.Height));
    for I := 1 to ShadowWith do
    begin
      // Blend a foreground image over the top - constant alpha, not per-pixel
      BlendFunc.BlendOp := AC_SRC_OVER;
      BlendFunc.BlendFlags := 0;
      BlendFunc.SourceConstantAlpha := Max(70 - (I * SD) - (I * 2), 0);
      BlendFunc.AlphaFormat := 0;
      AlphaBlend(aBitmap.Canvas.Handle, ClientRect.Left + I,
        ClientRect.Bottom + I, tmpBitmap.Width, tmpBitmap.Height,
        tmpBitmap.Canvas.Handle, 0, 0, tmpBitmap.Width, tmpBitmap.Height,
        BlendFunc);
    end;

    tmpBitmap.Free;
  end;

[Neutral General]

Das mit dem Schattenbitmap sollte gehen. Die Alphablend Funktion unterstützt auch per Pixel Alpha.
Du könntest also deinen Schatten auf das weiße Bitmap zeichen, bluren, den weißen Pixeln einen Alphawert von 0 geben und dann das Schattenbitmap über das Zielbitmap blenden. Brauchst dafür natürlich 32-Bit Bitmaps (zumindest für das Schattenbitmap) und musst dann mit Scanline "malen" oder zumindest musst du mit Scanline die Alphawerte der einzelnen Pixel setzen.

[Union]

Schön übersichtlich wird das nicht wegen der Alphablend-Aufrufe, aber hier sind schöne Beispiele. Ich würde auch keine Schleife verwenden und Linien zeichnen, aber dafür Vcl.Graphutil.GradientFillCanvas verwenden.

[stahli]

Danke schon mal.
Ich werde erst mal noch einen anderen Ansatz versuchen:

Ich muss ja auch prüfen, ob Controls als Block aneinander sitzen.
Dann darf der Schatten nicht neben jedem Control gezeichnet werden, da es sonst unlogische Überneidungen gibt (rechts im Bild neben dem roten Kasten).

Also versuche ich folgendes:

- alle nicht hochgehobenen Controls zeichnen
- alle Regionen der hochgehobenen Controls (i.F. "hC") vom Zeichnen ausnehmen <- ist vermutlich gar nicht nötig
- alle hC nach .Left und .Top sortieren
- alle rechten Kanten (bzw. Teile) der hC ermitteln, die NICHT von anderen hC berührt werden
- alle angrenzenden gesammelten Kanten-Teile vereinen
- rechte Schatten an allen Kanten malen, dazu beide Enden auf den letzten Pixeln abschwächen
- ... das Gleiche für die unteren Kanten
- gesperrte Regionen freigeben
- alle hC zeichnen

Damit sollten die rot gerahmten Controls im Bild als Block erscheinen (auch wenn sie nicht genau bündig wären) und auf "Type 14" könnte kein Schatten mehr fallen.

Mal sehen, ob das so klappt...




PS: Man sollte beim Schreiben nicht die ESC-Taste erwischen. Dann ist der geschriebene Text offenbar unwiederbringlich weg... :pale:

[stahli]

So, nach der o.g. Verfahrensweise passt das Ergebnis jetzt für mich.
So kann ich auf Blur verzichten, auch wenn das vielleicht noch etwas hübscher wäre.
Aber den Schatten brauche ich nur beim Verschieben von Controls. Da muss man es nicht ganz so genau nehmen. ;-)

Im Bild habe ich mal ein paar Controls aus dem Drag-Block ausgenommen um auch mal Lücken zu testen.
Soweit funktioniert das sehr gut. Es ist hier allerdings nicht auf teilweise Überschneidungen bzw. Anstossungen ausgelegt.
Bei Bedarf müsste man das noch optimieren.

Falls es jemanden hilft, anbei meine Quellen dazu.
Das kann man natürlich nicht 1:1 übernehmen (da es sich um eigene Controls handelt), aber evtl. als Anregung.

[himitsu]

Ist der Schatten nicht ein Pixel zu tief? (unter den erhobenen Feldern ist noch ein weißer Streifen)

[stahli]

Oh ja. Danke! :oops:

Normalerweise bin ich bei solchen Sachen auch Pixelfetischist.
Hatte mich wohl zu lange daran abgeplagt und gestern nicht mehr die nötige Ruhe. :-)

Pas ist auch ersetzt.

[stahli]

Ich habe nochmal etwas korrigieren müssen. Unregelmäßige Blöcke wurden noch nicht korrekt schattiert.
Außerdem habe ich den Schatten noch etwas kürzer und dunkler gemacht. Passt m.E. so besser.


Nebenbei mal noch etwas zum Display:

Mir ist heute auf dem Dienstrechner aufgefallen, dass die Einfärbung der ungeraden Zeilen dort gar nicht zu erkennen ist - und zwar weder im Programm noch auf den hochgeladenen Bildern aus meinen Beiträgen. Erst wenn ich von oben auf das Display schaue, erkenne ich unterschiedliche Färbungen. Auf meinem Laptop ist das auch so (gerade getestet).

Auf meinem Privat-PC ist die Färbung aber eigentlich schon recht deutlich. Da die ja dezent sein soll will ich sie eigentlich auch nicht weiter verstärken.

Mir ist zwar bewusst, dass die Displays durchaus unterschiedliche Farbdarstellungen haben, ich dachte aber nicht, dass das zu solchen Unterschieden führt, dass man unterschiedliche Zeilenfärbungen (Helligkeiten) nicht mehr erkennt... !?

Soll ich eine individuelle Färbung ermöglichen und das pro System in der Registry ablegen, oder wie geht man am besten damit um?


Seht Ihr die Zeilenfärbungen bei Euch?
(Anbei nochmal ein Screenshot und Handyfoto.)


EDIT: Oups, ich habe 3 gleiche Monitore. Auf dem dritten ist die Zeilenfärbung auch kaum zu erkennen. Einziger Unterschied: Der Monitor ist über HDMI angeschlossen, die anderen 2 über DisplayPort. Ich werde wohl die Einfärbung einfach noch etwas erhöhen.

[Dejan Vu]

Wie sieht das aus, wenn zwei Controls sehr nahe beieinander liegen, d.h. der Abstand kleiner als die Schattenbreite ist?

Zeichne einfach zuerst die Controls ohne Schatten, dann die Schatten, und erst danach die Controls mit Schatten, d.h. Du fängst in der Z-Richtung 'hinten' an. Das ist zwar für deinen Spezialfall nicht unbedingt nötig, aber als allgemeine Lösung vermutlich sinnvoll(er).

[stahli]

Genau so mache ich das.
Siehe auch #4 (außer "gesperrte Regionen freigeben", da ich dort keine Regionen mehr brauche).

[jfheins]

Zitat:

Zitat von stahli (Beitrag 1302641)

Auf meinem Privat-PC ist die Färbung aber eigentlich schon recht deutlich. Da die ja dezent sein soll will ich sie eigentlich auch nicht weiter verstärken.

Mir ist zwar bewusst, dass die Displays durchaus unterschiedliche Farbdarstellungen haben, ich dachte aber nicht, dass das zu solchen Unterschieden führt, dass man unterschiedliche Zeilenfärbungen (Helligkeiten) nicht mehr erkennt... !?

Soetwas kann man eigentlich nur sinnvoll mit einem kalibrierten Monitor klären. Entwickelt wird auf einem kalibrierten Monitor, und wer seinen Monitor nicht kalibriert muss ggf. mit einer falschen Darstellung leben. Ich gehe mal davon aus, dass du keinen kalibriert hast und vermutlich (=reine Spekulation) zeigt dein Privat-PC bei hellen Graustufen größere Unterschiede und vermischt dafür sehr funkle Grautöne, die eigentlich noch unterscheidbar sein sollten, zu einem schwarz. Kannst du hier alle Graustufen unterscheiden? http://www.movie-college.de/download/graumc.png

[Dejan Vu]

Ach so. Ich hatte das anders verstanden (den Code aber auch nicht gelesen).

[stahli]

Zitat:

Zitat von jfheins (Beitrag 1302734)

Soetwas kann man eigentlich nur sinnvoll mit einem kalibrierten Monitor klären. Entwickelt wird auf einem kalibrierten Monitor, und wer seinen Monitor nicht kalibriert muss ggf. mit einer falschen Darstellung leben. Ich gehe mal davon aus, dass du keinen kalibriert hast und vermutlich (=reine Spekulation) zeigt dein Privat-PC bei hellen Graustufen größere Unterschiede und vermischt dafür sehr funkle Grautöne, die eigentlich noch unterscheidbar sein sollten, zu einem schwarz. Kannst du hier alle Graustufen unterscheiden? http://www.movie-college.de/download/graumc.png

Ja, die Abstufungen kann ich auf allen drei Monitoren klar erkennen.
Ich habe einfach drei Monitore im Handel gekauft. Ich denke nicht, dass die besonders kalibriert sind.

Ich dachte, dass Farbunterschiede zwischen Monitortypen zwar vorhanden sind, aber nicht dass sich das so auswirkt, dass Helligkeitsunterschiede innerhalb eines Bildes "verloren gehen" können.
Ok, danke für die Infos. Man lernt nie aus.

[stahli]

1) Schlagschatten

Habe das Ganze mal noch etwas dynamischer gemacht: https://youtu.be/Nm1ILE2JiNs :-)
Dazu braucht man einem Control (hier Zelle) nur einen Schattenwert (Byte) zuweisen.


2) Monitorkalibrierung

Ich hatte ja Null Ahnung.
Dann hatte ich von der Monitorkalibrierung unter Windows erfahren und bei mir alles verstellt. :-(
Jedenfalls sah es vorher besser aus. Auch Rücksetzung des Farbprofils und der Monitorwerte auf Werkeinstellungen bringen nicht wirklich viel.

Habe mir jetzt mal ein Kalibrierungsgerät bestellt (wusste gar nicht, dass es so etwas für den Hausgebrauch gibt).
https://www.youtube.com/watch?v=Y8H_23W7o_s
Mal sehen, was es bringt...

[Harry Stahl]

Zitat:

Zitat von stahli (Beitrag 1303948)

Habe mir jetzt mal ein Kalibrierungsgerät bestellt (wusste gar nicht, dass es so etwas für den Hausgebrauch gibt).
https://www.youtube.com/watch?v=Y8H_23W7o_s
Mal sehen, was es bringt...

Habe mir mal das Video angesehen und direkt auch so ein Teil bestellt. Mal gespannt...

[stahli]

Das Spyder-Thema habe ich mal ausgelagert: http://www.delphipraxis.net/185381-m...or-spyder.html

[stahli]

Die Schattenlösung habe ich nochmal umgebaut.
Wer will, hier geht es weiter: http://www.delphipraxis.net/185374-r...ml#post1304439