Créer des popups avec Popup Widget et les lier à Zooper

Par edem84 - Le 17/02/14 - Affichages : 4435
Ce tuto vous explique comment créer un widget popup pour pouvoir le déclencher via une zone sensible sur Zooper.
Image

Popup Widget transforme n'importe quel widget Android en une fenêtre popup qui peut être lancé à partir d'une seule icône sur votre écran d'accueil.
Il faut le voir comme un popup qui lance les Widgets sans quitter l'écran où vous vous trouvez.
Popup widget ne se contente pas d'ouvrir des widgets natifs du système, il ouvre aussi toutes les tailles des widgets zooper, ce qui veut dire que vous pouvez ouvrir en popup des widgets créés avec Zooper et donc entièrement personnalisés!!

Voici ce que je veux obtenir :
Un clic sur le triangle (jaune ici, mais qui peut être transparent) qui se trouve sur un widget Zooper, ouvre un Popup Widget (créé sur Zooper et encapsulé sur Popup Widget).
Le Popup apparaît de la droite de l’écran (on pourra régler ce que l’on veut), il contient des icônes (que je vous ai mis dans le paquetage à télécharger plus bas), des textes et des zones vides.
Le Popup, à partir du moment où il apparaît, reste 4 secondes à l’écran (c’est réglable aussi), un clic sur une des icônes ou textes, ouvre l’application concernée.

Image

Ce qu’il vous faut :
1 - Téléchargez sur le play store la version de votre choix de Popup Widget :
- Free = Popup Widget - AD
- Payante = Popup Widget
NOTA : seule la dernière version PAYANTE permet cette liaison avec Zooper !!
Popup Widget est intégré nativement dans SS Launcher, bien qu’il semble que ce module soit “bridé”! A confirmer par les utilisateurs de SS Launcher ;)

2 - Maîtriser la conception de widget sur Zooper :
Personnalisez avec Zooper Widget! No limite!

3 - Avoir lu ce tuto sur
[Zooper] expertise 04 : déclencher des popups widgets

4 - Avoir sous la main, un widget Zooper que nous utiliserons. A défaut, vous pouvez télécharger celui qui m’a servi à faire ce tuto :
Lien de DL de la barre de nav SGSTEAM et les icônes que j'ai employé : https://www.dropbox.com/sh/ylk2e0dqvgh26sy/FFIKp5UUeq

Si vous êtes ok sur les points cités plus haut, nous pouvons entrer dans le vif du sujet !

Comment faire ?

Vous avez sur votre carte SD le widget “barre nav SGSTEAM” que vous avez créé ou bien récupéré.
Sur celui-ci, les icônes et textes déclenchent les applications concernées : Gmail, Box, Play Store, Hangouts, Facebook, G+, Tweedle et Tapatalk pro 4
Vous pouvez ré-éditer celui-ci pour attribuer à chacun d’autres applications.

Nous allons ouvrir Popup Widget.
1 - Dans le premier écran, nous avons “Create a new popup widget”, cliquez dessus.
Image
Par soucis de clarté, nous allons attribuer un nom à ce popup en cliquant sur “Title”, je saisi : “Barre Nav SGS Team”.
2 - Puis je descend dans l’éditeur pour accéder aux paramètres qui m’intéressent :
Auto close, auto close delay etc...
Cochez ou bien laissez coché conformément à ce screen (vous pourrez à tout moment revenir dessus en éditant ce popup).
Réglez le style d’animation (ici “Slide from right”) et l’effet d’animation (ici “Overshoot”).

Image

3 - Plus bas, nous allons régler la position du popup lorsqu’il sera ouvert, cochez “Customized position” et rentrez les valeurs : x=500 et y=80 (c’est mon exemple hein!)
Image

4 - Plus bas encore, vous pouvez resizer votre popup à la main, faites le pour qu’il atteigne la taille du widget créé sur Zooper.
Image

5 - votre Popup est prêt, revenir en arrière par la touche retour de votre smartphone et vous aurez la liste des Popups créés, le notre étant le dernier dans la liste.
Image

Le but, maintenant qu’il existe, est de le faire s’ouvrir via un clic sur une zone d’un Widget Zooper. En bref, il va nous falloir l’associer à Zooper.
Pour rappel, l’explication de cette liaison est ici :
[Zooper] expertise 04 : déclencher des popups widgets

Voilà, je pense que maintenant, l’association de ces deux excellentes applications que sont Zooper et Popup Widget, ouvrent un chemin infini à la personnalisation de vos écrans.
Si en plus vous êtes sur SS Launcher, vous avez entre les mains ce qui se fait de plus customisable au possible ;)
----------------------------------------------------------
----------------------------------------------------------
Edition du 21 mai 2014 : Nouvelle version de cette superbe application : Popup Widget

version 2.0.0

- changement complet d'UI
Image
Image

- possibilité de création de raccourci déclenchant de multiples popups widget
Image

- supporte les actions de TASKER plugin

- permet la modification et le choix de l'emplacement après l'avoir déclenché.
Il suffit de maintenir un appui sur un popup ouvert pour avoir accès aux poignées de redimensionnement, en appuyant au milieu du popup, vous pouvez le déplacer, en cliquant sur la clé à molette en bas à droite, vous rentrez dans l'édition du popup
Image
6 réponse(s) -