Centering two objects - Zooper Widget General

Hi,
I'm trying to replicate the DashClock time, where the hours and minutes have different styles. How do I center two objects as a single group? (e.g. 1:38 and 12:11 should both appear centered on the screen, despite having different widths)

Related

[APP] Grid Clock

This clock is based on Led Clock by David Horn posted on here some time ago. The principle of the clock is minimalism. The left column represents the hous, the next five columns represent minutes and the final column represents groups of five seconds (if you choose the 'show seconds' option). The hours increment upwards, the minutes increment leftwards then upwards and the seconds increment upwards. I have taken David’s original clock idea and bolted on lots of user options purely as an exercise to get up to speed programming for the compact framework.
Features
=======
Set individual colours for many elements such as hour leds, minute leds, second leds, frame, font and background.
Draw rectangular or round leds
Show / Hide seconds
Show digits on hours, minutes, seconds
Change led size – small, medium, large.
Imaging:
Load image as foreground, the image gets drawn piece by piece like a jigsaw as another led gets added to the clock. Watch your image build up on screen as the hour goes by. Alternatively you can set the image as a background image and the clock gets drawn on top.
Image Folders:
You can also specify a folder of images and set the rotation frequency to minute, hour or day. The current image behaves as above and gets rotated so you can have a new image loaded every day, or hour etc.
I am using GDI to draw the clock but it is heavily optimized. The thread only runs every 5 secs or every 60 secs if you choose not to show seconds. The drawing itself only draws what is absolutely necessary at any time. So if we are not refreshing / painting the form, usually we are only drawing a single led therefore this should be light on resources. As evidence of this, consider the fact that I am not using double buffering anywhere and yet the redrawing is always flicker free and stable.
I wrote this clock as a Touch HD owner but tested it on several of the mobile images. It should run on any Windows Mobile device and on most screen resolutions from version 5 upwards. It currently uses .Net 3.5 but I can port it back to 2.0 if required as all the code is legacy written and I am using no libraries from the newer framework. I’d appreciate any reasonable feedback.
Previews
======
Surely this should've been posted in the themes, apps and software section?
MOD EDIT
Moved to themes, apps and software forum
oops, sorry about that.

[Q] Two Qs regarding progress bar adv parameters

Thanks for your time. Two questions, #1: I've been around here and throughout other sites, and found (it seems) dozens of different options but none have seemed to work regarding getting an object to follow a CIRCULAR progress bar. In this case, I have a simple clock that I would like to have a sunrise icon and sunset icon (each) move around the outside the clock at the appropriate time. I have tried multiple codes and combos to no avail. I have successfully managed to achieve this result on a straight prog bar using [oy]$(-34+(#BLEVN#*2.70))$[/oy]. Those are, of course, my coordinates plugged in. I've found so many different "Oh, do this, this'll work" codes that don't work, I won't bore you with them (including this one http://forum.xda-developers.com/showthread.php?t=2563932). At any rate, any help would be appreciated.
#2: Is it possible to set up a 12 hour progress bar clock that handles just am and/or just pm?
Thanks again.
#1 Take a look at the Zooper standard analog Clock
#2 Use the 24h. For am use min 0 max 12 and for pm use min 12 max 24
Sent from GT-I9505 via Tapatalk
ibashmuck said:
Thanks for your time. Two questions, #1: I've been around here and throughout other sites, and found (it seems) dozens of different options but none have seemed to work regarding getting an object to follow a CIRCULAR progress bar. In this case, I have a simple clock that I would like to have a sunrise icon and sunset icon (each) move around the outside the clock at the appropriate time. I have tried multiple codes and combos to no avail. I have successfully managed to achieve this result on a straight prog bar using [oy]$(-34+(#BLEVN#*2.70))$[/oy]. Those are, of course, my coordinates plugged in. I've found so many different "Oh, do this, this'll work" codes that don't work, I won't bore you with them (including this one http://forum.xda-developers.com/showthread.php?t=2563932). At any rate, any help would be appreciated.
#2: Is it possible to set up a 12 hour progress bar clock that handles just am and/or just pm?
Thanks again.
Click to expand...
Click to collapse
#1: Moving things circular is a bit different from moving this along a straight line. For circles you need three parameters in Zooper: thie radius of your circle ([ar][/ar]), the sweep angle of said circle ([as][/as]) and finally the rotation ([r][/r]). The first one is static and the other two depend on what you are trying to do. You need to determine the size of your circle in degrees (360 for full, 180 for half etc.) and then determine in how many steps you need to cut that size. For something that moves with the minutes of the hour it would be 60 for instance. Then your amount of degrees per minute is 360/60 and if you multiply that with the numbers of minutes #Dm#, you get your current position and rotation. So for something to move around a circle based on the minutes of the hour you would need these advanced parameters:
[r]<whatever size>[/r]
[as]$(360/60*#Dm#)$[/as]
[ar]$(360/60*#Dm#)$[/ar]​To apply this to your idea, you need to figure out in how many steps you want your circle to be broken down to (I would guess 12) and then what's your variable you want to multiply with (#ARK# maybe). With these values it should position the symbol on the hour of the sunrise.
I hope this helps you out and if not, don't hesitate to ask
#2: I think so but you probably would have to work with some advanced parameter conditionals to check whether it's currently am or pm. This depends on what exactly you are trying to do. If you can give me more details I can try to think something up.
kwerdenker said:
#1: Moving things circular is a bit different from moving this along a straight line. For circles you need three parameters in Zooper: thie radius of your circle ([ar][/ar]), the sweep angle of said circle ([as][/as]) and finally the rotation ([r][/r]). The first one is static and the other two depend on what you are trying to do. You need to determine the size of your circle in degrees (360 for full, 180 for half etc.) and then determine in how many steps you need to cut that size. For something that moves with the minutes of the hour it would be 60 for instance. Then your amount of degrees per minute is 360/60 and if you multiply that with the numbers of minutes #Dm#, you get your current position and rotation. So for something to move around a circle based on the minutes of the hour you would need these advanced parameters:
[r]<whatever size>[/r]
[as]$(360/60*#Dm#)$[/as]
[ar]$(360/60*#Dm#)$[/ar]​To apply this to your idea, you need to figure out in how many steps you want your circle to be broken down to (I would guess 12) and then what's your variable you want to multiply with (#ARK# maybe). With these values it should position the symbol on the hour of the sunrise.
I hope this helps you out and if not, don't hesitate to ask
#2: I think so but you probably would have to work with some advanced parameter conditionals to check whether it's currently am or pm. This depends on what exactly you are trying to do. If you can give me more details I can try to think something up.
Click to expand...
Click to collapse
Thanks for the response. That's actually the first parameter that I found and tried to work with, and, like then, I still can't get it to work. My "hour clock" numbers are:
x= 60
y= -210
w= 520
Using #Dh#, min 0, max 12
Putting numbers into the codes you gave...
[as]$(360/12*#ARh#)$[/as]
[ar]$(360/12*#ARh#)$[/ar]
...(or even #ARK#) still sends the icon low and to the left, as you can see in the second screen shot (I've enlarged it to show it's position better). I'm living up to my namesake with this, I know, but my guess is I'm missing one small bit that's throwing me off. Apologies, of course.

[Facer] Faces by skielbasa

I figured rather than keep spamming these on the show your faces thread I would make my own.
I make no promises, but I'm up for taking requests.
Download
http://watchfaces.srkdesign.com/
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Gradient - Analog
Two overlapping gradients (one for each hand) change colors as they rotate. Available in teal, red and white (kind of silvery).
Klok - Analog / Digital
A port of XDA member pooley's Klok UCCW skin (source: http://www.el-be.fr/beta/home/uccw.php). With and without a seconds hand.
Lines - Digital
A personal favorite, based on Tokyoflash's Stencil watch. I ended up having to create a custom typeface to make it work with facer. This would be much better on a square watch...
Ring Clock - Digital
Based on my personal clock widget for my phone. Ring fades as battery drains. You can easily change the background image to whatever, as well.
Simple Time - Digital
Just a super simple face.
Swiss Railway - Analog
Based on Dave McCarthy's moto360 watchface contest entry. Minimalistic design. Swiss railway clock-style minute and hour counters, and a date stamped at the bottom. Available in multiple colors.
Hypebeast - Analog
By request. Modeled after a Hypergrand Maverick. Bottom little hand is hours. Large hand is for minutes. Top small hand is seconds. Available in full circle version and a version that works around the ambient light sensor.
Disc - Analog with Weather
Based on Rodriguez’s moto360 watchface contest entry. The color gradient represents minutes on the larger disc, and the hour is represented as a colored dot in the foreground disc. There’s also a weather and date widget. Available in a wide variety of colors with both white and black discs.
Movado - Analog
My take on the Movado Museum. Available in multiple colors, including colored faces. Not quite the classic look, with all the bright colors, but I think it's needed.
Split - Digital / Analog
Based on Tyler Allicock’s moto360 watchface contest entry. A second counter sweeps over the top of the watch face, while the time and date are trapped beautifully inside the bottom half of the design. Available in Android Wear grey and black to hide the ambient light sensor.
---
More faces in post #3 and #4
Updates:
03/30/15
Bugfix for Vigor (battery meter)
Released Moire
Released NY Islanders
03/29/15
Released G Oribit
Released G Loop
Released G Dash
Released TymeAll
Released Precise
Released NJ Devils
Released Vigor
Klok is available in 2 new colors
10/8/14
Released Cubic
Released Potholes
Released Tilted
Released Five O'Clock Somewhere
Released Sumer Nights X Days
Released Light Dials
Released Atomic
Released Museum
Released VUE
Released 4102
Released Greyhours
10/3/14
gradSQRD now available in purple
09/28/14
Bugfix for Disk Series - (weather text overflowing center)
Added new color to Disk Series - (Hue)
Released Till Series
Released Horizon Series
Released Dots Series
Released Present Series
Released Lunar
Released Chroma
Released Crossover Series
Released gradSQRD Series
Released Skew Series
Released Sometimes Series
Released Wooden Series
Released Iridium Series
Released Gravity Series
Released Min Series
Released Classica
09/21/14
Released Swiss Railway Series
Released Hypebeast Series
Released Disc Series
Released Movado Series
Released Split Series
09/19/14
Fixed Ring Clock showing number of month rather than number of day
All analog faces have smooth hours via smooth hours tag
All faces now available as .face files instead of zips
Shrunk the size of Lines slightly to keep the corners from running under the beveled glass
Download
http://watchfaces.srkdesign.com/
Anything movado would be awesome!
Gravity - Digital / Analog
Based on Ziiiro's Gravity. The smaller outside gradient ring represents minutes; the larger inner gradient ring represents hours. Available in many colors.
Crossover - Analog
Based on Projects' Crossover Black. All of the hand are slightly off center creating a dynamic 'pickup sticks' look. Orange hand is seconds, the white hand is for minutes, and the grey hand is for hours. Available in two colors.
Min - Analog
Based on Rosendahl's Picto. The dot represents hours and the hand represents minutes. Available in many colors. Available in many colors.
Dots - Analog with Date
A clean analog face with seconds. The seconds hand has a ring at the end that the tick dots fit in. Displays the date at the bottom. Available in three colors.
Lunar - Analog
Based on Projects' Lunaround. The minute and seconds hands are orange. The hours hand is a cutout in the 'moon' disk that reveals the hour number as the moon rotates around the face.
Skew - Analog
Based on Nava's Tempo Libero Series. The off center minutes hand creates you unique forms as the hands interact. The white hand is hours and the colored hand is minutes. Available in a variety of colors.
Wooden - Analog
Based on Clomm's Terra Firma Series. A simple face with a wooden back. Available in many woods.
Till - Analog
Based on Project's Till. This face is about the relationship between time; 5:30 is half past five. A cutout minutes hand reveals time relationships as it rotates. An hour hand sweeps along the outside edge.
Sometimes - Analog
Based on Projects' Sometimes. Time is fleeting, and so are the moments where the seconds hand lines up with the hours or minutes hands. A small seconds hand spins in the middle while the hours and minutes rotate around it.
Present - Analog
Based on Projects' Past Present Future. You only see the present time: what’s past is past. The future doesn’t exist yet. The time is now. Hours and minutes dials rotate around the outer edge lining up over the 'present' line.
gradSQRD - Analog
Based on Projects' Deja Vu. The hands stretch out towards the edge of the face. Available in four colors.
Horizon - Analog
Based on Projects' Iridium. Blue dot is hours, red is minutes.
Classica - Analog with Date
A clean, simple and classy face with a date display.
Neo Classic - Analog with Date and Battery
By request. An elegant analog face with modern date and battery level sections. Available in light and dark.
MMVXIV - Analog
By request. Based on MVMT's signature face A timeless and minimalistic face. Available in light and dark.
Cubic - Analog with Date
Based on Project' Cubit. A faceted hexagonal face is inset into the outer edge. Available in light and dark.
Potholes - Analog
Based on Projects' Concentra – Portholes on Time. This face has a black lens with blue hour dots and red minute dots passing through 60 small openings, one per minute, in concentric rows that recede like memories into the past.
Tilted - Analog with Date
Based on Projects' Towards Watch. A traditional styled face with bold and easy to read markings with a slight twist. The whole face is tilted 30° giving you a new perspective on time. Available in a multitude of color options.
Five O'Clock Somewhere - Analog
Based on Projects' 5oclock Happy Hour. A super minimalistic face reminding you that it's 5 o'clock somewhere. Available in light and dark.
Summer Nights x Days - Analog with Date
Based on Mr. Jones Watch's Cyclops Summer Nights. This face can be read with a relaxed kind of accuracy. Most of us don't need to know that it's 4:43 and 27 seconds, we need to know that it's about a quarter to five. The design dispenses with the conventional hour, minute and seconds hand; instead the time is read by observing the position of a ring (hours hand) as it moves around the colored dots. I snuck a subtle date indicator in the 3 o'clock position.
Light Dial - Analog
Based on Mr Jones Watch's Dawn West Dusk East. "I wanted to make a watch that didn't tell too much time." - Brian Catling, 2010. A single cutout circle represents the hour hand, revealing colors representing the phases of sun and moonlight as time passes. You really need to vist the source site and watch the video to understand the beauty of this face.
Atomic - Analog
Based on Projects' Atomic Watch. The hour and minute hands follow the path of the orbiting electrons. The second hand originates from the Atom’s nucleus; perfect for pondering matters of time and space. Available in three colors.
Museum - Analog
Based on Projects' Shenandoah Museum. A clean and elegant watch face. Available in four colors.
VUE - Analog with Date
Based on Issey Miyake Watch's VUE. Slots reveal the past, present and future hours; highlighting the current hour with a dot of color. A bar represents the minutes hand. The date is etched into the metal inner bezel. Available in three colors.
4102 - Analog with Date
Based on HYGGE's 3012. Simple dials sit atop one another representing minutes and hours creating a sophisticated and minimal watch face. Available in seven colors.
Greyhours - Analog with Date
Based on GREYHOURS Watch's Essential. A clean and refined traditional face with just the essentials. Features a colored seconds and date hands. Available in eight color options.
G Orbit - Analog / Digital
Based on one of the default G-Watch faces. Available in six colors.
G Dash - Analog / Digital
Based on one of the default G-Watch faces.
G Loop - Analog
Based on one of the default G-Watch faces. Features customizable colors. Change the hour and minute hands by changing the color tint on those layers.
Precise - Analog with Date
Minimal and precision together at last Features customizable colors. Change the accent color changing the color tint on that layers.
TymeAll - Analog with Date
Based on a limited edition Tyndall. Features a separate seconds hand and a date window.
NJ Devils - Analog
My favorite hockey team needed some Facer love.
NY Islanders - Analog
I don't normally do sports team requests, but I figured I'd hook a fellow hockey fan up.
Vigor - Digital with Date
Loosely based on the Zen Watch face of the same name. Features a large easy to read time along with the date, current weather, phone and watch battery levels (in that order) and total steps taken.
Moire - Analog
A faithful recreation of Moire Seconds Clock Prototype by Zoltan Kecskemeti B. The spinning seconds disk creates an old school animation as it interacts with the background below. Available in blinking cat and beating heart. You really must see this to understand.
More in post #10
Is there anyway you can make up a simple dark face with analog day and date along with a small color icon for weather? With the moto 360 logo. It should have second hand as well.
Thanks, great work and presentation.
Beautiful work! Thanks a lot for sharing.
Awesome faces! How do we make them work when they're in .face format?
Ldgv408 said:
Awesome faces! How do we make them work when they're in .face format?
Click to expand...
Click to collapse
Put the .face file in the facer folder. Then use the app to "import" them. It's the icon on the overview screen with the icon in the upper right of the screen. Then use that browser to point to the facer folder and select the file.
kpjimmy said:
Put the .face file in the facer folder. Then use the app to "import" them. It's the icon on the overview screen with the icon in the upper right of the screen. Then use that browser to point to the facer folder and select the file.
Click to expand...
Click to collapse
Thanks for the info! A little easier than before.
Reveal - Analog
By request. This face features a solid disk as an hour hand with a cutout revealing the current hour and a recolorable minute hand.
skielbasa said:
Thanks for the kind words and I think you don't even need to move the .face files into the facer folder, just hit import and navigate to wherever you have it.
Click to expand...
Click to collapse
I think you are right, but for me all my faces are already there in one place. So I can delete any I do not want.
Sent from my Nexus 5 using Tapatalk
Dude these are killer. Nice work
Absolutely great work.
Working on some new faces, going to try to release them tonight.
Great job on these! Really dig these flat looking and unique faces. Continue the good work!
The release isn't happening tonight [emoji24]... But here's a sneak preview of just a few of the faces
The ones with weather don't show the weather. The have #WCT in place of it.
I'm proud to announce the release of my new watch face pack. This is my largest update yet with 15 new designs, most of which are available in a variety of colors, for a total of 40+ watch faces.
Many of the faces in this new collection are based on actual unique watches. Some are faithful recreations while others are my take on the design. See OP for details.
cjharris1985 said:
The ones with weather don't show the weather. The have #WCT in place of it.
Click to expand...
Click to collapse
There are updated versions of the faces with weather in them, see if those work for you.
Thanks for gravity. Using magenta now but downloaded purple and blue as well. Love this watch face. Very different. ?
Thanks man these are great.
Sent from my SM-N900V using XDA Free mobile app

[WIP] CyberGlow

Found Zooper last night, and after a day of fiddling rather than doing work I have come up with the following.
The outer circle is the current hour, second is the current minute.
The quarter arc top left is battery level, top right is current CPU usage
Bottom arc is Network Connection Strength
The time at the bottom left is + days.hours.minutes until the next alarm
The weather icon center is current weather, the right one is tomorrows weather.
The left and right arrows are back and forward for the media.
The album art doubles as a play/pause button.
I would appreciate comments and suggestions.
Personally, I don't understand why you have the second clock in the center.
If you remove the second clock in the middle, you can use the resulting space to incorporate the media part without having a separate piece for it.
Move the day of the week with date over to the red arc. Then reduce the top left and right arcs until they match with the ones on the bottom (red lines). Move the entire media part into the center and then figure out the song and artist text positioning.
Just my opinion. I like the layout. Not a huge fan of yellow, my choice would be a pale blue or cyan.

Rotating Bitmap every second?

So. Long story short because of the lack of cassette widgets and such with functionalities with Spotify. (Media Utilities didnt fix the only cassette app to work for me sadly)
I've basically a cassette widget with the spotify widget itself over the top to make it seem like it's the top of the cassette (if that makes sense? Meh specifics!)
Ideally what I wanted to do was have the spinners in the middle (which are on a seperate bitmap than the cassette tape itself) to slowly rotate if (Media Utilities detects spotify playing). I've ran some tests and it does understand when spotify plays and stops as it does indeed rotate. Which alone is fantastic, however. I can't seem to get it to repeat the command, it does it once, and then the spinners don't move. I'm unsure if there is a repeat command in Zooper? Or I need some fancy equation to do so. But my code thus far is as follows
Code:
$#MU_CURR_PACKAGE#=1[r]4[/r]$
If anyone could take a quick peek I'd be very greatful, thank you!
You could play around with some progress bars. I would make three of them, setting each of them up to be 120 degrees difference, so that all three together would look like a 3 sided star. then set the width and heights so they don't touch in the middle. Then take two rectangles and round them out. Place one in the center and one on the outside edge of the 3 progress bars. Next, put this variable in the "edit progress min/max/value" section of your progress bars... #TMU_TRACK_PERC# with min being 0 and max at 100. you will now have a 3 spoked cassette wheel.

Categories

Resources