[WIDGET][2.2+] Chronotopia beta 14 - The ultimate make your own widget

I finally have the first beta release of the new widget to replace mClock. This is a beta release so please let me know if you find any bugs or have any suggestions. Apk is attached.

Ideas for chronotopia

Features:

• Fully editable widget layout and properties
• Export widget as a theme
• Import theme
• Main launcher to edit any created widget (in apps folder)
• Clock, date, battery, shapes, gps
• Custom fonts, colors, gradients, shadows, blur, autosize
• Low battery usage (only updates when screen is on)
• Weather including icons
• Custom images
• Notifications: sms count, missed calls, voice mail indicator
• Next alarm
• Tap to launch for individual elements
• Phone signal strength

Coming:

• More weather features
• Finish theme support
• Languages
• More elements

What you can help with:

• Bugs
• Your own themes, The top ones I like I'll include with the release (no external fonts please)
• Screenshots
• Ideas, improvements

Bugs so far:

• Rotation issues

Quick manual:

• Long press to add elements to panels.
• You can press the menu button in the editor to zoom out and change the view to the element list or the element properties
• You can drag elements that are contained by a canvas element
• Elements can auto sized, pixel sized or percent sized
• Fonts can auto size to their container bounds

Change log:

• 0.1 Initial release
• 0.2 Fixed shadows, canvas touch layout, other minor issues
• 0.3 New theme support, leading zero for hour element, low battery color for health percent circle, bug fixes, new name, new icon
• 0.4 Fixed widget not clearing display, fixed widget sizing issues
• 0.5 Fixed widget failing to update
• 0.6 Added images and battery line percentage
• 0.7 Added missed calls and unread sms notification elements
• 0.8 Fixed alias for images, added rectangle element, other bug fixes
• 0.9 Hooked up clone functionality, fixed widget size calculation
• 0.10 Calibration, tap to launch, next alarm, frame panel
• 0.10.2 Improved calibrate
• 0.11 Added weather icons, gps, phone signal, voice mail, indicator icons for notifications and bug fixes
• 0.12 Fixed battery temp bug, added sky element, added missing weather icons
• 0.13 Fixed bug with next alarm, fixed & character usage, other fixes, changed editor to swipe left/right for properties/elements instead of using menu
• 0.14 Bug fixes, xml is now formatted for easier manually editing, added inheritable properties.

A quick tutorial by SassiBob for beta 0.2




MIUI theme:


Clock and date or Clock

Time weather theme by allday23hero:

Theme

my contributions

allday23hero said:

weekdate design by E.Cadro ....thanks again

3x1 widget size

edit....i just realized my default font is opificio and its not included in theme, after u download zip all u have to do is change all the fonts to opificio if u have it already if not u can download it from dafont.com...sorry everyone



enjoy.

Click to expand...

Click to collapse

Nice work! Thanks to the original creater E.Cadro and to allday23hero for making it into a chrono theme. Here is the original chrono theme including the fonts that were originally missing. I take no credit for this, all I did was add the fonts that were missing in the original zip. Thanks again and great work.

Y

GTIVRon said:

Yea I give up on this thing. I can't even make an hour element line up with a minute one. side by side. Trying to get a line in there.. forget it. It takes up the WHOLE cavas and i cant see or touch on the elements for the hour or the minute. Also, the calibrate thing.. lines on the sides don't line up. they extened past it, and no matter how long i tapped on minus, they never came into view. I got top and bottom to line up, but hittng the check mark in the middle doesn't do a thing.

Minimalistic text it is for me.

ALSO. I set it to align to top for the hour and minute. Then made the text bigger, and also set it for 24 hr. Then it didn't align at the top anymore all of a sudden. It was somewhere just below like 1/3 of the way down on the cavas and wouldn't go to the top, and then I also noticed that the time on it was ready about 9 hours slow....... not sure what clock it's using...

Click to expand...

Click to collapse

Stacks you have to set the orientation to either vertical or horizontal. Make a stack (a), and nest another stack inside it (b). Set (a)'s orientation to vertical, and (b)'s to horizontal. Now, any elements you nest inside (b) will be stacked side by side (horizontal), and any stacks or other elements you nest inside (a) stacks on top of each other vertically.

You can do it the other way around if you want side by side first, then vertically, like in SiMi clock widget.

Setting up stacks and elements to the right size is a little confusing, it's better to nest elements in a stack, have the size values like font size, height and width blank, and have the stack sized by % and scale it according to your preference. I suggest trying that first, it's worked for me very well so far. Remember to set orientation in the stack's properties.

The editor's clock stays put and doesn't update.

Changing font size messes with alignment, because fonts have their own margins. Also, text elements have their own orientation/alignment settings.

Calibration isn't the best, it's still buggy. But I was able to set it right In portrait mode.

I'm holding off making a tutorial cause I'm still not sure I have the best understanding of how this editor works. But I have the basics down, do feel free to ask.

Edit: press menu to change between element and properties view. Elements show you the various elements as if they are layers like in photoshop. Click on a layer to select it.

properties show you the various values you can edit for the selected element.

Edit 2: To add items to a panel (stack/frame/canvas), long-press the panel in the preview screen OR click, then long-press the panel layer in Element View (press menu, right button). Once you add a new element, they will appear nested inside the panel in Element View. That's how you get stuff side-by-side, or on top of each other.

Let's say you wanted to make a widget with three lines. The date would be on top, in the middle would be the time, and beneath it would be the battery percentage, followed by a % string.

Create one Stack, set to vertical orientation. Then nest three stacks inside, all set to horizontal orientation. In each respective stack you would place date, time, and battery elements. The ensuing Element View should look something like this.

Stack (vertical orientation)
>>>Stack (horizontal orientation)(date in the format "Thursday, July 21 2011")
>>>>>>Day Name
>>>>>>Text (the ", " after the day name)
>>>>>>Month Name
>>>>>>Day
>>>>>>Year
>>>Stack (horizontal orientation)(time in the format "1:08 AM")
>>>>>>Hour
>>>>>>Text (the ":" in between hour and minute)
>>>>>>Minute
>>>>>>Am/Pm
>>>Stack (horizontal orientation)(battery in the format "100%"
>>>>>>Percent
>>>>>>Text (the "%" at the end)

this is my Chronotopia mod



download here