[winAPI] Pour hovers : peut-on affecter une région à un bouton (associé à une image)?

Bonjour,

J'ai décidé de refaire une refonte complète de mon lecteur mp3 en C++. ([edit] je précise, sans MFC puisque je ne le maîtrise pas du tout, et parce qu'on m'a dit que c'était amené à disparaître...) Seulement, je voudrais, afin de pouvoir créer des hovers (vous savez l'effet d'éclairage quand on passe sur un bouton, et d'enfoncement quand on le clique), appliquer une région à un bouton.

Je m'explique : Je compte créer ma fenêtre avec comme image le fond, sans boutons, et créer des classes "button" avec trois images affectées au state, et les blitter en conséquence. Seulement, j'aimerais faire une méthode déterminant si la souris est dessus. OR, mes boutons ne sont pas rectangulaires. Donc je voudrais savoir si c'était possible de leur affecter une région, d'une part pour rendre transparent (voir le fond autour) les parties n'étant pas réellement le bouton, mais surtout pour que la souris ne soit détectée sur le fond, que quand elle passe sur la couleur transparente du bouton, et sur le bouton quand elle est sur la partie visible, et ce pour pouvoir changer son état.

Le seul problème, c'est que je doute que cela marche... avez vous une meilleure idée ?

Merci d'avance.

P.S: Je sais que je poste souvent pour mes différents problèmes, mais avouez que la plupart du temps ils ne sont pas faciles à résoudre :oops: J'ai besoin d'aide de pros ;)

Mon idée: Tu fais des images "masques" monochromes qui ne sont pas affichées, mais testées pour chaque bouton.

Ainsi, pour détecter un clic/hover, tu détectes d'abord si le pointeur de souris est dans l'image masque:

• Si non, tu es sûr que la souris n'est pas sur le bouton
• Si oui, tu fais un GetPixel() sur l'image masque, et selon la couleur, tu sauras si la souris est sur le bouton ou non...

Hem oui pourquoi pas... si seulement je savais comment faire :roll:

Qu'est-ce que tu ne sais pas comment faire ?

Tu as des boutons virtuels si j'ai bien compris, donc ce doit être directement la boîte de dialogue qui gère les WM_MOUSEMOVE.
Si tu ne veux pas tester la position d'un rectangle, tu fais des masques aussi grands que l'image de fond
Chaque masque doit avoir un DC, ou bien tu fais un DC pour tous et des SelectObject() au fur et à mesure.
Et ensuite, un GetPixel() suffit sur chaque masque pour savoir si le curseur est sur un pixel "bouton" ou un pixel "vide"...

Pose des questions plus spécifiques s'il y a quelque chose que tu ne comprends pas...

C'est surtout la notion de masque que je ne comprends pas... tu veux dire que pour chaque bouton, je dois créer un membre de la classe button étant un masque des dimensions du fond ? Non là j'avoue que je suis un peu largué... Déjà la création de masques m'est incunnue (ou alors je le faisais sans en savoir le terme, puisque j'ai du mal à faire la correspondance entre un bitmap et un masque... mes notions conçernant ce sujet sont assez limitées.)

Tiens, voilà ce qu'est un masque (quand on sait ce qu'on cherche, google peut se révéler utile en fin de compte) :
http://glasnost.itcarlow.ie/~powerk/...gdi_index.html
Ici, il est utilisé pour la transparence. Nous, nous allons l'utiliser "pour la collision" : Tu n'auras pas à afficher le masque, mais tu l'utiliseras en interne pour savoir si le clic a eu lieu sur un point noir du masque ou sur un point blanc...

Très intéressant le contenu du site (j'ai juste survolé pour le moment). Je vais m'y pencher d'un peu plus près d'ici peu ;)

Penses tu que cela soit facilement imbricable dans la classe ?

Aucune idée, je ne suis pas vraiment fort en conception.
Mais tu devrais pouvoir faire une classe WindowlessButton ou un truc du genre...

Que veux tu dire par WindowLessButton ?

Ce sont bien des boutons qui n'ont pas de HWND propre que tu cherches à faire, non?
Des boutons qui ne sont qu'une forme sur la fenêtre qui les contient...



Ou sinon, tu peux faire des vrais boutons standard, en les subclassant pour redéfinir les traitements de WM_PAINT et WM_NCHITTEST...

Oui oui c'est bien ça. Des boutons "faits main". Ce n'est en rien compliqué à coder, excepté ce problème...

J'ai fais un prog y'a un temps pour déterminer graphiquement des régions pour des boutons virtuels.
Ensuite c'est enregistré en tant que ressource dans le prog, et chargé.
Après c'est du traitement ...
L'exemple est fait en delphi sans VCL donc transposable en C++ facilement (API win).
Quand mon site refonctionnera (profil), tu pourra y jeter un oeil si t'es intéressé ..

Désolé je n'avais pas vu la réponse... effectivement, c'est réellement ce que je cherche à faire : appliquer une région à un bitmap qui sera collé en fonction de son état sur le skin premier.

[En principe, le lien donné par Médinoc traite de ceci, en C(++), et en code. J'irai y jeter un oeil.]

J'ai une question pour l'intégration des hovers... supposons que j'ai un skin sans bouton, avec -au lieu des boutons- des surfaces de couleur unie représentant chacun des boutons. Si j'ai des boutons à part, avec un fond de la couleur de la surface sur laquelle je veux les coller (avec le masque AND)... est-ce que je peux directement appliquer le masque AND avec les deux images (skin + chacun des boutons) ?

Et sinon, vu que la correspondance des pixels n'est pas très précise (c'est avec paint dot net) , comment pourrais-je appliquer des masques pour obtenir des images adaptées (il me semble que je dois obtenir un masque à partir du skin du bouton, appliquer ce masque sur le skin général avec OR (à une position donnée), et ensuite le coller avec l'opération AND) ?

Auriez vous une méthode pour ceci ?

Merci d'avance.

P.S: Des images d'exemple sont uploadées pour ce post.

Visiblement, t'as pas compris ce que je voulais dire.
Les images de couleurs unies ne sont pas supposées être visibles en aucune façon: Elles font partie du "masque de souris" de l'arrière-plan...


La partie masque "Graphique", par contre, utilise les opérateurs OU et ET:
http://en.wikipedia.org/wiki/Bit_blit


Note: Tu peux utiliser le même masque "de bouton" pour appliquer sur le "masque de souris" et sur l'image affichée pour un bouton donné.

Citation:

---

Note: Tu peux utiliser le même masque "de bouton" pour appliquer sur le "masque de souris" et sur l'image affichée pour un bouton donné.

---

Si, justement c'est ce que j'ai voulu faire. En fait, ce skin principal servirait à récupérer le pixel correspondant au lParam du WM_NCHITTEST pour déterminer l'appartenance du curseur à l'un ou l'autre bouton (ou au vide), mais aussi à pouvoir coller les skins des boutons sur le skin principal avec l'opération AND.

Sinon, les opérations s'effectuent avec quoi ? BitBlt ? Comment affecter un masque à une image (le OR, pour la correspondance skin bouton/skin principal) sans forcément passer par du code ?

Merci d'avance.

Le dernier paramètre de BitBlt() permet de faire ce qu'on veut: OR, AND, copie de base...

Et le masque du bouton peut très bien être monochrome et noir-sur-blanc comme indiqué sur wikipédia. Pour appliquer une "couleur unique" sur le "masque de clic", tu peux générer dynamiquement un "sprite" de cette "couleur unique":

• Tu crées une image à part, contenant uniquement la couleur unique.
• Tu fais un Bitblt() avec le masque sur cette image et un paramètre qui signifie "AND NOT masque" (ce n'est pas un opérateur listé dans l'aide, mais d'après cette page, c'est la valeur 0x00220326 ("DSna", ce qui veut bien dire "Destionation AND NOT source"))

Là, tu as un sprite de la forme du bouton et de la "couleur unique", donc tu n'as plus qu'à l'afficher sur le "masque de clic" de la même manière qu'un autre sprite...

Je suis largué, là... ne puis-je pas faire comme je voulais ? L'utilisation du monochrome engendrerait un conflit au niveau du collage, et aussi du survol de la souris entre les boutons, non ? Il faut donc une couleur unique pour chacun...

Or, c'est ce que j'ai fait dans le skin donné : celui-ci sert pour la souris, et le collage des boutons (ils ne sont pas directement collés sur celui-ci, mais dans un DC, donc pas de problème).

Le masque d'un sprite DOIT être noir sur blanc (si le sprite est sur fond noir), ou à la rigueur, blanc sur noir (si le sprite est lui-même sur fond blanc).
Cela ne peut PAS marcher avec d'autres couleurs, puisque le noir est #000000 et le blanc #FFFFFF.

Donc, autant que le masque soit enregistré en monochrome, histoire de supprimer toute idée de tenter de faire autrement (même si avoir le masque en CompatibleBitmap au lieu de Monochrome peut être une bonne idée au niveau vitesse).


Donc, la "couleur unique" doit être générée à l'exécution, et le bitmap affiché n'a aucune raison de la connaitre: La "couleur unique" ne sert qu'au "masque de souris".

PS: Je précise pour éviter toute ambiguité: Tes boutons WindowLess sont des sprites.

Hem c'est ce que je redoutais... comment puis-je faire alors ? Les boutons ne sont alors plus différenciés au collage, non ?

Serait-il possible que tu me donnes les étapes à respecter ?

Merci d'avance.