Button mit Hover-Effekt

[ralfiii]

Hallo!

Ich brauche eine Komponente die mir eine Grafik anzeigt mit einer Beschriftung drunter (siehe angehängtes Bild, sowas in der Art)

Fährt man mit der Maus drüber sollte die Grafik eine Spur vergrößert werden (zwei definierbare Grafiken gehen natürlich auch).

Ich hab mal im TMS-Pack gegraben und erstaunt festgestellt, dass die Buttons dort keine Hover-Effekte haben.

Empfehlungen?
(ausser der naheliegenden, nämlich das selbst zu programmieren)

Danke!

[Mysterio08]

Wenn ich nichts übersehe, dann könntest du doch TBitnBtn nehmen. Mit Grafiken (Eigenschaft Glyph) kann man die Buttons versehen und das Bild kannst du im OnMouseMove-Ereignis wechseln. Die Bilder müssen nur vom Typ .bmp sein und die Schrift kann man glaube ich nicht unter das Bild verschieben - zumindest standardmäßig. Aber du kannst ja die Beschriftung in das Bild integrieren. Das Bild wird dann beim OnMouseLeave-Ereignis wieder gewechselt und schon hast du den gewünschten Hover-Effekt.

[Codewalker]

Ist zwar kein Button, aber mit einem TJvImage kannst du über die Eigenschaft Pictures verschiedene Grafiken zuweisen, auch transluzente PNGs. Ansonsten geht auch ein TJvBitmapButton, aber da gehen nur BMPs.

[ralfiii]

Zitat von Codewalker:

...TJvImage...transluzente PNGs...

Danke für den Hinweis. In meinem speziellen Fall hilft das leider wenig, da sich meine Anforderungen noch ein wenig erhöht haben.

Ich möchte, dass die Grafik optional smooth um ein paar Prozente wächst wenn man drüberhovert (also kein plumper Sprung). Alternativ soll der Hover-Over Effekt so aussehen, dass (wenn die Maus über die Kompo geht) der Untergrund ein wenig abgefaded wird - auch das soll smooth passieren. (siehe Bilder)

Das faden funktioniert mittlerweile sauber und flimmerfrei (das war der haarige Teil), jetzt muss ich "nur noch" die Button-Logik drunterlegen und die Grafik skalieren.

Danke dennoch für die Anregungen!