Pointuitorial 1 - Suite et fin

Modifié le mercredi, 11 février 2009 20:28 par imfloflo — Catégorisé en: Pointui Home

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...

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

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