[Zooper] expertise 03 : construction horloge analogique

Sujets dédiés à l'usage des outils de personnalisation (ex ZOOPER, UCCW, les Launchers)
#1

[Zooper] expertise 03 : construction horloge analogique

Messagepar edem84 » 12 Fév 2014, 18:45

Je poursuis mon étude sur Zooper,après :
- [Zooper] expertise 01 : fontes et icônes dynamiques
- [Zooper] expertise 02 : Texte enrichi par BBCode
nous continuons la découverte de Zooper Widget avec la construction une horloge analogique du plus bel effet :)

Image

Composition de celle-ci :
Cette horloge, que vous pourrez aisément customiser, est composée de 7 éléments qui sont tous des modules “rectangles” :
1 - un contour que j’ai arrondi en cercle en ne gardant que le pourtour
2 et 3 - les aiguilles des heures/minutes, affinées par un effet de courbure
4, 5, 6 et 7 - des repères pour le cadran (12, 6, 3 et 9h)

C’est tout !
La magie réside dans la programmation à l’intérieur des modules rectangles composant les aiguilles des heures/minutes.
Nous détaillerons cela plus bas dans le tuto.

Comment faire ?

1 - nous allons commencer par placer un widget Zooper de 1x1 sur l’écran, puis nous lui donnons la dimension souhaitée. Ensuite on clique dessus pour entrer dans l’application Zooper et on choisi “Vide”.
Tous les modules que nous allons poser, on laissera “Centrer” par défaut, pour être certain d’avoir une horloge bien faite :)

2 - on clique sur “disposition” pour créer le premier module, en cliquant sur le signe “+” en haut, puis on choisi un module de type “Rectangle”.
On règle ce module comme ci-dessous :
Image
Notre contour étant fait, nous allons construire l’aiguille des minutes.

3 - créez un module rectangle, laissez “fixer sur l’écran = centrer” et 0 en x et y. Mettre une couleur de votre choix, puis 2 en largeur et 32 en hauteur. Vous aurez remarqué que mes aiguilles sont fines au bout, la raison : j’ai réglé la courbure sur -5. Voir ci-dessous.
Image

Après avoir construit cette aiguille des minutes, nous allons la programmer. Pour ce faire, dans l’édition du module, nous descendons tout en bas et cliquons sur “Paramètres avancés”, ce qui nous affiche un éditeur de code.
Le code à rentrer (en respectant à la lettre les non-espaces et les retours de lignes) est celui-ci :
Code : Tout sélectionner
[ar]15[/ar]
[as]$(360/60*#dm#)$[/as]
[r] $(360/60*#dm#)$[/r]


Image
Une fois le code saisi, vous validez par la coche en haut à droite de l’éditeur.
Votre aiguille des minutes est fonctionnelle, reste à faire celle des heures ;)

4 - On créé un autre module rectangle, auquel on donne les dimensions suivantes :
2 en largeur, 24 en hauteur, courbure de -8.
On rentre dans les paramètres avancés et on tape le code suivant :
Code : Tout sélectionner
[ar]12[/ar]
[as]$(360/(12*60)*(#dh#*60+#dm#))$[/as]
[r]$(360/(12*60)*(#dh#*60+#dm#))$[/r]


Votre aiguille des heures (ici en blanc) est, elle aussi, fonctionnelle ;)

Ce qu’il vous reste à construire, ce sont 4 rectangles de 1 de largeur et 10 de hauteur, que vous placerez où il le faut pour partager le cadran.

Pas très difficile, si ce n’est la partie code qui doit être de la rigolade pour ceux qui ont la bosse des maths ;)
Avatar de l’utilisateur
edem84
Ancien du Staff
Ancien du Staff
 
Message(s) : 4214
Inscription : 07 Sep 2010, 23:47
Localisation : Maroc

#2

Re: [Zooper] expertise 03 : construction horloge analogique

Messagepar DuD » 12 Fév 2014, 19:06

Bonsoir et Grand Merci Éric ;)
Galaxy Note EDGE ;-)
SM-N915FY
ANDROID 5.1.1 LOLLIPOP
N915FXXU1COI1
Version Kernel 3.10.40-5674927
KNOX : 0X0
-------------------------
-------------------------
-------------------------
Avatar de l’utilisateur
DuD
Ancien du Staff
Ancien du Staff
 
Message(s) : 1657
Inscription : 04 Oct 2013, 10:40

#3

Re: [Zooper] expertise 03 : construction horloge analogique

Messagepar franck_29 » 12 Fév 2014, 20:07

Ouah... expertise, effectivement! Sur ce coup là je suis un peu scotché, pourtant... il en faut:-)
Pour bien débuter sur le forum : la charte, FAQ, Comment faire ?
Les points essentiels en quelques clics : Notre Blog
Modèle Galaxy S (GT-I9000) | Galaxy S II (GT-I9100) | Galaxy Note II (GT-N7100) | Galaxy Note 3 (SM-N9005)
Firmware CyanogenMod 10.2 | Stock XWLSD | Stock N7100XXUFNE1 | stock XXUDMK2
Modifications ROOT
Réseau B&You
Mon péché mignon développement de l'appli NokyART
Avatar de l’utilisateur
franck_29
Ancien du Staff
Ancien du Staff
 
Message(s) : 9030
Inscription : 20 Juil 2010, 14:31
Localisation : France, Paris, Cléder

#4

Re: [Zooper] expertise 03 : construction horloge analogique

Messagepar lostseven » 15 Déc 2014, 18:56

merci pour ce tuto bien utile,même si à présent je n'ai réussi qu'une seule fois à créer une horloge qui fonctione,le plus dur étant la rotation des aiguilles,que je ne maitrise absolument pas,j'ai eu un coup de chance.
Je voudrais à ce porpos dans les jours qui viennent,si possible aprofondir la question,car creer l'horloge en elle même,j'arrrive à faire des superbes,mais....sans les aguilles,à cause de cette formule de cette fbgvflkg,fknj,b fvb!! rotation :evil: :evil: :evil: :roll: ;)
Donc,dites moi si on reste sur ce topic,ou si je dois passer par la case question/problème,et ce afin de ne pas polluer le forum inutilement.
Merci d'avance ;)
    Smartphone Galaxy S III i9305 noir 16 GO + SD card 32 Go
    Rom [4.4.4]* cm-11-20140907-NIGHTLY*[4.9]
    Version du baseband : I9305XXUEMK1
    version android : 4.4.4
    Kernel: 3.0.101-CM-Boeffla Kernel-CM 11-2.2-20140327
    Recovery: ClockworkMod Recovery 6.0.3.3
    lostseven
    Andro-parleur
     
    Message(s) : 19
    Inscription : 14 Déc 2014, 08:10

    #5

    Re: [Zooper] expertise 03 : construction horloge analogique

    Messagepar titofe » 15 Déc 2014, 23:00

    Salut,

    Pose ta question dans la section Question/Problème.

    Envoyé de mon OnePlus One en utilisant Tapatalk
    Vous êtes nouveau sur le forum ? Alors n'oubliez pas de vous présenter et de remplir une signature.
    Pour bien débuter sur le forum


    Nexus 7 LTE (2013) 32GB6.0.1CM13 NightlyRootRecovery TWRP 3.0.2-0
    Nexus 57.1.2LineageOS 14.1No RootRecovery TWRP 3.2.1-0
    LG G6 H8707.0Fulmics 2.1MagiskRecovery TWRP 3.2.1-0
    Avatar de l’utilisateur
    titofe
    Modérateur
    Modérateur
     
    Message(s) : 6497
    Inscription : 07 Oct 2011, 05:51
    Localisation : Île-de-France


    Retour vers [Perso] Tutoriels / Astuces sur les outils de personnalisation

    Qui est en ligne ?

    Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 2 invité(s)