[TUTO] Afficher un widget HTML uniquement sur la première page du SB

Rigat0n1 · 04-01-2011 20:30:10

J'essaie d'être le plus clair possible dans ce tuto, mais mieux vaut savoir un peu s'y retrouver dans un fichier HTML pour comprendre quoi faire. Vous êtes prévenus, c'est de la bidouille

Bonjour,

Un membre de ModMyI a découvert un moyen d'afficher un widget HTML uniquement sur la première page du SpringBoard, en utilisant WinterBoard et Lockinfo.
Pour rappel, Winteboard permet d'afficher un fichier Wallpaper.html ou Widget.html sur le fond du springboard (écran d'accueil). L'inconvénient, c'est que ce "widget" s'affiche sous les icônes en permanence, sur toutes les pages.
Avec cette méthode, le widget ne s'affichera plus que sur la première page.

Il y a tout de même quelques inconvénients à cette méthode :
- Cela utilise LockInfo, il faut donc l'installer via Cydia, et LockInfo est payant.
- Cela détourne un peu LockInfo de son utilisation normale, donc vous ne pourrez plus l'utiliser "normalement".
- Il faut adapter le widget HTML en question.

1. la base

Dans les préférences LockInfo, allez dans "General" et, pour le moment, désactivez "Scrolling". Le reste n'est pas important.
Dans "Lockscreen", désactivez "Enabled". Le reste n'est pas important.
Dans "Homescreen" activez "Enabled", désactivez "Existing first page" pour le moment, et, en bas, mettez la barre à 0. Là ou c'est écrit "Slide to right to make..etc..."

Votre widget s'appelle normalement Wallpaper.html, Widget.html ou LockBackground.html et est à la racine de votre thème.
Renommez-le "lockinfo.html" (respectez les minuscules) et placez-le dans Bundles/com.ashman.LockInfo/ avec tous les dossiers qui vont avec et contiennent le CSS et les images du widgets, généralement ces dossiers s'appellent "Private" ou "Widget", parfois les deux.
Voilà, activez le thème dans WinterBoard et ça devrait s'afficher.
Seulement voilà, théoriquement votre widget ne devrait pas s'afficher correctement
C'est pour ça qu'il faut l'optimiser.

Note : si vous êtes satisfait du rendu, arrêtez-vous là

2. Optimiser le widget.

D'abord, votre widget va s'afficher dans la zone suivante sur votre springboard (zone en noir) :

Donc les recommandations suivantes :
- Ne prenez pas en compte la barre de statut dans votre widget (statusbar). Si vous adaptez un widget, remontez tous les éléments de votre widget de 20 pixels (épaisseur de la statusbar).
- Les éléments du widget ne s'afficheront plus si ils sont tout en bas du springboard : comme vous le voyez, la zone affichant le widget ne va pas jusqu'en bas de l'écran.
- Supprimez l'image de fond du widget, c'est l'image de fond du springboard qui s'affichera, ça sera plus simple et plus joli (sinon votre image de fond sera coupée. A moins de créer une image de fond moins haute spécialement pour ça, mais on va pas rentrer dans les détails

Normalement, avec deux-trois connaissances en HTML vous devriez pouvoir adapter votre widget sans trop de problèmes.

3. Bonus.

En jouant avec les préférences de LockInfo, on peut avoir des résultats sympas. Par exemple, activer "Scrolling" vous permettra d'avoir un widget d'une longueur infinie, scrollable. Bien pratique.
Ensuite, si vous désactivez "Existing first page" comme je vous l'ai dit, le widget s'affiche sur une "nouvelle" page du springboard, sur laquelle vous ne pouvez pas mettre d'icônes. Si vous activez "Existing first page", votre widget s'affichera sur la première page du springboard, derrière les icônes de la première page. Ca offre de nouvelles possibilités
Pour terminez, le mieux c'est que votre widget est interactif. Vous pouvez y mettre un petit bouton en HTML qui vous permettra, en cliquant dessus, d'afficher un autre widget, de mettre des liens, des boutons... Pour qui s'y connait en HTML, ça n'a pas de limites !

Voilà, c'est la fin de ce tuto, j'étofferai au fur et à mesure de mes découvertes, et j'ajouterai plus d'images pour expliquer N'hésitez pas à poser vos questions ici

Maxoubordeaux · 04-01-2011 20:48:06

Merci beaucoup a Toi ! quel rapidité

je vais tester celà

Zooropalg · 04-01-2011 22:05:06

Pas tout compris... Je blague! Je teste dqp!!!
Merci Rig!!!

Zooropalg · 04-01-2011 22:06:52

Attends. Moi mes widgets disent "utiliser" le LockBackground.png du theme. Donc est ce que ta méthode va fonctionner?

Rigat0n1 · 05-01-2011 00:07:57

Zooropalg a écrit :

Attends. Moi mes widgets disent "utiliser" le LockBackground.png du theme. Donc est ce que ta méthode va fonctionner?

Pas vraiment. En fait, le LockBackground.png va s'afficher, mais va être coupé un peu en dessous de la quatrième rangée d'icônes, ce qui n'est pas très joli.
La solution que je propose c'est d'enlever l'image de fond sur le fichier HTML, donc elle ne s'affichera pas, puis de la mettre en fond d'écran avec la fonction native d'iOS ou un Wallpaper.png dans ton thème.

Maxoubordeaux · 05-01-2011 01:01:20

je n'arrive pas au résultat voulu ...
je vais essayer de pousser le truc et vous faire parvenir celà

Forum iPhone, iPad, Apple Watch de iPhon.fr

Annonce

#1 04-01-2011 20:30:10

[TUTO] Afficher un widget HTML uniquement sur la première page du SB

#2 04-01-2011 20:48:06

Re : [TUTO] Afficher un widget HTML uniquement sur la première page du SB

#3 04-01-2011 22:05:06

Re : [TUTO] Afficher un widget HTML uniquement sur la première page du SB

#4 04-01-2011 22:06:52

Re : [TUTO] Afficher un widget HTML uniquement sur la première page du SB

#5 05-01-2011 00:07:57

Re : [TUTO] Afficher un widget HTML uniquement sur la première page du SB

#6 05-01-2011 01:01:20

Re : [TUTO] Afficher un widget HTML uniquement sur la première page du SB

Pied de page des forums