FireMonkey-Bildeffekte

Aus RAD Studio
Wechseln zu: Navigation, Suche

Nach oben zu FireMonkey-Anwendungshandbuch

Die integrierte FireMonkey ImageFX-Engine bietet über 50 GPU-gestützte Effekte. Bei diesen Effekten handelt es sich um nicht visuelle Komponenten, die sich in der Kategorie Effekte der Tool-Palette befinden. Alle vorhandenen Effekte können einfach durch Setzen des Flags Enabled im Formular-Designer oder programmgesteuert aktiviert oder deaktiviert werden.

Fast alle Effekte verfügen über spezielle Eigenschaften, die Sie je nach Anwendung anpassen können. Beispielsweise verfügen alle Übergangseffekte über die Eigenschaft Progress, mit der der Verlauf (in Prozent, %) während des Übergangs von der ersten Textur zur zweiten Textur festgelegt werden kann. Die jeweilige Eigenschaft wird im Objektinspektor angezeigt, wenn der Effekt in der Strukturansicht ausgewählt ist. Alle numerischen Eigenschaften von Effekten können animiert werden, um eine allmählich fortschreitende Entwicklung darzustellen. Bildeffekte können auch ausgelöst werden.

FireMonkey-Effekte werden anhand von Schattiererfiltern erstellt. Die Schattierer verändern Pixel entweder einzeln oder unter Berücksichtigung anderen Pixel zur Erzielung verschiedener visueller Effekte. Diese Effekte sind nicht auf Bitmap-Bilddaten begrenzt; Effekte können für Pixel jedes beliebigen 2D-Steuerelements auf der Benutzeroberfläche angewendet werden. Mit Effekten kann zur Laufzeit oder beim Entwurf das Aussehen der Benutzeroberfläche einer Anwendung geändert werden. Durch Anwendung der FireMonkey-Effekte werden keine Steuerelemente oder Funktionen deaktiviert.

Weitere Informationen über die Anwendung von FireMonkey-Effekten finden Sie unter Anwenden von FireMonkey-Bildeffekten.

Arten von Bildeffekten

Die Unterklassen von TEffect können in die in der folgenden Tabelle aufgeführten Kategorien eingeteilt werden. Jede Kategorie ist weiter unten in diesem Thema ausführlich beschrieben und illustriert.

Effekte zum Ändern
einzelner Pixel
Effekte mit Berücksichtigung
benachbarter Pixel
Zusatzeffekte Effekte zum Ändern
des gesamten Bildes
Übergangseffekte

TInvertEffect.png TInvertEffect

TColorKeyAlphaEffect.png TColorKeyAlphaEffect

TMaskToAlphaEffect.png TMaskToAlphaEffect

TMonochromeEffect.png TMonochromeEffect

TBloomEffect.png TBloomEffect

TGloomEffect.png TGloomEffect

TContrastEffect.png TContrastEffect

THueAdjustEffect.png THueAdjustEffect

TFillRGBEffect.png TFillRGBEffect

TFillEffect.png TFillEffect

Weichzeichnung

TBlurEffect.png TBlurEffect

TDirectionalBlurEffect.png TDirectionalBlurEffect

TBoxBlurEffect.png TBoxBlurEffect

TGaussianBlurEffect.png TGaussianBlurEffect

TRadialBlurEffect.png TRadialBlurEffect

Verzerrungen

TBandedSwirlEffect.png TBandedSwirlEffect

TBandsEffect.png TBandsEffect

TMagnifyEffect.png TMagnifyEffect

TPinchEffect.png TPinchEffect

TRippleEffect.png TRippleEffect

TSmoothMagnifyEffect.png TSmoothMagnifyEffect

TSwirlEffect.png TSwirlEffect

TWaveEffect.png TWaveEffect

TWrapEffect.png TWrapEffect

TGlowEffect.png TGlowEffect

TInnerGlowEffect.png TInnerGlowEffect

TReflectionEffect.png TReflectionEffect

TShadowEffect.png TShadowEffect

TEmbossEffect.png TEmbossEffect

TPaperSketchEffect.png TPaperSketchEffect

TPencilStrokeEffect.png TPencilStrokeEffect

TPixelateEffect.png TPixelateEffect

TSepiaEffect.png TSepiaEffect

TSharpenEffect.png TSharpenEffect

TToonEffect.png TToonEffect

TBevelEffect.png TBevelEffect

TAffineTransformEffect.png TAffineTransformEffect

TCropEffect.png TCropEffect

TNormalBlendEffect.png TNormalBlendEffect

TPerspectiveTransformEffect.png TPerspectiveTransformEffect

TTilerEffect.png TTilerEffect

TBandedSwirlTransitionEffect.png TBandedSwirlTransitionEffect

TBlindTransitionEffect.png TBlindTransitionEffect

TBloodTransitionEffect.png TBloodTransitionEffect

TBlurTransitionEffect.png TBlurTransitionEffect

TBrightTransitionEffect.png TBrightTransitionEffect

TCircleTransitionEffect.png TCircleTransitionEffect

TCrumpleTransitionEffect.png TCrumpleTransitionEffect

TDissolveTransitionEffect.png TDissolveTransitionEffect

TDropTransitionEffect.png TDropTransitionEffect

TFadeTransitionEffect.png TFadeTransitionEffect

TLineTransitionEffect.png TLineTransitionEffect

TMagnifyTransitionEffect.png TMagnifyTransitionEffect

TPixelateTransitionEffect.png TPixelateTransitionEffect

TRippleTransitionEffect.png TRippleTransitionEffect

TRotateCrumpleTransitionEffect.png TRotateCrumpleTransitionEffect

TSaturateTransitionEffect.png TSaturateTransitionEffect

TShapeTransitionEffect.png TShapeTransitionEffect

TSlideTransitionEffect.png TSlideTransitionEffect

TSwipeTransitionEffect.png TSwipeTransitionEffect

TSwirlTransitionEffect.png TSwirlTransitionEffect

TWaterTransitionEffect.png TWaterTransitionEffect

TWaveTransitionEffect.png TWaveTransitionEffect

TWiggleTransitionEffect.png TWiggleTransitionEffect


Effekte zum Ändern einzelner Pixel

Diese Effekte betreffen normalerweise Farbänderungen. Die Farbe jedes einzelnen Pixels kann berücksichtig werden. Die folgende Tabelle enthält einige dieser Effekte:

Effekt Ergebnis Beschreibung Effekt Ergebnis Beschreibung

Kein Effekt

InputBitmap.png

Keine Effekte angewendet

TMonochromeEffect

Monochrome.png

Umwandlung in Graustufen

TInvertEffect

Invert.png

Inversion der Farbe jedes einzelnen Pixels

TContrastEffect

Contrast.png

Einstellen des Kontrasts

THueAdjustEffect

HueAdjust.png

Anpassen der Farbtöne

Fülleffekte

TFillRGBEffect oder

TFillEffect

Fill.png

Farbfüllung, entweder Beibehalten des Alphakanals oder vollständiges Überschreiben

Effekte mit Berücksichtigung benachbarter Pixel

Dieser Typ von Effekten wird anhand von Algorithmen angewendet, die beim Festlegen des neuen Pixelwertes die benachbarten Pixel berücksichtigen. Die folgende Tabelle enthält einige dieser Effekte:

Weichzeichnungseffekte

Effekt Ergebnis Beschreibung Effekt Ergebnis Beschreibung

Kein Effekt

InputBitmap.png

Keine Effekte angewendet

TGaussianBlurEffect

GaussianBlur.png

Gaußsche Weichzeichnung

TBoxBlurEffect

BoxBlur.png

Feldweichzeichnung

TDirectionalBlurEffect

DirectionalBlur.png

Direktionale Weichzeichnung

TRadialBlurEffect

RadialBlur.png

Radiale Weichzeichnung

TBlurEffect

StackBlur.png

Stapelweichzeichnung (Stack Blur)

Verschiedene Verzerrungen

Effekt Ergebnis Beschreibung Effekt Ergebnis Beschreibung

Kein Effekt

InputBitmap.png

Keine Effekte angewendet

Wirbeleffekte

TSwirlEffect und

TBandedSwirlEffect

Swirl.png

BandedSwirl.png

Verwirbelt das Eingabebild.

TWaveEffect

Wave.png

Wendet Wellenmuster an.

TEmbossEffect

Emboss.png

Hebt die Konturen des Eingabebildes reliefartig hervor.

TPixelateEffect

Pixelate.png

Reduziert die Eingabedetails.

TMagnifyEffect

Magnify.png

Vergrößerungsglas

Effekte zum Ändern des gesamten Bildes

Bei dieser Art von Effekten werden für das Eingabebild geometrische Änderungen vorgenommen. Die folgende Tabelle enthält einige dieser Effekte:

Effekt Ergebnis Beschreibung Effekt Ergebnis Beschreibung

Kein Effekt

InputBitmap.png

Keine Effekte angewendet

TCropEffect

Crop.png

Schneidet das Eingabebild aus.

TAffineTransformEffect

Rotating.png

Dreht und skaliert das Eingabebild.

TPerspectiveTransformEffect

Perspective3D.png

3D-Perspektive

TNormalBlendEffect

NormalBlend.png

Überlagert zwei Bilder. Die Überlagerung muss dazu über transparente Bereiche verfügen.

TTilerEffect

Tiler.png

Kachelt das Eingabebild

Zusatzeffekte

Bei dieser Art von Effekten werden dem Originalbild neue Elemente hinzugefügt. Die Elemente können den Bildrändern oder dem gesamten Bild hinzugefügt werden. Die folgende Tabelle enthält einige dieser Effekte:

Effekt Undurchsichtiges Bild Bild mit transparenten Bereichen Beschreibung

Kein Effekt

InputBitmap.png

FireMonkey logo NoEffects.PNG

Keine Effekte angewendet

TGlowEffect

Glow.png

FireMonkey logo TGlowEffect.PNG

Fügt einen leuchtenden Streifen hinzu.

|TInnerGlowEffect

InnerGlow.png

FireMonkey logo TInnerGlowEffect.PNG

Fügt einen leuchtenden Streifen innen im nicht transparenten Bereich hinzu.

TShadowEffect

Shadow.png

FireMonkey logo TShadowEffect.PNG

Fügt zu nicht transparenten Bereichen Schatten hinzu.

TReflectionEffect

Reflection.png

FireMonkey logo TReflectionEffect.PNG

Spiegelt das gesamte Bild.

TBevelEffect

Bevel.png

FireMonkey logo TBevelEffect.PNG

Schrägt das gesamte Bild ab.

Übergangseffekte

FireMonkey enthält über zwanzig Übergangseffekte, bei denen Quell-Pixel schrittweise in ein Bitmap-Zielbild umgewandelt werden, vom einfachen Ausblenden bis zu aufwändigen Streifenwirbeln. Der Verlauf der Umwandlung ist festgelegt und kann auf einen beliebigen Prozentsatz gesetzt werden. Dieser Prozentsatz kann animiert werden, um den Übergang im zeitlichen Verlauf durchzuführen. Informationen zur Animation des Verlaufs des Übergangs finden Sie unter Anwenden eines Animationseffekts für eine Eigenschaft eines Bildeffekts.

Die folgende Tabelle enthält einige animierte Übergänge:

Übergang Ergebnis Übergang Ergebnis

TBandedSwirlTransitionEffect

BandedSwirlTransition.gif

TCircleTransitionEffect

CircleTransition.gif

TFadeTransitionEffect

FadeTransition1.gif

TMagnifyTransitionEffect

MagnifyTransition.gif

Beispielprogramm für FireMonkey-Bilder

Das Beispielprogramm ShaderFilters zeigt die FireMonkey-Bildeffekte mit Ausnahme der Zusatzeffekte und der grundlegenden Stapelweichzeichnung (Stack Blur).

Siehe auch

Beispiele