Attend XDA's Second Annual Developer Conference, XDA:DevCon 2014!
5,742,296 Members 53,224 Now Online
XDA Developers Android and Mobile Development Forum

[MOD][GUIDE] mClock Skins | Updated 22 Dec

Tip us?
 
n4rrOx
Old
(Last edited by n4rrOx; 22nd December 2010 at 09:32 AM.)
#1  
Member - OP
Thanks Meter 31
Posts: 67
Join Date: Jul 2006
Cool [MOD][GUIDE] mClock Skins | Updated 22 Dec

Custom mClock Skins
Share your .XML Files here!

There are some really nice clock widgets out there but i didn't want to install for each clock style another widget and so i have therefore reproduced some in mClock (amazing clock widget - thanks knoxcoder).
Another advantage of the mClock Skins is that they are all resizeable wit LLP and ADW!

Feel free to share your own Skins!

The Mods I made:
__________________________________________

Credits to the devs of the widgets!
# Semicuda (TypoClock)
# hateman (SimiClock)
# atDev (ExtDate)
# kemonozume (TxClck)
__________________________________________

TypoClock Skin

Black version (24hr):


White version (24hr):


Black & White version (12hr):


################# HowTo #################
1. Install the newest mClock from market
2. Download and unzip attached xml file
3. Add mClock widget with a size of 4x3 to your screen
4. Load the downloaded xml file in the settings menu of mClock
5. If necessary resize the widget


SimiClock Skin




################# HowTo #################
1. Install the newest mClock from market
2. Download and unzip attached xml file
3. Add mClock widget with a size of 4x1 to your screen
4. Load the downloaded xml file in the settings menu of mClock
5. If necessary resize the widget


ExtDate Skin



################# HowTo #################
1. Install the newest mClock from market
2. Download and unzip attached xml file
3. Add mClock widget with a size of 4x1 to your screen
4. Load the downloaded xml file in the settings menu of mClock
5. If necessary resize the widget


TxClck Skin



################# HowTo #################
1. Install the newest mClock from market
2. Download and unzip attached xml file
3. Add mClock widget with a size of 2x1 to your screen
4. Load the downloaded xml file in the settings menu of mClock
5. If necessary resize the widget


Simple One With Date 2
Original by dev223!



################# HowTo #################
1. Install the newest mClock from market
2. Download and unzip attached xml and font file
3. Copy font to /sdcard/Fonts/SoMA/SoMARoman.ttf
3. Add mClock widget with a size of 4x1 to your screen
4. Load the downloaded xml file in the settings menu of mClock
5. If necessary resize the widget

_________________________________________________

My system font, which is used for all skins, is Segoe WP.
It can be found here:

http://forum.xda-developers.com/show...79&postcount=1
_________________________________________________

Template to post own XML files (edit NAME, URL and WIDGETSIZE):
HTML Code:
[SIZE="4"][B]NAME[/B][/SIZE]

[IMG]URL[/IMG]

[B]################# HowTo #################[/B]
1. Install the newest mClock from market
2. Download and unzip attached xml file
3. Add mClock widget with a size of [B]WIDGETSIZE[/B] to your screen
4. Load the downloaded xml file in the settings menu of mClock
5. If necessary resize the widget
The Following 17 Users Say Thank You to n4rrOx For This Useful Post: [ Click to Expand ]
 
n4rrOx
Old
(Last edited by n4rrOx; 22nd December 2010 at 09:31 AM.)
#2  
Member - OP
Thanks Meter 31
Posts: 67
Join Date: Jul 2006
____________ User Posts ____________

Click on the link for more information

Clock and Date by adambobbyburgers

LINK: http://forum.xda-developers.com/show...08&postcount=9

Simple One by dev223

LINK: http://forum.xda-developers.com/show...2&postcount=14

Simple With Date by dev223

LINK: http://forum.xda-developers.com/show...0&postcount=15

ALL by Spirit

(Original pic doesn't work)
LINK: http://forum.xda-developers.com/show...7&postcount=36

CenterClause by user_x

LINK: http://forum.xda-developers.com/show...5&postcount=51
Attached Files
File Type: zip ClockandDate_by_adambobbyburgers.zip - [Click for QR Code] (1,015 Bytes, 3436 views)
File Type: zip ALL_by_Spirit.zip - [Click for QR Code] (655 Bytes, 3868 views)
File Type: zip CenterClauseSkin_by_user_x.zip - [Click for QR Code] (624 Bytes, 6317 views)
The Following 6 Users Say Thank You to n4rrOx For This Useful Post: [ Click to Expand ]
 
n4rrOx
Old
(Last edited by n4rrOx; 18th December 2010 at 04:40 PM.)
#3  
Member - OP
Thanks Meter 31
Posts: 67
Join Date: Jul 2006
- reserved 2 - User posts -
The Following User Says Thank You to n4rrOx For This Useful Post: [ Click to Expand ]
 
n4rrOx
Old
(Last edited by n4rrOx; 20th December 2010 at 12:58 PM.)
#4  
Member - OP
Thanks Meter 31
Posts: 67
Join Date: Jul 2006
____________ How To ____________


How to apply a custom Font to your xml file?

Add Font="/pathtoyourfont/font.ttf" to each displayed tag.

Example 1:
Code:
Select Code
<Hour is24Hour="True" FontSize="242" Foreground="#ffffffff, #ff777777"/>
Code:
Select Code
<Hour is24Hour="True" FontSize="242" Font="/system/fonts/DroidSans-Bold.ttf" Foreground="#ffffffff, #ff777777"/>
Example 2:
Code:
Select Code
<Text FontSize="50" Foreground="#ffffffff, #ff777777"/>
Code:
Select Code
<Text FontSize="50" Font="/sdcard/fonts/Font-Bold.ttf" Foreground="#ffffffff, #ff777777"/>

How to edit your xml file "on the fly" with your Computer?

First you need another widget: Dual Mount SD Widget from market.
Link: http://www.appbrain.com/app/dual-mou...protocol.x.USB
It is the $0.99 in any case worth because you save a lot of time.

preparing:
1. Install Dual Mount SD Widget, place it to screen and enable it (After that you can remove the widget from screen again).
2. Everytime you connect your phone to your Computer the SD card will stay mounted on the phone.

After that:
3. Open the XML file on your SD card with your Computer.
4. Make your changes.
5. Press save.
6. Open the widget settings to force mClock to reload the xml file.
7. Close the settings again and see the changes on screen.
The Following 4 Users Say Thank You to n4rrOx For This Useful Post: [ Click to Expand ]
 
zHk3R
Old
#5  
zHk3R's Avatar
Senior Member
Thanks Meter 1436
Posts: 1,267
Join Date: Aug 2009
Location: Hoth

 
DONATE TO ME
Very nice!
*Adds thread to subscriptions*
The Following User Says Thank You to zHk3R For This Useful Post: [ Click to Expand ]
 
Neffstarr
Old
#6  
Neffstarr's Avatar
Senior Member
Thanks Meter 122
Posts: 502
Join Date: May 2010
Location: Houston
thanks bro appreciate it
 
sleepyxda
Old
#7  
Senior Member
Thanks Meter 3
Posts: 129
Join Date: Apr 2009
A very good idea.
 
n4rrOx
Old
#8  
Member - OP
Thanks Meter 31
Posts: 67
Join Date: Jul 2006
#update 17 dec: TxClck Skin
....................................in the first post!


Feel free to post your skins or suggestions.
 
knoxcoder
Old
#9  
Retired Recognized Developer
Thanks Meter 159
Posts: 440
Join Date: Jul 2010
Here's one (original link: http://adambobbyburgers.deviantart.c..._age:72h&qo=10)



Clock
Code:
Select Code
<UniformGrid  Columns="1"  Background="#bf000000"  Clipping="false"  HorizontalAlignment="Stretch"  VerticalAlignment="Stretch" >
  <Stack  Orientation="Horizontal"  Clipping="false" >
    <Hour  FontSize="58"  is24hour="true"  Clipping="false" Foreground="#77ffffff, #77ffffff" ></Hour>
    <Minute  FontSize="58"  is24hour="true"  Clipping="false" Foreground="#ffffffff, #ffffffff" ></Minute>
  </Stack>
</UniformGrid>
Date
Code:
Select Code
<?xml version="1.0" encoding="utf-8"?>
<UniformGrid Orientation="Vertical" Background="#bf000000" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="0" clipping="false">
 
	<Stack HorizontalAlignment="Center" VerticalAlignment="Center" Orientation="Horizontal" Margin="20" >
 
<Stack HorizontalAlignment="Left" VerticalAlignment="Center" Orientation="Horizontal" Margin="0">
			<Day FontSize="58" ShadowColor="#ff000000" Foreground="#ffffffff, #ffffffff"/>
		</Stack>
 
		<Stack HorizontalAlignment="Left" Clipping="false" Orientation="Vertical" Margin="20" >
			<MonthName FontSize="24" HorizontalAlignment="Left" Case="Upper" Clipping="false" Foreground="#77ffffff, #77ffffff" ></MonthName>
			<DayName FontSize="24" HorizontalAlignment="Left" VerticalAlignment="Top" Case="Upper" Clipping="false" Foreground="#ffffffff, #ffffffff" ></DayName>
		</Stack>
 
	</Stack>
 
</UniformGrid>
Attached Thumbnails
Click image for larger version

Name:	new_leaf_by_adambobbyburgers-d34p7z9.jpg
Views:	141469
Size:	21.1 KB
ID:	466678  
The Following User Says Thank You to knoxcoder For This Useful Post: [ Click to Expand ]
 
Tiltpoet
Old
#10  
Member
Thanks Meter 3
Posts: 65
Join Date: Dec 2007
For the typoclock in black is there a way to get the 12hr setting..one I loaded is 24hr

Sent from my HTC Glacier using XDA App

Tags
clock, clock widget, mclock, mods, xml
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes