Le WIKI francophone consacré à Windows Phone et à Android ...

Pointuitorial 1 - Suite et fin

RSS

Etape 2 : ajout de l'image

  • 1. Choisissez une belle photo de votre maison (le format jpg est requis) et renommer là 'MaMaison.jpg'
  • 2. Glissez et déposez cette photo de votre PC sur votre appareil, toujours dans le dossier de votre applet \Program Files\Home2\AppletRibbon\HomeSweetHome
  • 3. Retournez à votre fichier de script 'HomeSweetHome.cs' dans le bloc-notes.
  • 4. Ajoutez la déclaration de l'image et son chargement comme suit :
    class HomeSweetHomeApplet : Applet
    {
    // Déclaration du titre
    Label lblTitre;

    // Déclaration de la photo
    Image imgMaMaison;


    // Préparation du contenu de l'écran
    void Load()
    {
    // Grands caractères, fonte de type Titre
    lblTitre.SetFont("Font.Title");
    // Libellé du titre
    lblTitre.SetText("Home Sweet Home");

    // Chargement de la photo et calibrage en fonction de la résolution de l'appareil
    if (Device.IsVGA())
    {
    imgMaMaison.Surface.LoadFromFile("MaMaison.jpg",280,180);
    }
    else
    {
    imgMaMaison.Surface.LoadFromFile("MaMaison.jpg",140,90);
    }


    }
    void Activated()
    {
    // Premièrement, effacement de l'écran
    Controls.Clear();

    // Ajout de l'élément 'Titre' dans l'écran
    Controls.Add(lblTitre);
// Positionnement du titre en haut et à gauche de l'écran // sans changer sa hauteur ni sa largeur lblTitre.SetBounds(0,0,GetWidth(),GetHeight()); } }
Remarque : La condition 'if' est ici utilisée. Dans notre exemple, le redimensionnement est proportionnel. Si l'image est plus grande, elle sera tronquée.


  • 5. Ajoutez l'affichage de l'image sur l'écran :
    class HomeSweetHomeApplet : Applet
    {
    // Déclaration du titre
    Label lblTitre;
// Déclaration de la photo Image imgMaMaison; // Préparation du contenu de l'écran void Load() { // Grands caractères, fonte de type Titre lblTitre.SetFont("Font.Title"); // Libellé du titre lblTitre.SetText("Home Sweet Home"); // Chargement de la photo et calibrage en fonction de la résolution de l'appareil if (Device.IsVGA()) { imgMaMaison.Surface.LoadFromFile("MaMaison.jpg",280,180); } else { imgMaMaison.Surface.LoadFromFile("MaMaison.jpg",140,90); } } void Activated() { // Premièrement, effacement de l'écran Controls.Clear(); // Ajout de l'élément 'Titre' dans l'écran Controls.Add(lblTitre); // Positionnement du titre en haut et à gauche de l'écran // sans changer sa hauteur ni sa largeur lblTitre.SetBounds(0,0,GetWidth(),GetHeight()); // Ajout de l'image sur l'écran Controls.Add(imgMaMaison); // Centrage de l'image en fonction de la résolution if (Device.IsVGA()) { imgMaMaison.SetBounds(100,50); } else { imgMaMaison.SetBounds(50,25); } } }
  • 6. Sauvegarder votre script.
  • 7. Tester le...


    Image



Bravo ! Admirez votre maison sur votre écran !




Etape 3 : ajout de la légende

  • 1. Revenez dans le bloc-notes sur votre script 'HomeSweetHome.cs'
  • 2. Ajouter la légende de la photo : sa déclaration, son chargement et son affichage :

    class HomeSweetHomeApplet : Applet
    {
    // Déclaration du titre
    Label lblTitre;
// Déclaration de la photo Image imgMaMaison; // Déclaration de la légende Label lblLegende; // Préparation du contenu de l'écran void Load() { // Grands caractères, fonte de type Titre lblTitre.SetFont("Font.Title"); // Libellé du titre lblTitre.SetText("Home Sweet Home"); // Chargement de la photo et calibrage en fonction de la résolution de l'appareil if (Device.IsVGA()) { imgMaMaison.Surface.LoadFromFile("MaMaison.jpg",280,180); } else { imgMaMaison.Surface.LoadFromFile("MaMaison.jpg",140,90); } // Petite fonte pour la légende lblLegende.SetFont("Font.Small"); // Libellé de la légende lblLegende.SetText("This is my house!"); // La légende doit être centrée lblLegende.SetAlign("Center","Top"); } void Activated() { // Premièrement, effacement de l'écran Controls.Clear(); // Ajout de l'élément 'Titre' dans l'écran Controls.Add(lblTitre); // Positionnement du titre en haut et à gauche de l'écran // sans changer sa hauteur ni sa largeur lblTitre.SetBounds(0,0,GetWidth(),GetHeight()); // Ajout de l'image sur l'écran Controls.Add(imgMaMaison); // Centrage de l'image en fonction de la résolution if (Device.IsVGA()) { imgMaMaison.SetBounds(100,50); } else { imgMaMaison.SetBounds(50,25); } // Ajout de la légende sur l'écran Controls.Add(lblLegende); // Positionnement de la légende sous la photo, centrée if (Device.IsVGA()) { lblLegende.SetBounds(0,240,GetWidth(),GetHeight()); } else { lblLegende.SetBounds(0,145,GetWidth(),GetHeight()); } } }
  • 3. Tester votre applet


    Image




Waouh, vous l'avez fait ! Maintenant vous pouvez le dire : Home est mon Home !









Copyright 2012 CordoWEB