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