Effets d'image FireMonkey

De RAD Studio
Aller à : navigation, rechercher

Remonter à Guide des applications FireMonkey

Le moteur ImageFX intégré de FireMonkey fournit plus de 50 effets GPU. Ces effets sont des composants non visuels qui résident dans la catégorie Effets sur la Palette d'outils. Tous les effets fournis peuvent être simplement activés ou désactivés en définissant l'indicateur Enabled depuis le Concepteur de fiches, ou par programmation.

Presque tous les effets ont des propriétés spécifiques que vous pouvez personnaliser selon l'application. Par exemple, tous les effets de transition ont la propriété Progress qui est utilisée pour définir le degré de la progression (en pourcentage, %) à travers la transition, de la première texture à la seconde. Les propriétés spécifiées peuvent être trouvées dans l'inspecteur d'objets quand l'effet est sélectionné dans la vue Structure. Toutes les propriétés numériques de n'importe quel effet peuvent être animées afin de fournir une évolution graduelle dans le temps. Les effets d'image peuvent aussi être déclenchés.

Les effets FireMonkey sont construits en utilisant des filtres nuanceurs. Les nuanceurs modifient les pixels, individuellement ou en concert avec d'autres pixels, pour réaliser divers effets visuels. Ces effets ne sont pas limités aux données d'images bitmap ; les effets peuvent être appliqués aux pixels de tout contrôle 2D de l'interface utilisateur. Les effets peuvent être utilisés à l'exécution ou à la conception pour changer l'aspect de l'interface utilisateur de l'application. Les effets FireMonkey ne désactivent pas les contrôles ou les fonctionnalités quand ils sont appliqués.

Pour de plus amples informations sur l'application d'un effet FireMonkey, voir Application des effets d'image FireMonkey.

Types d'effets d'image

Les sous-classes fournies de TEffect tombent dans les catégories listées dans le tableau suivant. Chaque catégorie est décrite plus en détail et illustrée plus loin dans cette rubrique.

Effets modifiant les
pixels individuellement
Effets considérant le
le voisinage d'un pixel
Effets additionnels Effets modifiant l'image
dans son ensemble
Effets de transition

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

Flou

TBlurEffect.png TBlurEffect

TDirectionalBlurEffect.png TDirectionalBlurEffect

TBoxBlurEffect.png TBoxBlurEffect

TGaussianBlurEffect.png TGaussianBlurEffect

TRadialBlurEffect.png TRadialBlurEffect

Distorsions

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


Effets modifiant les pixels individuellement

Ces effets s'appliquent typiquement aux changements de couleur. La couleur de chaque pixel peut être considérée seule. Le tableau ci-dessous montre des exemples de ce type d'effet :

Effet Résultat Description Effet Résultat Description

Aucun

InputBitmap.png

Aucun effet n'est appliqué.

TMonochromeEffect

Monochrome.png

Transformation en échelle de gris

TInvertEffect

Invert.png

Inverse la couleur de chaque pixel

TContrastEffect

Contrast.png

Ajustement du contraste

THueAdjustEffect

HueAdjust.png

Ajustement de la teinte

Effets de remplissage

TFillRGBEffect ou

TFillEffect

Fill.png

Remplissage couleur, par préservation alpha ou par redéfinition complète

Effets considérant le voisinage d'un pixel

Ce type d'effet est appliqué en utilisant des algorithmes qui utilisent le voisinage d'un pixel pour définir la nouvelle valeur du pixel. Le tableau ci-dessous montre des exemples de ce type d'effet :

Effets de flou

Effet Résultat Description Effet Résultat Description

Aucun

InputBitmap.png

Aucun effet n'est appliqué.

TGaussianBlurEffect

GaussianBlur.png

Flou gaussien

TBoxBlurEffect

BoxBlur.png

Flou de boîte

TDirectionalBlurEffect

DirectionalBlur.png

Flou directionnel

TRadialBlurEffect

RadialBlur.png

Flou radial

TBlurEffect

StackBlur.png

Flou de pile

Distorsions diverses

Effet Résultat Description Effet Résultat Description

Aucun

InputBitmap.png

Aucun effet n'est appliqué.

Effets de tourbillons

TSwirlEffect et

TBandedSwirlEffect

Swirl.png

BandedSwirl.png

Applique un tourbillon à l'image d'entrée.

TWaveEffect

Wave.png

Applique un modèle de vague

TEmbossEffect

Emboss.png

Dessine la silhouette de l'image d'entrée.

TPixelateEffect

Pixelate.png

Réduit les détails de l'entrée

TMagnifyEffect

Magnify.png

Effet de loupe.

Effets modifiant l'image dans son ensemble

Ce type d'effet s'applique aux changements géométriques réalisés sur l'image d'entrée. Le tableau ci-dessous montre des exemples de ce type d'effet :

Effet Résultat Description Effet Résultat Description

Aucun

InputBitmap.png

Aucun effet n'est appliqué.

TCropEffect

Crop.png

Rogne l'image d'entrée.

TAffineTransformEffect

Rotating.png

Pivote l'image d'entrée et la met à l'échelle.

TPerspectiveTransformEffect

Perspective3D.png

Perspective 3D

TNormalBlendEffect

NormalBlend.png

Superpose deux images. Cela fonctionne quand la superposition a un effet de transparence.

TTilerEffect

Tiler.png

Organise l'image d'entrée en mosaïque.

Effets additionnels

Ce type d'effet affecte les images en ajoutant de nouveaux éléments à l'image originale. Les éléments peuvent être ajoutés sur les bords de l'image ou sur l'image entière. Le tableau ci-dessous montre des exemples de ce type d'effet :

Effet Image opaque Image avec des zones transparentes Description

Aucun

InputBitmap.png

FireMonkey logo NoEffects.PNG

Aucun effet n'est appliqué.

TGlowEffect

Glow.png

FireMonkey logo TGlowEffect.PNG

Ajoute une bande brillante

|TInnerGlowEffect

InnerGlow.png

FireMonkey logo TInnerGlowEffect.PNG

Ajoute une bande brillante à l'intérieur des zones non transparentes

TShadowEffect

Shadow.png

FireMonkey logo TShadowEffect.PNG

Ajoute une ombre aux zones non transparentes

TReflectionEffect

Reflection.png

FireMonkey logo TReflectionEffect.PNG

Ajoute un effet de réflexion à l'image entière

TBevelEffect

Bevel.png

FireMonkey logo TBevelEffect.PNG

Ajoute un biseau à l'image entière.

Effets de transition

FireMonkey inclut plus de vingt effets de transition d'image, dans lesquels les pixels source sont progressivement transformés en image bitmap cible, des fondus simples aux tourbillons à bandes sophistiqués. La progression de la transformation est déterministe et peut être définie sur un pourcentage arbitraire. Ce pourcentage peut être animé en transition temporelle. Pour animer la progression de la transformation, voir Appliquer un effet d'animation à une propriété d'un effet d'image.

Le tableau ci-dessous montre des transitions animées :

Transition Résultat Transition Résultat

TBandedSwirlTransitionEffect

BandedSwirlTransition.gif

TCircleTransitionEffect

CircleTransition.gif

TFadeTransitionEffect

FadeTransition1.gif

TMagnifyTransitionEffect

MagnifyTransition.gif

Programme d'exemples d'images FireMonkey

Le programme d'exemples ShaderFilters illustre la plupart des effets d'image FireMonkey, à l'exception des effets additionnels et du flou de pile de base.

Voir aussi

Exemples