[R] Barre d'images "glissante" ?

Aide sur les Interfaces Graphique Utilisateurs (GUI).
Règles du forum
.
Avatar du membre
GhostLine
Niveau 7
Niveau 7
Messages : 342
Enregistré le : jeu. 12 mars 2009 15:28
Localisation : Paris
Status : Hors ligne

[R] Barre d'images "glissante" ?

#1

Message par GhostLine »

Salut à tous,

toujours pour mon projet en cours, je cherche un exemple de script qui me permette d'avoir une barre d'icônes (ou d'images) que je puisse faire défiler de gauche à droite au doigt (c'est à dire sans utiliser de barre de défilement mais en utilisant juste la souris).

Je ne sais pas trop comment cela s'appelle en anglais (j'ai tenté "sliding icon bar", "image carousel", sans tomber sur ce que je cherche) ... Help :)
Modifié en dernier par GhostLine le jeu. 15 nov. 2012 14:25, modifié 1 fois.
Avatar du membre
GhostLine
Niveau 7
Niveau 7
Messages : 342
Enregistré le : jeu. 12 mars 2009 15:28
Localisation : Paris
Status : Hors ligne

Re: [..] Barre d'images "glissante" ?

#2

Message par GhostLine »

Pour les intéressés, j'ai créé un topic sur le forum anglais (avec un montage photo) :

http://www.autoitscript.com/forum/topic ... ge-slider/
Avatar du membre
mikell
Spammer !
Spammer !
Messages : 6292
Enregistré le : dim. 29 mai 2011 17:32
Localisation : Deep Cévennes
Status : Hors ligne

Re: [..] Barre d'images "glissante" ?

#3

Message par mikell »

Pas trop difficile à réaliser
Mais...
Si tu cliques sur une image pour faire le drag, ça va aussi ouvrir la cible puisque tu veux que l'image soit cliquable
Tu vois le problème ? :mrgreen:

Une solution qui me vient à l'idée : faire une gui à images popup standard avec un onevent sur le clic droit qui déclenche une fonction à base de

Code : Tout sélectionner

Do
; déplacement...
Until not _IsPressed("02")
" L'échec est le fondement de la réussite. " (Lao-Tseu )
" Plus ça rate, plus on a de chances que ça marche " (les Shadoks )
Avatar du membre
GhostLine
Niveau 7
Niveau 7
Messages : 342
Enregistré le : jeu. 12 mars 2009 15:28
Localisation : Paris
Status : Hors ligne

Re: [..] Barre d'images "glissante" ?

#4

Message par GhostLine »

Je pense que l'idée est plus de dire que tant que le clic est maintenu, il ne s'agit pas d'un clic de "sélection". Par contre, dès que le clic est "franc", à savoir une "tape", il s'agit bien d'une sélection. Le but avoué de ce procédé est de permettre une gestion complètement tactile de l'interface.
Avatar du membre
TommyDDR
Modérateur
Modérateur
Messages : 2103
Enregistré le : mar. 22 juil. 2008 21:55
Localisation : Nantes
Status : Hors ligne

Re: [..] Barre d'images "glissante" ?

#5

Message par TommyDDR »

ou sinon, vous stockez la position de la souris au moment du clic, et lors du relâchement, si celle-ci n'a pas bougé, vous faites votre action sinon rien (c'est que c'était un déplacement).
3.1415926535897932384626433832795028841971693993751058209749445923078164062862089986280348253421170679
Avatar du membre
mikell
Spammer !
Spammer !
Messages : 6292
Enregistré le : dim. 29 mai 2011 17:32
Localisation : Deep Cévennes
Status : Hors ligne

Re: [..] Barre d'images "glissante" ?

#6

Message par mikell »

Effectivement c'est la meilleure solution (c'est comme ça que fonctionne explorer ? )
Ben voilà ya tout ce qu'il faut pour que tu te fasses ton script :mrgreen:
" L'échec est le fondement de la réussite. " (Lao-Tseu )
" Plus ça rate, plus on a de chances que ça marche " (les Shadoks )
Avatar du membre
GhostLine
Niveau 7
Niveau 7
Messages : 342
Enregistré le : jeu. 12 mars 2009 15:28
Localisation : Paris
Status : Hors ligne

Re: [..] Barre d'images "glissante" ?

#7

Message par GhostLine »

Presque :mrgreen:

Un point de départ pour un noob de la programmation de GDI+ m'aiderait aussi pas mal :)
Avatar du membre
mikell
Spammer !
Spammer !
Messages : 6292
Enregistré le : dim. 29 mai 2011 17:32
Localisation : Deep Cévennes
Status : Hors ligne

Re: [..] Barre d'images "glissante" ?

#8

Message par mikell »

Mais pourquoi tu veux y mettre du GDI+ ? c'est pas indispensable ^^
ça n'est nécessaire que si tu utilises des png, mais pour ça ya des exemples dans le fichier d'aide et d'autres inclus dans le dossier d'installation d'autoit
Pour faire l'image que tu as postée sur le forum US, des jpg ou des gif suffiraient largement
" L'échec est le fondement de la réussite. " (Lao-Tseu )
" Plus ça rate, plus on a de chances que ça marche " (les Shadoks )
Avatar du membre
GhostLine
Niveau 7
Niveau 7
Messages : 342
Enregistré le : jeu. 12 mars 2009 15:28
Localisation : Paris
Status : Hors ligne

Re: [..] Barre d'images "glissante" ?

#9

Message par GhostLine »

En fait, c'est plutôt pour la partie "glissement" que j'étais parti sur GDI+, car il me semblait plus adapté pour une zoulie animation bien fluide. Cela dit, je suis peut être complètement à coté de mes pompes ... mais j'ai du mal à trouver des exemples :(
Avatar du membre
mikell
Spammer !
Spammer !
Messages : 6292
Enregistré le : dim. 29 mai 2011 17:32
Localisation : Deep Cévennes
Status : Hors ligne

Re: [..] Barre d'images "glissante" ?

#10

Message par mikell »

Ben quelque chose comme ça (vite fait, c'est pour l'idée, ya certainement mieux et plus propre)
► Afficher le texte
à utiliser avec ça
logo.jpg
logo.jpg (5.83 Kio) Vu 5089 fois
" L'échec est le fondement de la réussite. " (Lao-Tseu )
" Plus ça rate, plus on a de chances que ça marche " (les Shadoks )
Avatar du membre
GhostLine
Niveau 7
Niveau 7
Messages : 342
Enregistré le : jeu. 12 mars 2009 15:28
Localisation : Paris
Status : Hors ligne

Re: [..] Barre d'images "glissante" ?

#11

Message par GhostLine »

Allez, une petite dernière, pour manger avec ce super petit bout de script qui m'a bien aidé à comprendre le truc :)

Je suis en mode OnEvent activé dans mon programme : comment dois je modifier le code ci dessus pour réussir à avoir les mêmes fonctionnalités ?

Merci encore de votre patience les gars :)
Avatar du membre
mikell
Spammer !
Spammer !
Messages : 6292
Enregistré le : dim. 29 mai 2011 17:32
Localisation : Deep Cévennes
Status : Hors ligne

Re: [..] Barre d'images "glissante" ?

#12

Message par mikell »

Véri izi Image
Le fait est, en mode onevent c'est bien plus propre ^^
► Afficher le texte
Je t'en foutrai du "Merci les gars" , sur ce coup on dit "Merci mikell" :mrgreen:
" L'échec est le fondement de la réussite. " (Lao-Tseu )
" Plus ça rate, plus on a de chances que ça marche " (les Shadoks )
Avatar du membre
GhostLine
Niveau 7
Niveau 7
Messages : 342
Enregistré le : jeu. 12 mars 2009 15:28
Localisation : Paris
Status : Hors ligne

Re: [..] Barre d'images "glissante" ?

#13

Message par GhostLine »

Merki Michel ? :mrgreen:
Avatar du membre
mikell
Spammer !
Spammer !
Messages : 6292
Enregistré le : dim. 29 mai 2011 17:32
Localisation : Deep Cévennes
Status : Hors ligne

Re: [R] Barre d'images "glissante" ?

#14

Message par mikell »

C'est très bien :mrgreen:
Tiens, pour un user sympathique, voilà la version GDI+ pour png (qui permet d'utiliser des png intégrant de la transparence)
► Afficher le texte
" L'échec est le fondement de la réussite. " (Lao-Tseu )
" Plus ça rate, plus on a de chances que ça marche " (les Shadoks )
Avatar du membre
sylvanie
Niveau 11
Niveau 11
Messages : 1556
Enregistré le : jeu. 26 juil. 2007 21:31
Localisation : Paris
Status : Hors ligne

Re: [R] Barre d'images "glissante" ?

#15

Message par sylvanie »

C'est rigolo comme idée.
Je suis reparti du premier script avec logo de Mikell, pour cette fois ne pas bouger la GUI, mais les contrôles.
Du coups on peut s'amuser à les faire réapparaître de l'autre côté de l'écran comme si c'était un carrousel :
► Afficher le texte
Toi qui cherche à mettre le doigt sur la solution, appuie sur F1.
Avatar du membre
mikell
Spammer !
Spammer !
Messages : 6292
Enregistré le : dim. 29 mai 2011 17:32
Localisation : Deep Cévennes
Status : Hors ligne

Re: [R] Barre d'images "glissante" ?

#16

Message par mikell »

sylvanie qui aime toujours autant les complications :mrgreen:
Je sais bien que http://www.autoitscript.fr/forum/viewto ... 643#p73643
mais tout de même, 2 lignes de code à rajouter c'est suffisant
► Afficher le texte
à tester avec le logo ci-dessous, mais c'est plus spectaculaire avec le logo Autoit en haut à droite de cette page
logo.png
logo.png (3.18 Kio) Vu 5058 fois
" L'échec est le fondement de la réussite. " (Lao-Tseu )
" Plus ça rate, plus on a de chances que ça marche " (les Shadoks )
Avatar du membre
sylvanie
Niveau 11
Niveau 11
Messages : 1556
Enregistré le : jeu. 26 juil. 2007 21:31
Localisation : Paris
Status : Hors ligne

Re: [R] Barre d'images "glissante" ?

#17

Message par sylvanie »

Bah, c'est pas vraiment le goût de la complication, c'est surtout que je n'avais pas pensé à simplement incrémenter la coordonnée en cours de déplacement avec la longueur d'écran. Bien vu !
Comme dans mon code, plusieurs abscisses étaient candidates à un renvoie fixe à gauche ou à droite, je me trouvais dans la situation que je devait réarmoniser ce qui avait été déplacé avant (ou après ...) sous peine de voir mes images se chevaucher ou s'éloigner.
Maintenant le top, c'est de merger les deux méthode pour ne plus avoir qu'une Gui, mais là j'ai la flemme :mrgreen:
Toi qui cherche à mettre le doigt sur la solution, appuie sur F1.
Avatar du membre
mikell
Spammer !
Spammer !
Messages : 6292
Enregistré le : dim. 29 mai 2011 17:32
Localisation : Deep Cévennes
Status : Hors ligne

Re: [R] Barre d'images "glissante" ?

#18

Message par mikell »

Je t'avoue que j'avais rien compris à ton code...
Maintenant avoir une seule gui, je vois pas bien comment faire avec du png, et le png est quand même vachement plus sympa, t'as testé mon code au-dessus ? (je viens de l'éditer)
" L'échec est le fondement de la réussite. " (Lao-Tseu )
" Plus ça rate, plus on a de chances que ça marche " (les Shadoks )
Avatar du membre
sylvanie
Niveau 11
Niveau 11
Messages : 1556
Enregistré le : jeu. 26 juil. 2007 21:31
Localisation : Paris
Status : Hors ligne

Re: [R] Barre d'images "glissante" ?

#19

Message par sylvanie »

Oui, je viens d'essayer la conversion, et effectivement, une fois les GDI dessinés, on n' a pas de retours d'identifiant de contrôle ...

Sinon de visu, la version png est très belle.
j'ai rectifié quand même la mouture "contrôles" pour faire disparaître le bandeau :
► Afficher le texte
Toi qui cherche à mettre le doigt sur la solution, appuie sur F1.
Avatar du membre
mikell
Spammer !
Spammer !
Messages : 6292
Enregistré le : dim. 29 mai 2011 17:32
Localisation : Deep Cévennes
Status : Hors ligne

Re: [R] Barre d'images "glissante" ?

#20

Message par mikell »

Hum avec l'autoit 3.3.6.1, si on met pas la coordonnée y dans le ControlSetPos, on a une erreur :?
Et surtout ya du flicker quand on déplace les controles... il avait pas tort GhostLine quand il évoquait la fluidité avec GDI
Décidément la version png reste clairement la plus mieux Image
" L'échec est le fondement de la réussite. " (Lao-Tseu )
" Plus ça rate, plus on a de chances que ça marche " (les Shadoks )
Répondre