FORUMS
Remove All Ads from XDA

ClockSkin Collection for No 1 D5, K8 and K8 mini + Installation Guide

193 posts
Thanks Meter: 99
 
By Steve Giordano, Senior Member on 17th January 2016, 12:29 PM
Post Reply Email Thread

Hi all i have extracted all ClockSkin from No 1 D5 Firmware.
I think is very simply create more ClockSkin for this device..

Just find the layout you want (from existing ones), and change at will the images

DOWNLOAD




UPDATE:
HOW INSTALL CUSTOM CLOCKSKINS:

------------------------------------------
Method 1 save clockskin on /sdcard
Solution by @Lokifish Marz

1.Connect watch to Windows/Mac/Linux
2.Enable USB Storage on watch
3.Create a folder called "ClockSkin" on the SDCard/Storage
4.Drag and drop any new face folder into "ClockSkin" folder on SDCard/Storage
5.Disconnect watch and select the new face

No adb, no special drivers, no scripts, no programs. Just drag and drop.


------------------------------------------
Method 2 save clockskin on /data or /sdcard
Tool By @Steve Giordano
Hi all, I have created a tool which allows you to install all the clockskin!

Guide:
Quote:

1.Download my tool
2.extract it
3.copy the folder of the custum clockskin you want to install in the folder of tool
4.Open the exe file.
5.Select 1 "Put new clockskin on Sdcard" or 2 "Put new clockskin on Data".
6.Write the name of the folder on the new custum clockskin you've copied



-----------------------------------

Method 3 save clockskin on /data

GUIDE by @cyrux75
How-to push clockskin to K8 / K8 mini/ No.1 D5 smartwatches with ADB commands

Hi,
Here is the step-by-step procedure to add new clockskins to these great smartwatches.
It is not required to root the watch but it implies the use of adb command line, although it's a trivial job.
Prerequites are:
- adb on your PC (here's a great minimal distribution http://forum.xda-developers.com/show....php?t=2317790); I don't give you further details on adb usage, there is plenty of tutorial about that
- Watch connected to the PC
- ClockSkin.zip or any valid clockskin file that will be made available

1. Extract the content of ClockSkin.zip file on your PC; you should have a folder (ClockSkin) which contains 19 sub-folders (ClockSkinP1, ClockSkinP2,...)
2. Copy the sub-folders (ClockSkinP1, ClockSkinP2,...) to your watch in /sdcard/Downloads folder
3. Enable "Debug on USB" on your watch; check it in settings, information, developer options
4. Open a shell with adb on your PC, go on with the following commands:


Code:
adb shell
cd /data/clockskin
cp -R /sdcard/Downloads/ClockSkin* .
chmod -R 777 ClockSkinP*
chmod -R 777 ClockSkinZ*
exit
It's done!
You'll find the new clockskins available as the existing standard clockskins.




How Create ClockSkin

---------------------------------------------
Application by @rromeroa
"Hi, I have done a windows application for generating the clockskins, I hope enjoy it and a propper use
of the software. "


DOWNLOAD

Its based on the examples that you have shared on the forum, I must say I have not clock


* IMPORTANT NOTES
YOU AGREE THAT YOUR USE OF THIS SOFTWARE IS ENTIRELY AT YOUR OWN RISK.


* FEATURES
- Create visualize and modify xml's clockskins based on structure explained from xda-developer forum
- Import IMAGES from .watch files for use them directly
- Incorporates a function to generate personalized "arrays"
- Incorporates default samples extracted from the launcher

* REQUIREMENTS
- It's a portable pure .Net application, so you only need to have installed Microsoft Framewotk 4.5

* USAGE
I think is very simple:
- Load/Create/Import a clockskin from left side of the application
- Double-click on elements to add and select properties of them (layer, image, positions, etc...)
- Save, when you save the project the created clocksckin is in the main folder and ready to move it to the device.


* KNOWN ISSUES aND LIMITATIONS
- The "pedometer text" and "heartrate text" elements are not implemented. Still I have not an example of them
- The "special seconds", "arc battery" and "arc steps" elements are generated but not displayed in the application
- The "angle" and "start angle" properties are generated but it's not clear that they are displayed correctly in the application
- Each element allows all the properties, but I don'nt know which combinations are allowed on firmware



* THANKS
Special thanks to people without whom the application would never be,
the following active members of xda-developers community for sharing
and explain methods for extract, build and save skins:

@Lokifish Marz
@cyrux75
@Steve Giordano (Steppdroid)

every users who have shared their creations.

...and my suffered code testers
Carlos P.
Ruben G.




CUSTOM CLOCKSKINS


---------------------------------------------
PACK ALL IN ONE FILE By @smartwatchticks


XDA DEVELOPER CREATED WATCH FACES FOR D5/K8/K8 MINI/K9/K18/X5 SMARTWATCHES

This ClockSkinDesigns1 ZIP file contains the following:
File - Instructions (this document)
Folder - ClockSkin (all developer clock skins in individual folders sorted alphabetically by the names that were given to them by each developer)
Folder - ClockSkinDirectory (images of each of the clock skins available in the folder ClockSkin)
Folder - SkinCreators (folders for each developer with duplicate copies of each of their designs sorted by their XDA user name)
Folder - StockClockSkins (clock skins preinstalled on the D5 watch accessible for extraction)
Folder - StockClockSkinPieces (various pieces of clock skins preinstalled on the D5 watch not accessible for full extraction)

HOW TO USE THIS ARCHIVE:

If you want to look at each and every developer designed watch face captured here on your own watch, then you will want to copy the entire folder named ClockSkin to your watch. Here’s an easy way to do this:

1. Plug your watch charging cradle into the USB port of the computer containing these files and place your watch in the cradle.
2. Press the button that appears asking Turn on USB storage.
3. Press the OK button on the next screen
4. Your watch should say USB Connected and you should see an external drive mounted on your computer (on the D5 watch it is identified as W806)
5. Open that drive and copy the folder ClockSkin from here to that drive.
6. When copying is complete, unmount the external drive
7. Tap Turn off USB on your watch
8. Press your side button on your watch to return to your watch face.
9. Press and hold your watch face, then scroll left and right to see all your newly installed clockskins as watch faces!
Note: You may see some blank spaces either between clock faces or at the end of the newly installed ones due to invisible file artifacts in the folders left over from Mac/PC/Windows OS processes. Unfortunately, this is normal.

HOW TO SELECTIVELY INSTALL:

Follow steps 1-4 above.
5A. Open the watch drive mounted on your computer and create this folder: ClockSkin (exactly as shown including capitals)
5B. Review the images in the folder ClockSkin Directory included in this package and make note of the FILE NAMES of the watch faces you want to install on your watch.
5C. Open the ClockSkin folder included in this package and copy each folder matching the file names of the watch faces you want on your watch over to the ClockSkin folder on your watch that you just created.
Follow steps 6-9 above.

WHAT ABOUT FIRMWARE DIFFERENCES?

In March 2016 for the D5 watch, No.1 released a firmware update which, among other things, provided a fix for rotating components counterclockwise on the watch. This has led to a few of the newest creations being designed specifically for those watches running the newest firmware. ALL the designs you see here should work on the new firmware. The clockskin file names which end in an asterisk (*) were made for the new firmware and indicate they may not display correctly on the older firmware versions. How do you check which version is on your watch? Open your settings, scroll to the bottom and open About Device. If your watch is the D5 and your firmware is 160310 or newer (2016/03/10) you’re OK. If you have any other watch besides the D5, well, you may need to wait for an update.

HOW TO MODIFY THESE WATCH FACES:

Watch the YouTube videos on Watch Face Design to learn how these clockskins are put together. Then modify the clockskin.xml file within the folder of the watch face you want to modify. Either modify it directly on your watch, or, if you modify it on your computer, copy it to your watch and replace the old file with the new one. You may need to add additional files or modify others depending on what you are doing, but you will learn about that in these videos:

https://www.youtube.com/playlist?lis...XcSffQ90OPmyc6

WHO MADE WHAT?

The SkinCreator folder included in this package has duplicate copies of each of the watch face designs from the ClockSkin folder, only here they are sorted into separate developer named folders. It is recommended you keep this folder intact as an archive of the original designs. If you choose to modify any designs to your own likings, you can do so in the ClockSkin folder knowing that you can return to the original design in the SkinCreator folder at any time.

WHO GETS PAID FOR ALL THIS?

Nobody is asking for money for the designs included here. They are all offered free. Some developers would appreciate a donation for their efforts, and if you are so motivated, you will find a PayPal Donate button next to a developer’s post in the original XDA Developers Forurm. Feel free to contribute. Here is the link to the beginning of the Forum where all these watch faces came from. This set of clockskins includes are all designs through the first 800 posts (first 80 pages) of this Forum:

http://forum.xda-developers.com/smar...mware-t3295297

WHERE CAN I GET MORE INFORMATION?

These resources are suggested to further your exploration of these watches and their watch face design capabilities:

https://plus.google.com/u/0/communit...42607524552712

http://forum.xda-developers.com/smar...-1-d5-t3270656

http://forum.xda-developers.com/smar...d-4-4-t3207082

http://forum.xda-developers.com/smar...4-4-2-t3250601

http://forum.xda-developers.com/smar...house-t3313103

http://forum.xda-developers.com/smar...watch-t3336594

http://forum.xda-developers.com/smar...s8-k8-t3293748

ANYTHING ELSE?

There are two more folders in this set. The StockClockSkins folder contains the complete extracted clockskin information for several of the installed watch faces. You can play with modifying these to learn more about how it all works and compare with the originals which are always on your watch (D5). The other folder, StockClockSkinPieces, holds various pieces and parts, like clock hands, numbers, backgrounds, etc., which can be used in your own designs. If you look at the images in the Directory folder within the StockClockSkinPieces folder, you will see images of all these parts from the actual running watch faces so you will be able to associate the picture names with the file folder names to locate the parts of interest to you. A lot of work has gone into all this by a lot of people, all for free. Enjoy your amazing smartwatch!


Compiled, sorted, archived and ZIPped by Mr. Ticks of SmartWatchTicks


Other Clockskin by xda member


CLOCKSKIN BY @cyrux75
DOWNLOAD

--------------------------



CLOCKSKIN BY @Lokifish Marz
DOWNLOAD

--------------------------


CLOCKSKIN BY @Gabrikira
DOWNLOAD

--------------------------


CLOCKSKIN BY @Massu4
DOWNLOAD

-------------------------



CLOCKSKIN BY @TheDarkM@n
DOWNLOAD

------------------------


CLOCKSKIN BY @vicented80
DOWNLOAD

-----------------------

CLOCKSKIN BY @vicented80
DOWNLOAD
The Following 21 Users Say Thank You to Steve Giordano For This Useful Post: [ View ] Gift Steve Giordano Ad-Free
 
 
17th January 2016, 02:40 PM |#2  
Senior Member
Thanks Meter: 27
 
More
How do the hands work? Are they image files too?

Quote:
Originally Posted by Steve Giordano


Hi all i have extracted all ClockSkin from No 1 D5 Firmware.
I think is very simply create more ClockSkin for this device..

Just find the layout you want (from existing ones), and change at will the images

DOWNLOAD

The Following User Says Thank You to caltomoto For This Useful Post: [ View ] Gift caltomoto Ad-Free
17th January 2016, 03:25 PM |#3  
Lokifish Marz's Avatar
Inactive Recognized Developer
Flag Olympus Mons, Mars
Thanks Meter: 3,752
 
Donate to Me
More
Mini/D5 Watchface config parameters
..
The Following 9 Users Say Thank You to Lokifish Marz For This Useful Post: [ View ] Gift Lokifish Marz Ad-Free
22nd January 2016, 12:40 AM |#4  
Senior Member
Thanks Meter: 27
 
More
Can you confirm the number of faces on the watch? I your video you mentioned 30. Thanks

Quote:
Originally Posted by Lokifish Marz

The hands are image file. The config parameters are in Chinese so they need to be translated.

Update

Translation done. Looks like it can do the following;
Dials- 12 & 24hr H/M/S, Day, Date, Month, Week, Battery (more may be possible with adjusted rotation rates assuming it accepts decimal rotation modifiers. Example: dial with a 0.XXX or X.XXX modifier would equal lunar phase dial)
Digital- 12 & 24hr H/M/S, Day, Date, Month, Week, Steps, Heartrate, Battery, Lunar Phase, Weather, Temperature
Missing- Notification indicators, custom indicators, Calendar events, special effects? ("special second" needs further investigation)

Translated config parameters

<?"utf-8"?><Name></ name> image name can be a single image or xml configuration file, a xml file represents Inside is a picture array
<centerX> 0 </ centerX> X coordinates, center of the screen by default
<centerY> 0 </ centerY> Y coordinates, the default screen center
<rotate> 1 </ rotate> rotate hour and minute hands and other identification, specific explanation rotate index see below,
<angle> 60 </ angle> Contact <rotate> with the rotation angle of deviation, such as the default start 0 degrees, and now you need to start from 60 ° In this configuration
<arraytype> 2 </ arraytype> If the picture configuration the xml, this is used to identify which specific types, see beneath arraytype index
</ color>1<color> charging pattern color default white, black you need to configure 1, otherwise do not configure
<mulrotate> 3 </ mulrotate> Contact <rotate> mix multiple normal rotation speed, the default is 1, the value of a regular rotation speed multiplied by the default configuration, in addition to its absolute value is negative
<startAngle> 150 </ startAngle> dial arc text next to the starting angle
< direction> 1 </ direction> direction of rotation, a clockwise, counterclockwise 2, do not configure the default is clockwise
<textsize> 1 </ textsize> next to the dial arc text font size, do not configure the default 19

rotate index
hour: 1 clockwise angle
minute: 2 minute rotation angle of the
second: 3 seconds rotation angle
month: 4 month rotation angle
week: 5 week rotation angle
battery: 6 Battery rotation angle

arraytype index: numeric array default to start from the smallest, such as 0--9 pictures you first configure 0,1--12 pictures you first configure 1
yearmonthday: 1 numeric date, such as 2015-01 -01 ,, adopted 11 pictures, the first digital 1--10 Zhang 0-9, the first 11 as a date segmentation map
monthday: 2 numeric day of the month, such as 10-01, using 11 pictures, first 1--10 Zhang is a digital 0-9, the first 11 month of the date of segmentation map
month: 3 month (using 12 pictures point to 12 months, 1--12)
day: 4 date (using 10 pictures, 0--9)
weekday : 5 weeks, seven pictures, Sunday to Monday
hourminute: 6 digital time as 10:59 am in hours and minutes, the first 0--9 1--10 digital sheet configuration, the first image configuration segmentation map 11, the first 12 Configuration AM, the first configuration 13 PM, if there is no AM and PM may not deserve this combination configuration center for the digital center, if AMPM will be automatically added to the digital rear
hour: 7 hours 0--9 Pictures
minute: 8 minutes, 0--9 picture
second: 9 seconds 0--9 picture
weather: 10 Weather, fixed 15 pictures, picture sequence reference weather_array.xml comments inside
temprature: 11 temperature, four pictures, the first negative sign Finally, a unit, picture configured as a digital 1-10, the first 11 pictures is negative, the first 12 units of pictures
steps: 12 steps, five digits, the high is empty then use special image, a first --10 configuration 0--9 figures, the first 11 configure special picture
heartrate: 13 Last heart rate results, 10 pictures, 0--9
battery level: 14 power, three digits, high empty then use special image, The first configuration 0--9 1--10 numbers, the first 11 configure special pictures
special second: 15 seconds running the picture, traveled as a color, did not come for another color, two pictures, first Zhang walked the picture, the second as an ordinary image
pedometer text: 97 arc text next to the dial painting, a total number of steps, you can use <startAngle> configuration starting angle, <direction> configuration direction, <textsize> Configure Text Size
heartrate text: 98 arc text next to the dial painting, the last heart rate results, you can use <startAngle> configuration starting angle, <direction> configuration direction, <textsize> Configure Text Size
charging battery: 99 Rechargeable battery icon position, no trim pictures as long as the coordinate position can be configured using text and image color <color>

The Following User Says Thank You to caltomoto For This Useful Post: [ View ] Gift caltomoto Ad-Free
22nd January 2016, 12:51 AM |#5  
Lokifish Marz's Avatar
Inactive Recognized Developer
Flag Olympus Mons, Mars
Thanks Meter: 3,752
 
Donate to Me
More
Quote:
Originally Posted by caltomoto

Can you confirm the number of faces on the watch? I your video you mentioned 30. Thanks

39 + 3 downloadable.
The Following 2 Users Say Thank You to Lokifish Marz For This Useful Post: [ View ] Gift Lokifish Marz Ad-Free
22nd January 2016, 09:52 AM |#6  
Junior Member
Flag Szolnok
Thanks Meter: 7
 
More
Quote:
Originally Posted by Lokifish Marz

39 + 3 downloadable.

But this is only 19, where is the rest?
The Following User Says Thank You to Ugyi007 For This Useful Post: [ View ] Gift Ugyi007 Ad-Free
23rd January 2016, 07:18 PM |#7  
Lokifish Marz's Avatar
Inactive Recognized Developer
Flag Olympus Mons, Mars
Thanks Meter: 3,752
 
Donate to Me
More
Quote:
Originally Posted by Ugyi007

But this is only 19, where is the rest?

In the launcher, including some hidden ones.

The Following 3 Users Say Thank You to Lokifish Marz For This Useful Post: [ View ] Gift Lokifish Marz Ad-Free
24th January 2016, 10:48 AM |#8  
Senior Member
Thanks Meter: 27
 
More
How do you select the hidden ones?

Quote:
Originally Posted by Lokifish Marz

In the launcher, including some hidden ones.

24th January 2016, 11:17 AM |#9  
Senior Member
Thanks Meter: 70
 
More
Quote:
Originally Posted by caltomoto

How do you select the hidden ones?

how to push on smart watch?
24th January 2016, 12:47 PM |#10  
Junior Member
Thanks Meter: 1
 
More
How you have extracted the clockskins?

Enviado de meu NX507J usando Tapatalk
The Following User Says Thank You to leofsudre For This Useful Post: [ View ] Gift leofsudre Ad-Free
24th January 2016, 01:32 PM |#11  
pablo11's Avatar
Senior Member
Flag Down Under
Thanks Meter: 714
 
More
Interesting - not as many on the K8 Mini - we will need to consolidate these when we have a fully working root solution for all three devices.
Post Reply Subscribe to Thread

Tags
#no1d5 #clockskin, no1-d5

Guest Quick Reply (no urls or BBcode)
Message:
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes