Etienne BAUDOUX

Forum sur les projets de Etienne BAUDOUX


[TUTO de A à Z] Personnaliser vos boutons krypton

Partagez

Sondage

Comment trouvez vous ce tuto?

[ 6 ]
86% [86%] 
[ 1 ]
14% [14%] 
[ 0 ]
0% [0%] 

Total des votes: 7
avatar
polien


Masculin Nombre de messages : 2842
Age : 20
Localisation : Bouches du Rhones
Emploi/loisirs : velo, informatique, électronique, robotique, modélisme feroviaire
Humeur : Je commence tout mais ne finit rien :P
Date d'inscription : 19/05/2011

[TUTO de A à Z] Personnaliser vos boutons krypton

Message par polien le Mar 3 Sep 2013 - 14:37

Softwarezatoriens, softwarzatoriennes, bonjour ! Razz

Connaissez vous l'outil krypton? mais si... les boutons tout bleus par défaut:



Je vais vous apprendre aujourd'hui à les personnaliser totalement.

1°) Démarrez SZ (dur hein?)
2°) Créer une nouvelle solution avec une fenêtre (normal ou krypton, au choix)
3°) Ajouter un boutons (comme sur la capture d'écran ci dessus)

Nous pouvons commencer. Le problème pour les outils krypton, sont leurs propriétés complexes
et hasardeuse dans lesquelles les débutants n'aiment pas s'aventurer pale .
Mais ne vous inquiétez pas, je vais vous guider tout le temps (par contre, je ne pourrais pas guider votre
souris à votre place affraid ).

Bref, cliquez sur votre boutons et allez voir ses propriété (je pense que si vous lisez ce tutoriel, vous savez naturellement
où elles sont Wink). Descendez jusqu'à la partie nommé "Visuals":



et si vous êtes particulièrement doué en anglais clown , vous saurez que visuals = visuel.

Nous allons donc modifier l'apparence, d'accord ! Mais je ne vois aucune propriété que je
connais comme BackColor, Background image, Color...


J'y vient Wink , comme vous pouvez le voir, il y a différentes propriétés et notamment qui commencent
par "State" ("Etat" (du boutton) en français), en effet la couleur de votre boutton peut changer en
fonction dont la souris se comporte (passage, clic, sortie, pressé...).

Nous avons donc:

- State Common (état commun): tout les autres états s'adaptent en fonction de lui, par exemple un fond 
rouge sera appliqué quel que soit l'état
- State Pressed (état: pressé): design à appliquer lorsque le boutons est pressé

il y a certes d'autre état, mais personnellement je ne m'en sert pas puisque State Common me convient très
bien.

On s'y met prof?

S'est partit! nous allons faire un boutons arrondi à fond rouge avec un texte blanc !
Cliquez sur la petite flèche à gauche de State Common, puis sur Back:



"Back" = "Fond"
Je veut donc un boutons rouge, il me faut donc un fond ? ... Rouge et rouge foncé
pour faire plus joli:



Remarque: rien ne m’empêche de mettre d'abord le rouge puis le rouge foncé, question de gout !

Modifions maintenant la couleur du texte du boutons, déroulez la partie "Content":



"Content" = "Contenu"
Déroulez la partie "Short Text" (texte cours), pourquoi cette partie et pas l'autre? car le 
texte de ce boutons est court (tout simplement Smile ). Modifier la couleur du texte par 
du blanc.

Occupons nous maintenant de la forme du bouttons en déroulant la partie "Border"

 

"Border" = Et puis zut, cherchez sur internet ! Razz 

Comme vous pouvez le voir, on peut modifier la couleur de la bordure, faîte le si sa vous dit Wink
Pour modifier la forme du bouttons et entre autre, modifier sa rondeur, on utilise la propriété
Rounding (= Rondeur). Mettez la à 15 pour obtenir le meilleurs effet.

Voyons ce que ça donne quand on exécute:



AÏE ! arrêtez de me tapez dessus !
En fait le boutons a le focus (c'est lui que l'ordinateur met en valeur) or le focus n'obéis
qu'à moitié avec la propriété State Common.geek 


Il nous faut donc trouvez une propriété bien sadique qui fait garder au bouton son apparence
quoi qu'il se passe Laughing : La propriété OverrideDefault (remplacer par défaut)



remplissez la comme moi, en effet elle contient les mêmes éléments que dans la propriété 
State Common (n'effacez surtout rien dans State Common au passage). N'oubliez pas
désormais de remplir exactement pareil State Common et OverrideDefault.

Si on execute, ça nous donne:



sympa non ? Mais je suis sadique Twisted Evil , on va allez plus loin.
Nous allons maintenant faire un boutons qui à la même couleur qu'une image.

Pour cela, il nous faut un icon de la taille du boutons (vous pouvez redimensionner le boutons of course Wink )

Personnellement, j'utilise le site softicons pour me fournir en boutons ( http://www.softicons.com ). Si vous l'utilisez,
il suffit de taper les mots clés de votre recherche en anglais (Never forget mister reader study  ) dans la barre de recherche:



tient ! celui en bas à droite me plait bien, et en plus je peut l'utiliser dans un programme payant. lol! 
Cliquez sur le titre de l'icon, sélectionnez le format (32 X 32 chez moi) et enregistrez le (clic droit, enregistrez sous...)

Ajoutons le au bouton:



(remarquez que j'ai remit le boutons avec des bordures normales)
maintenant, j'aimerai bien qu'il n'y ait qu'un icon:



Parfais, maintenant je voudrais que mon boutton ait les mêmes couleurs que mon icon, Comment ? En
les copiant bien sur! Pour cela je vous conseille le logiciel "la boite à couleur": http://www.01net.com/telecharger/windows/Multimedia/outils_internet/fiches/17864.html



utilisez la pipette (à droite) pour récupérer la couleur la plus clair et la plus foncée, notez leur valeur 
RVB (premier onglet au démarrage) et modifiez le fond de votre bouttons par celles-ci:



et voilà Wink n'hésitez pas à faire d'autres expérimentations sur d'autres contrôles krypton !

Merci de votre lecture drunken



Cordialement,
Polien.

You want to have an english help for Software Zator ? Let's try to read the first tutorial in english Wink : CLIC HERE
BESOINS D'UN TUTO? CONSULTER LE SOMMAIRE !

Débutez avec SZ avec les tutos en pdf !
avatar
Softwarezatorman


Masculin Nombre de messages : 1232
Age : 17
Localisation : 76230 Bois-Guillaume
Emploi/loisirs : Code, musique, sport
Humeur : Toujours heureux évidemment!
Date d'inscription : 22/10/2011

Re: [TUTO de A à Z] Personnaliser vos boutons krypton

Message par Softwarezatorman le Mar 3 Sep 2013 - 15:08

Très bon tuto, ça pourra aider les débutants^^



Modérateur de la section SoftwareZator

SoftwareZator ah... quel outil formidable Very Happy Very Happy Very Happy 
Créer des logiciels en toute simplicité...c'est merveilleux study
Quand quelque chose ne va pas scratch: Le forum est là! Smile



Vous êtes sur un forum et il y a des règles à respecter: éviter les doubles-post et ne pas utiliser le langage sms. Merci de votre compréhension.


N'hésitez surtout pas à faire des tutoriels pour les autres.
Merci Very Happy



Venez voir ma chaîne Youtube: ChriisX !

Mon instagram: _chrischr


Bonjour Invité Smile
avatar
polien


Masculin Nombre de messages : 2842
Age : 20
Localisation : Bouches du Rhones
Emploi/loisirs : velo, informatique, électronique, robotique, modélisme feroviaire
Humeur : Je commence tout mais ne finit rien :P
Date d'inscription : 19/05/2011

Re: [TUTO de A à Z] Personnaliser vos boutons krypton

Message par polien le Mar 3 Sep 2013 - 16:19

merci Wink



Cordialement,
Polien.

You want to have an english help for Software Zator ? Let's try to read the first tutorial in english Wink : CLIC HERE
BESOINS D'UN TUTO? CONSULTER LE SOMMAIRE !

Débutez avec SZ avec les tutos en pdf !
avatar
Admin
Administrateur
Administrateur

Masculin Nombre de messages : 1875
Age : 24
Localisation : Boulogne Billancourt(92100)(France)
Emploi/loisirs : Etudiant à SUPINFO International University, stagiaire à Microsoft Corporation
Date d'inscription : 24/01/2008

Re: [TUTO de A à Z] Personnaliser vos boutons krypton

Message par Admin le Mar 3 Sep 2013 - 17:11

Excellent tuto ! Merci Very Happy



Les 4 règles d'or du forum : Bonjour, Merci, Pas de SMS, Et un petit "[RESOLU]" dans le titre du sujet quand le problème est réglé. Wink

Etienne

Site internet : http://www.velersoftware.com
Twitter : http://twitter.com/VelerSoftware
avatar
lereparateurdepc


Masculin Nombre de messages : 5481
Age : 24
Localisation : Calvados
Emploi/loisirs : Electrotechnicien / électricité, HAUTE TENSION, électronique, informatique, automatisme , Arduino, bref le BRICOLAGE , ...
Humeur : toujours cool
Date d'inscription : 31/01/2010

Re: [TUTO de A à Z] Personnaliser vos boutons krypton

Message par lereparateurdepc le Mar 3 Sep 2013 - 19:57

re,

AHHH, Si seulement ce tuto avait existé plus tôt, je n'aurais pas "perdu" des heures de bricole sur le Krypton.

Super tuto ... enfin comme d'hab Smile Nickel, propre !!!!! Wink .

Bonne rentrée à tous .....

Cordialement ,
Le réparateur de PC



Modérateur & Administrateur du forum
Merci de contacter les membres par MP ou mail que pour "urgences". Le forum est fait pour ça. Merci

@ Contact : franleboss@gmail.com  Smile
Arrow  Visitez mon site : désolé l'hébergeur à fermé Sad

Ma chaine tutube : https://www.youtube.com/channel/UC7iU59NNAHz-tW5wqcgONHA


avatar
polien


Masculin Nombre de messages : 2842
Age : 20
Localisation : Bouches du Rhones
Emploi/loisirs : velo, informatique, électronique, robotique, modélisme feroviaire
Humeur : Je commence tout mais ne finit rien :P
Date d'inscription : 19/05/2011

Re: [TUTO de A à Z] Personnaliser vos boutons krypton

Message par polien le Mer 4 Sep 2013 - 13:08

merci beaucoup Very Happy , et bonne rentrée à tous Smile

Petite question: Quel prochain tuto souhaitait vous ?
                       1°) Créer un navigateur internet avec onglet
                       2°) Créer un lecteur de flux RSS
                       3°) Utiliser les arguments d'évènements (permettant d'obtenir les coordonnées de la flèche entre autre)



Cordialement,
Polien.

You want to have an english help for Software Zator ? Let's try to read the first tutorial in english Wink : CLIC HERE
BESOINS D'UN TUTO? CONSULTER LE SOMMAIRE !

Débutez avec SZ avec les tutos en pdf !
avatar
Admin
Administrateur
Administrateur

Masculin Nombre de messages : 1875
Age : 24
Localisation : Boulogne Billancourt(92100)(France)
Emploi/loisirs : Etudiant à SUPINFO International University, stagiaire à Microsoft Corporation
Date d'inscription : 24/01/2008

Re: [TUTO de A à Z] Personnaliser vos boutons krypton

Message par Admin le Mer 4 Sep 2013 - 16:24

Deux et Trois pour moi Smile



Les 4 règles d'or du forum : Bonjour, Merci, Pas de SMS, Et un petit "[RESOLU]" dans le titre du sujet quand le problème est réglé. Wink

Etienne

Site internet : http://www.velersoftware.com
Twitter : http://twitter.com/VelerSoftware
avatar
Blackorion35
Je suis là tous les jours
Je suis là tous les jours

Masculin Nombre de messages : 2518
Age : 26
Localisation : Rouen
Emploi/loisirs : Dirigeant société informatique déclaré/Informaticien au CNED
Humeur : En forme !
Date d'inscription : 19/03/2013

Re: [TUTO de A à Z] Personnaliser vos boutons krypton

Message par Blackorion35 le Mer 4 Sep 2013 - 17:13

Superbe tutoriel Very Happy !! Bravo !



Le site officiel de notre société : http://algostep-company.fr
Notre WebOS "Rynna" en développement : http://rynnawebos.fr/login
Le WebOS "Zator" conçu pour le forum et ses membres dispo en test ici :
http://algostep-company.fr/WebOS-Zator-Test1/
---------------------------------------------------------
[size=16]Code S[size=13]o
urce Rynna WebOS Release 5.0 disponible : [/size][/size]

http://rynnawebos.fr/GITHUB-DEPOT/RYNNA-WEBOS-GITHUB.zip
avatar
polien


Masculin Nombre de messages : 2842
Age : 20
Localisation : Bouches du Rhones
Emploi/loisirs : velo, informatique, électronique, robotique, modélisme feroviaire
Humeur : Je commence tout mais ne finit rien :P
Date d'inscription : 19/05/2011

Re: [TUTO de A à Z] Personnaliser vos boutons krypton

Message par polien le Mer 4 Sep 2013 - 17:23

@Blackorion: merci Razz
@Admin: Je viens de commencer le lecteur de flux RSS, je vais donc bientôt écrire un tutoriel sur ça Wink



Cordialement,
Polien.

You want to have an english help for Software Zator ? Let's try to read the first tutorial in english Wink : CLIC HERE
BESOINS D'UN TUTO? CONSULTER LE SOMMAIRE !

Débutez avec SZ avec les tutos en pdf !
avatar
GalaxySoftware
On commence à connaître
On commence à connaître

Masculin Nombre de messages : 124
Age : 15
Localisation : perpignan (66000)
Emploi/loisirs : Informatique, Sport, Musique
Humeur : tranquile :-)
Date d'inscription : 14/04/2013

Re: [TUTO de A à Z] Personnaliser vos boutons krypton

Message par GalaxySoftware le Ven 6 Sep 2013 - 18:46

Super tuto !!!!!!!!!!!!!!!! Merveilleux !Very Happy Very Happy 

Pour les prochains je préférer le 1 et 2 .
avatar
Softwarezatorman


Masculin Nombre de messages : 1232
Age : 17
Localisation : 76230 Bois-Guillaume
Emploi/loisirs : Code, musique, sport
Humeur : Toujours heureux évidemment!
Date d'inscription : 22/10/2011

Re: [TUTO de A à Z] Personnaliser vos boutons krypton

Message par Softwarezatorman le Sam 14 Sep 2013 - 7:55

1, 2 et 3 :p



Modérateur de la section SoftwareZator

SoftwareZator ah... quel outil formidable Very Happy Very Happy Very Happy 
Créer des logiciels en toute simplicité...c'est merveilleux study
Quand quelque chose ne va pas scratch: Le forum est là! Smile



Vous êtes sur un forum et il y a des règles à respecter: éviter les doubles-post et ne pas utiliser le langage sms. Merci de votre compréhension.


N'hésitez surtout pas à faire des tutoriels pour les autres.
Merci Very Happy



Venez voir ma chaîne Youtube: ChriisX !

Mon instagram: _chrischr


Bonjour Invité Smile
avatar
Jeremy60800

Gagnant or au concours SZ2014
Gagnant or au concours SZ2014

Masculin Nombre de messages : 913
Age : 16
Emploi/loisirs : Programmation avec SZ / Modding Minecraft / Youtubeur
Humeur : Cool !
Date d'inscription : 08/08/2013

Re: [TUTO de A à Z] Personnaliser vos boutons krypton

Message par Jeremy60800 le Sam 14 Sep 2013 - 18:34

Super tuto !

Merci !

Mon logiciel va avoir des beaux boutons !

Et pour les prochains tuto , ce serais le 1 et 2 pour moi !



Arrow Venez voir mon site : InformatiqueBlog™
Arrow InformatiqueBlog™ Minecraft : InformatiqueBlog™ - Minecraft
@ Mon contact "pro" : informatiqueblog@gmx.fr
@ Mon twitter : @jeremy60800  / Twitter
@ Twitter d'InformatiqueBlog™ : @InformatiqueDev / Twitter
Idea Mes logiciels : TexteNote , VerifWindowsMineServ Creator
avatar
polien


Masculin Nombre de messages : 2842
Age : 20
Localisation : Bouches du Rhones
Emploi/loisirs : velo, informatique, électronique, robotique, modélisme feroviaire
Humeur : Je commence tout mais ne finit rien :P
Date d'inscription : 19/05/2011

Re: [TUTO de A à Z] Personnaliser vos boutons krypton

Message par polien le Lun 16 Sep 2013 - 9:25

Merci, le 1 va bientôt sortir Wink



Cordialement,
Polien.

You want to have an english help for Software Zator ? Let's try to read the first tutorial in english Wink : CLIC HERE
BESOINS D'UN TUTO? CONSULTER LE SOMMAIRE !

Débutez avec SZ avec les tutos en pdf !

Contenu sponsorisé

Re: [TUTO de A à Z] Personnaliser vos boutons krypton

Message par Contenu sponsorisé


    La date/heure actuelle est Sam 24 Juin 2017 - 17:22