Apprendre les bases du multitool et le designer.

  • Auteur de la discussion Auteur de la discussion delete221380
  • Créé le Créé le
Statut
N'est pas ouverte pour d'autres réponses.
D

delete221380

Et bien yop tout les monde c'est DEVR0, je lance une petite série sur les tutoriaux informatiques orienté programmations.
Aujourd'hui petit tutoriel pour les personnes ayant l'envie et la motivations d'apprendre quelques truc dans le monde de la programmations. Ce tuto est déstinés aux personnes ne connaissant quasiment rien dans ce langage.

Débutons ce tutoriel avec un petit sommaires :
  • I - Créer des projets et ajouter des formulaires
  • II - Intégrer de quoi ouvrir un 2 ème formulaires
  • III - Le code pour affiché le 2 éme formulaires et faire disparaitre le premier
  • IV - Dans qu'elle but pouvons nous utiliser ceci
  • V - Créer un design qui change des autres logiciel sans utilisé de library.
  • VI - L'avantage de ne pas utilisé d'extensions

Les pré-requis :
  • Avoir soit Visual Studio soit Visual C#(Express).
  • Avoir un cerveau :troll:

I - Créer son projet et ajouter des formulaires :

Donc pour ce faire vous devez lancer Visual Studio ou Visual C#, si vous etes vous visual C# aucun soucis vous serez directement redirigé a choisir le nom de votre projet dans le langage C#, pour ceux qui sont sous Visual Studio (2010, 2012, 2013 et j'en passe) vous serez invitez a choisir le langage que vous souhaitez utilisés.

Donc vous cliquer sur "Nouveau Projet" comme ceci

1384787947-part-1-tuto.png

Et c'est a partir de ce moment que vous allez choisir le langage utilisés dans votre applications
Choisissez le langages C# et selectionné "Applications Windows Form", nommé votre projet vous comprendrez quand vous aurais beaucoup de projet en cours (c'est très difficiles de s'y retrouvez a la fin)

1384788100-tuto-part2.png

Une fois ceci fait nous allez avoir une page vierge apparaitre ceci s'appel un formulaire. Une fois arriver sur votre Formulaire de départ il sera nommé automatiquement Form1.cs (Formulaire 1 . CSharp)

Le formulaire de base doit ressemblé a ceci :

1384788405-tuto-part-4.png



Pour ajouter une autres Formulaires vous devez cliquer en haut sur Projet -> Ajouter un Formulaire Windows -> Laissez le nom Form2.cs de base et faite "OK"

Comme ceci :

1384788319-tuto-part3.png

Si tout c'est bien passez vous allez un nouveau Formulaire intitulé Form2.cs[Creation], en haut vous piuvez visualisez 2 formulaire ouvert, le Form2.cs[Creation] (celui sur lequel vous etes actuellement) et le Form1.cs[Création] (celui qu'on a délaisser jusque maintenant).

II - Integrer de quoi ouvrir un 2 éme formulaires :

Donc pour switcher entre les Form il faut ouvrir la boite a outil -> elle peut etre soit a droite soit a gauche, si elle n'est pas affiché cliquer sur Affichage -> Boite a outil et elle apparaitra. Cliquer en haut sur Form1.cs et vous serais automatiquement redirigé vers le Formulaire 1

Une fois votre boite a outil ouverte vous allez chercher l'outil nommé "Button" autrement dis un Bouton.
Vous le faite glisser sur votre Fomulaire

Comme ceci :

1384788655-bouton-tutorg.png


III - le code pour affiché le Formulaire :

Mais vous allez me dire que pour le moment on a encore aucun code d'entrer, et bien nous y arrivons, maintenant je vais vous expliquer comment Switcher de Form par l'intermédiaire d'un bouton.

Donc pour ce faire vous allez double cliquer sur votre bouton -> Vous allez donc voir la Form1.cs la partie codage du Formulaire 1

Si tout c'est bien passer vous pouvez visualiser ceci :

1384788814-code.png

Etant donnée que nous somme sur le Formulaire 1 nous allons affiché le Formulaire 2

Vous pouvez voir que dans le code il y a une fonction pré faite par Visual Studio (ou Visual C#)

Cette fonctions ressemble a ceci :

Code:
 private void button1_Click(object sender, EventArgs e)
        {

        }

Et bien rien de plus simple, pour afficher le Formulaire 2 vous devez inserer le code entre les accolades (les accolades définissent la fonctions)

Comme ceci :

Code:
 private void button1_Click(object sender, EventArgs e)
        {
            Form2 f2 = new Form2();
            f2.Visible = true;
            this.Visible = false;
        }

Je m'explique sur le code, le Form2 = Formulaire 2
f2 = Form2, f2.Visible = true; veut dire qu'on rend visible le Formulaire 2
le this = Formulaire sur lequel nous sommes actuellement, vous rendons donc le formulaire actuel en invisible.

Vous pouvez faire de même sur le Formulaire 2 pour revenir au Formulaire 1 il suffira de changer Form2 f2 par Form1 f1

Cette technique fonctionne avec autant de formulaire que vous voulez.


IV - Dans qu'elle but pouvons nous utiliser ceci :

Ceci est la base du multitool sur plusieur Formulaire, vous pouvez par exemple faire un Formulaire 1 qui servira donc de menu principale et les Formulaire suivant seront les outils présenter dans le Formulaire 1

J'ai longtemps utilisé cette technique a mes début, il faut savoir que d'autre techniques existe pour réunir plusieurs outils sur un seul et unique Formulaires.


V - Créer un design qui change des autres logiciel sans utilisé de library :

Beaucoup d'entre vous mon longtemps demander ce que j'utiliser pour faire mes Design, pour mes ancien tool le design étais généralement Blanc et j'utiliser DevExpress pour pouvroir faire un Formulaire bien propre, d'ailleurs je remercies D3VHAX de m'avoir aider avec DevExpress.

Il faut savoir qu'il existe une technique biens plus simple pour le Design qui demande aucun dll ni rien d'autre, juste vos connaissances.

Il s'agit de faire un Formulaire sans Bordure, les bordure de base sont ceux que vous voyez partout sur tout vos logiciels, sans bordure vous avez l'impressions de découvrir un tout nouveau design

Je m'explique sur certains point, quand vous mettez un background avotre formulaire, les bordure gache et coupe le Background, la titleBar ( le bare contenant le titre et les outils pour fermé et agrandir), vous pouvez cependant la retiré. Pour retiré la barre c'est tout simple il suffit de cliquer sur votre Formulaire et d'allez dans les propriétés de celui-ci, a un endroit vous y trouverez la propriété "FormBorderStyl" de base elle est sur Sizable si vous la mettais sur NoBorder il n'y aura aucune bordure ;)

Comme ceci :
1384789635-border.png

Je tient également a préciser une petite choses, une fois les Bordure retiré, vous ne pouvez plus bouger votre Formulaire (application) une fois celle-ci Debuger (lancer)

Il y a donc une solution très simple pour contrer ceci

Dans votre code vous pouvez inserer une fonction qui va permettre a votre Formulaire Debuger de bouger avec la souris

Comme ceci :

1384789762-screenshot-1.png

Voici le code a inscrire (c'est une fonction complète) placé la ou vous voulez mais pas dans une autre fonction :

Code:
  protected override void WndProc(ref Message m)
        {
            switch (m.Msg)
            {
                case 0x84:
                    base.WndProc(ref m);
                    if ((int)m.Result == 0x1)
                        m.Result = (IntPtr)0x2;
                    return;
            }

            base.WndProc(ref m);
        }

VI - l'avantages de ne pas utlisés d'exentions :

Sans extensions, votre applications est plus légère donc pour les personnes ne possèdant pas d'ordinateurs assez puissant l'applications méttra moins de temps a charger puisqu'il y aura moins de composant anexes

Exemple de tool fait sans extensions :


1385234640-dd4uolu.png

Avec @Destroy'

Episode Suivant : Clique ici

Voilà ce tutoriel est maintenant terminé, si vous avez des questions ou autres n'hésitez pas a m'en faire part.

Si cette séries vous plait je ferais un prochaines episode avec les bases des tool RTE, comment coder un numericUpDown, CheckBox, Button, TextBox et autres outils.

/!\ Copie interdites sans mon accord /!\


Écrit par iDEVR0, Best Writers Topics. http://reality-gaming.fr/attachments/rd-gif.9719/
 
Dernière édition par un modérateur:
Un gros merci a toi !
J'en chercher un des tuto en + :O <3
 
Felicicitation a toi cher compatriotes :)
 
Tutoriel de malade mentale. GG a DEVRO :ok:
 
Et bien yop tout les monde c'est DEVR0, je lance une petite série sur les tutoriaux informatiques orienté programmations.
Aujourd'hui petit tutoriel pour les personnes ayant l'envie et la motivations d'apprendre quelques truc dans le monde de la programmations. Ce tuto est déstinés aux personnes ne connaissant quasiment rien dans ce langage.

Débutons ce tutoriel avec un petit sommaires :
  • I - Créer des projets et ajouter des formulaires
  • II - Intégrer de quoi ouvrir un 2 ème formulaires
  • III - Le code pour affiché le 2 éme formulaires et faire disparaitre le premier
  • IV - Dans qu'elle but pouvons nous utiliser ceci
  • V - Créer un design qui change des autres logiciel sans utilisé de library.
  • VI - L'avantage de ne pas utilisé d'extensions

Les pré-requis :
  • Avoir soit Visual Studio soit Visual C#(Express).
  • Avoir un cerveau :troll:

I - Créer son projet et ajouter des formulaires :

Donc pour ce faire vous devez lancer Visual Studio ou Visual C#, si vous etes vous visual C# aucun soucis vous serez directement redirigé a choisir le nom de votre projet dans le langage C#, pour ceux qui sont sous Visual Studio (2010, 2012, 2013 et j'en passe) vous serez invitez a choisir le langage que vous souhaitez utilisés.

Donc vous cliquer sur "Nouveau Projet" comme ceci

1384787947-part-1-tuto.png

Et c'est a partir de ce moment que vous allez choisir le langage utilisés dans votre applications
Choisissez le langages C# et selectionné "Applications Windows Form", nommé votre projet vous comprendrez quand vous aurais beaucoup de projet en cours (c'est très difficiles de s'y retrouvez a la fin)

1384788100-tuto-part2.png

Une fois ceci fait nous allez avoir une page vierge apparaitre ceci s'appel un formulaire. Une fois arriver sur votre Formulaire de départ il sera nommé automatiquement Form1.cs (Formulaire 1 . CSharp)

Le formulaire de base doit ressemblé a ceci :

1384788405-tuto-part-4.png



Pour ajouter une autres Formulaires vous devez cliquer en haut sur Projet -> Ajouter un Formulaire Windows -> Laissez le nom Form2.cs de base et faite "OK"

Comme ceci :

1384788319-tuto-part3.png

Si tout c'est bien passez vous allez un nouveau Formulaire intitulé Form2.cs[Creation], en haut vous piuvez visualisez 2 formulaire ouvert, le Form2.cs[Creation] (celui sur lequel vous etes actuellement) et le Form1.cs[Création] (celui qu'on a délaisser jusque maintenant).

II - Integrer de quoi ouvrir un 2 éme formulaires :

Donc pour switcher entre les Form il faut ouvrir la boite a outil -> elle peut etre soit a droite soit a gauche, si elle n'est pas affiché cliquer sur Affichage -> Boite a outil et elle apparaitra. Cliquer en haut sur Form1.cs et vous serais automatiquement redirigé vers le Formulaire 1

Une fois votre boite a outil ouverte vous allez chercher l'outil nommé "Button" autrement dis un Bouton.
Vous le faite glisser sur votre Fomulaire

Comme ceci :

1384788655-bouton-tutorg.png


III - le code pour affiché le Formulaire :

Mais vous allez me dire que pour le moment on a encore aucun code d'entrer, et bien nous y arrivons, maintenant je vais vous expliquer comment Switcher de Form par l'intermédiaire d'un bouton.

Donc pour ce faire vous allez double cliquer sur votre bouton -> Vous allez donc voir la Form1.cs la partie codage du Formulaire 1

Si tout c'est bien passer vous pouvez visualiser ceci :

1384788814-code.png

Etant donnée que nous somme sur le Formulaire 1 nous allons affiché le Formulaire 2

Vous pouvez voir que dans le code il y a une fonction pré faite par Visual Studio (ou Visual C#)

Cette fonctions ressemble a ceci :

Code:
 private void button1_Click(object sender, EventArgs e)
        {

        }

Et bien rien de plus simple, pour afficher le Formulaire 2 vous devez inserer le code entre les accolades (les accolades définissent la fonctions)

Comme ceci :

Code:
 private void button1_Click(object sender, EventArgs e)
        {
            Form2 f2 = new Form2();
            f2.Visible = true;
            this.Visible = false;
        }

Je m'explique sur le code, le Form2 = Formulaire 2
f2 = Form2, f2.Visible = true; veut dire qu'on rend visible le Formulaire 2
le this = Formulaire sur lequel nous sommes actuellement, vous rendons donc le formulaire actuel en invisible.

Vous pouvez faire de même sur le Formulaire 2 pour revenir au Formulaire 1 il suffira de changer Form2 f2 par Form1 f1

Cette technique fonctionne avec autant de formulaire que vous voulez.


IV - Dans qu'elle but pouvons nous utiliser ceci :

Ceci est la base du multitool sur plusieur Formulaire, vous pouvez par exemple faire un Formulaire 1 qui servira donc de menu principale et les Formulaire suivant seront les outils présenter dans le Formulaire 1

J'ai longtemps utilisé cette technique a mes début, il faut savoir que d'autre techniques existe pour réunir plusieurs outils sur un seul et unique Formulaires.


V - Créer un design qui change des autres logiciel sans utilisé de library :

Beaucoup d'entre vous mon longtemps demander ce que j'utiliser pour faire mes Design, pour mes ancien tool le design étais généralement Blanc et j'utiliser DevExpress pour pouvroir faire un Formulaire bien propre, d'ailleurs je remercies D3VHAX de m'avoir aider avec DevExpress.

Il faut savoir qu'il existe une technique biens plus simple pour le Design qui demande aucun dll ni rien d'autre, juste vos connaissances.

Il s'agit de faire un Formulaire sans Bordure, les bordure de base sont ceux que vous voyez partout sur tout vos logiciels, sans bordure vous avez l'impressions de découvrir un tout nouveau design

Je m'explique sur certains point, quand vous mettez un background avotre formulaire, les bordure gache et coupe le Background, la titleBar ( le bare contenant le titre et les outils pour fermé et agrandir), vous pouvez cependant la retiré. Pour retiré la barre c'est tout simple il suffit de cliquer sur votre Formulaire et d'allez dans les propriétés de celui-ci, a un endroit vous y trouverez la propriété "FormBorderStyl" de base elle est sur Sizable si vous la mettais sur NoBorder il n'y aura aucune bordure ;)

Comme ceci :
1384789635-border.png

Je tient également a préciser une petite choses, une fois les Bordure retiré, vous ne pouvez plus bouger votre Formulaire (application) une fois celle-ci Debuger (lancer)

Il y a donc une solution très simple pour contrer ceci

Dans votre code vous pouvez inserer une fonction qui va permettre a votre Formulaire Debuger de bouger avec la souris

Comme ceci :

1384789762-screenshot-1.png

Voici le code a inscrire (c'est une fonction complète) placé la ou vous voulez mais pas dans une autre fonction :

Code:
  protected override void WndProc(ref Message m)
        {
            switch (m.Msg)
            {
                case 0x84:
                    base.WndProc(ref m);
                    if ((int)m.Result == 0x1)
                        m.Result = (IntPtr)0x2;
                    return;
            }

            base.WndProc(ref m);
        }

VI - l'avantages de ne pas utlisés d'exentions :

Sans extensions, votre applications est plus légère donc pour les personnes ne possèdant pas d'ordinateurs assez puissant l'applications méttra moins de temps a charger puisqu'il y aura moins de composant anexes

Exemple de tool fait sans extensions :


1384789887-ghost.png

Avec @Destroy'



Voilà ce tutoriel est maintenant terminé, si vous avez des questions ou autres n'hésitez pas a m'en faire part.

Si cette séries vous plait je ferais un prochaines episode avec les bases des tool RTE, comment coder un numericUpDown, CheckBox, Button, TextBox et autres outils.

/!\ Copie interdites sans mon accord /!\


# iMoDz-Team
GG à toi maggle va <3 :O
 
Enorme tuto !! Vais-je apprendre le C# grace a toi ? :D
 
Statut
N'est pas ouverte pour d'autres réponses.
Retour
Haut