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

knoxcoder · Dec 20, 2010

Tsurany said:
I don't think I understand it properly.

Export:

Code:

<UniformGrid Rows="1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" ><Stack Orientation="Horizontal" VerticalAlignment="Top" ><MonthName Case="Lower" FontSize="43" ></MonthName><Text Case="none" FontSize="43" Text="*" ></Text><DayWord ></DayWord></Stack></UniformGrid>

The above is what I got after an export of the current one with 'december TWENTIETH'. There is no date tag in there, only a MonthName and a Text. Changing the Text to Case="Lower" results in lowercase tekst but it's extremely small, the text 'Twentieth' is about the same size as the first three letters of 'december'. I messed something up somewhere, but where exactly?

Code:

<UniformGrid  Rows="1"  HorizontalAlignment="Stretch" VerticalAlignment="Stretch" >
<Stack  Orientation="Horizontal"  VerticalAlignment="Top" >
<MonthName  Case="Lower"  FontSize="43" ></MonthName>
<Text  Case="none"  FontSize="43"  Text="*" ></Text>
<DayWord Case="Lower"  FontSize="43"></DayWord>
</Stack>
</UniformGrid>

The monthname and dayword tags are the date parts. I've fixed it although I didn't check it...

dev223 · Dec 20, 2010

One little thing... Day name still has capital first letter, you'll have to edit language xml, I suppose. Or is there simpler solution?

Tsurany · Dec 20, 2010

knoxcoder said:
The monthname and dayword tags are the date parts. I've fixed it although I didn't check it...

Thnx for the effort, in lowercase that works (besides the capital letter of Twentieth) but in uppercase it doesn't work. The word 'DECEMBER' is all uppercase but 'Twentieth' remains lowercase.
I'm not that great with XML so I'm sorry if I'm asking stupid questions.

knoxcoder · Dec 20, 2010

Tsurany said:
Thnx for the effort, in lowercase that works (besides the capital letter of Twentieth) but in uppercase it doesn't work. The word 'DECEMBER' is all uppercase but 'Twentieth' remains lowercase.
I'm not that great with XML so I'm sorry if I'm asking stupid questions.

What I posted should work. Did you copy my xml from the post and try it?

dev223 · Dec 20, 2010

knoxcoder said:
What I posted should work. Did you copy my xml from the post and try it?

I tried it and it doesn't work. Tomorrow the date will be "TwentyFIRST", but if he change the "Accent" tag in language xml from "Twenty" to "TWENTY" it probably will work. Or he probably must change every value, not just Accent.

knoxcoder · Dec 21, 2010

dev223 said:
I tried it and it doesn't work. Tomorrow the date will be "TwentyFIRST", but if he change the "Accent" tag in language xml from "Twenty" to "TWENTY" it probably will work. Or he probably must change every value, not just Accent.

I forgot about the accent part, try setting AccentCase too.

Tsurany · Dec 21, 2010

If I understand correctly the following should work?

Code:

<UniformGrid  Rows="1"  HorizontalAlignment="Stretch" VerticalAlignment="Stretch" >
<Stack  Orientation="Horizontal"  VerticalAlignment="Top" >
<MonthName  Case="Upper"  FontSize="43" ></MonthName>
<Text  Case="none"  FontSize="43"  Text=" " ></Text>
<DayWord Case="Upper"  FontSize="43"></DayWord>
<Accent Case="Upper" Fontsize="43"></Accent>
</Stack>
</UniformGrid>

Edit: Doesn't work, where did I go wrong? Shouldn't the Accent tag be in the XML template but in the language file?

Edit 2: Or should I use this?

Code:

<UniformGrid  Rows="1"  HorizontalAlignment="Stretch" VerticalAlignment="Stretch" >
<Stack  Orientation="Horizontal"  VerticalAlignment="Top" >
<MonthName  Case="Upper"  FontSize="43" ></MonthName>
<Text  Case="none"  FontSize="43"  Text=" " ></Text>
<DayWord Case="Upper" AccentCase="Upper" FontSize="43"></DayWord>
</Stack>
</UniformGrid>

Edit 3: Noooo should not do that, don't see any text then.

Edit 4: This is messed up, now none of the XML files work, even after removing widget and adding a new one :S

Edit 5:

Edit 6: Am I correct in assuming that for the weekday bar the language.xml is not used? It currently displays the dutch abbreviations for the weekdays while the others are in English. I tried downloading the language.xml from your site and using it for the weekday bar but it still uses the dutch abbreviations.

n4rrOx · Dec 21, 2010

#update 21 dec: ALL by Spirit
....................................in the second post!

knoxcoder · Dec 21, 2010

Tsurany said:
If I understand correctly the following should work?

Edit 6: Am I correct in assuming that for the weekday bar the language.xml is not used? It currently displays the dutch abbreviations for the weekdays while the others are in English. I tried downloading the language.xml from your site and using it for the weekday bar but it still uses the dutch abbreviations.

What it does is uses the phone translation and then does a lookup in the language.xml file. So if you want to replace the dutch translation then add what it displays to the xml and put your own translation in there.

So if it shows mon. then add

Code:

<mon. value="mymonday"/>

Although I have a feeling the . is an invalid character for xml tag. You may need to do it a bit differently like use the long day name and add a tag for it.

Does all that make sense?

Tsurany · Dec 21, 2010

knoxcoder said:
What it does is uses the phone translation and then does a lookup in the language.xml file. So if you want to replace the dutch translation then add what it displays to the xml and put your own translation in there.

So if it shows mon. then add

Code:

<mon. value="mymonday"/>

Although I have a feeling the . is an invalid character for xml tag. You may need to do it a bit differently like use the long day name and add a tag for it.

Does all that make sense?

It kinda does, I'm gonna try it out and see what happens. Will report back.

Edit: That worked perfectly, thank you very much!
Added the code below:

Code:

	<ma value="Mon" />
	<di value="Tue" />
	<wo value="Wed" />
	<do value="Thu" />
	<vr value="Fri" />
	<za value="Sat" />
	<zo value="Sun" />

Now all you need is a battery widget like BattStat and you will definitely dominate my homescreen

user_x · Dec 21, 2010

CenterClause, inspired by Semicuda's TypoClock

Since TypoClock does currently not have an option to use a centered layout I have built myself an mClock theme as a workaround.

Codewise it is anything but elegant, e.g. invisible text is used to position elements. It's a "fair enough"-solution which I have written for myself and should be considered as such. Feel free to use it, but please don't expect me to support it in any way. It looks fine on my HTC Desire (Froyo 2.2 with Launcher Pro and Sense), but may not work for you at all.

Due to the different width and height of numbers space between numbers and text varies.

The following fonts are used and not provided with the theme:

DejaVuSans.ttf
DejaVuSansCondensed.ttf
YoxallBold.ttf

The path to the fonts is /sdcard/.fonts/. Change it according to your setup.

Thanks to Semicuda for TypoClock and the inspiration and to knoxcoder for the highly customizable mClock.

Code:

<?xml version="1.0" encoding="utf-8"?>

<!-- CenterClause theme for knoxcoder's mClock / by user_x / inspired by Semicuda's Typoclock-->

<stack orientation="vertical" horizontalalignment="stretch" verticalalignment="center" margin="0" clipping="false">

  <stack orientation="horizontal" horizontalalignment="center" verticalalignment="top" margin="0" height="101" fontsize="115" font="/sdcard/.fonts/YoxallBold.ttf" >
   <hour is24hour="true" foreground="#ffffffff, #ffffffff" />
   <text text=":" foreground="#ffffffff, #ffffffff" />
   <minute foreground="#ffffffff, #ffffffff" />
  </stack>

  <dayname horizontalalignment="center" verticalalignment="top" margin="0" case="upper" foreground="#ffffffff, #ffffffff" height="55" fontsize="55" font="/sdcard/.fonts/DejaVuSansCondensed.ttf" />

  <stack orientation="horizontal" horizontalalignment="center" verticalalignment="top" margin="0" height="101">

   <stack orientation="vertical" horizontalalignment="left" verticalalignment="top" margin="0" height="101">
    <monthname horizontalalignment="left" verticalalignment="top" margin="-4" height="37" case="upper" foreground="#00ffffff, #00ffffff" fontsize="37" font="/sdcard/.fonts/DejaVuSansCondensed.ttf" />
    <year horizontalalignment="left" verticalalignment="top" margin="-4" foreground="#00ffffff, #00ffffff" fontsize="67" font="/sdcard/.fonts/DejaVuSans.ttf" />
   </stack>

   <day horizontalalignment="left" verticalalignment="top" margin="2" height="101" leadingzero="true" foreground="#ffffffff, #ffffffff" fontsize="115" font="/sdcard/.fonts/YoxallBold.ttf" />

   <stack orientation="vertical" horizontalalignment="left" verticalalignment="top" margin="0" height="101" >
    <monthname horizontalalignment="left" verticalalignment="top" margin="-4" height="37" case="upper" foreground="#ffffffff, #ffffffff" fontsize="37" font="/sdcard/.fonts/DejaVuSansCondensed.ttf" />
    <year horizontalalignment="left" verticalalignment="top" margin="-4" foreground="#ffffffff, #ffffffff" fontsize="65" font="/sdcard/.fonts/DejaVuSans.ttf" />
   </stack>

   <day horizontalalignment="left" verticalalignment="top" margin="2" height="101" leadingzero="true" foreground="#00ffffff, #00ffffff" fontsize="115" font="/sdcard/.fonts/YoxallBold.ttf" />
   <text text=":" horizontalalignment="left" verticalalignment="top" margin="0" foreground="#00ffffff, #00ffffff" fontsize="115" font="/sdcard/.fonts/YoxallBold.ttf" />

  </stack>

</stack>

cutmsan · Dec 22, 2010

Very nice! The one thing that bugged me about typoclock is that it was not scalable using LP. Thanks for sharing!

n4rrOx · Dec 22, 2010

#update 22 dec: CenterClause by user_x
...................................................in the second post!

d_1000 · Dec 30, 2010

Thanks for all the posts.....I learned so much.

I modded 'Simple One' by dev223 for the clock, "ALL" by Spirit for the date/calendar widget and changed the font to Lucida Calligraphy.

I would really like to see if it is possible to do a weather widget...I use Beautiful Widgets and would like to mod the font.....but this is not possible. I am NOT a coder, just a patient copier/modifier!

Thank you all for your hard work!!!

" ALL" by Spirit xml mod:
<?xml version="1.0" encoding="utf-8"?>
<stack orientation="vertical" horizontalalignment="stretch" verticalalignment="top" margin="0" clipping="false">
<stack horizontalalignment="center" verticalalignment="top" orientation="horizontal" margin="0" height="55">
<Sunday CurrentForeground="#ffffffff, #ffffffff" Case="Upper" Font="/sdcard/ALL/lcallig.ttf" FontSize="25" Shadowy="-10" ></Sunday>
<Monday CurrentForeground="#fffffffff, #ffffffff" Case="Upper" Font="/sdcard/ALL/lcallig.ttf" FontSize="25" Shadowy="-10" ></Monday>
<Tuesday CurrentForeground="#ffffffff, #ffffffff" Case="Upper" Font="/sdcard/ALL/lcallig.ttf" FontSize="25" Shadowy="-10" ></Tuesday>
<Wednesday CurrentForeground="#ffffffff, #ffffffff" Case="Upper" Font="/sdcard/ALL/lcallig.ttf" FontSize="25" Shadowy="-10" ></Wednesday>
<Thursday CurrentForeground="#ffffffff, #ffffffff" Case="Upper" Font="/sdcard/ALL/lcallig.ttf" FontSize="25" Shadowy="-10" ></Thursday>
<Friday CurrentForeground="#ffffffff, #ffffffff" Case="Upper" Font="/sdcard/ALL/lcallig.ttf" FontSize="25" Shadowy="-10" ></Friday>
<Saturday CurrentForeground="#ffffffff, #ffffffff" Case="Upper" Font="/sdcard/ALL/lcallig.ttf" FontSize="25" Shadowy="-10" ></Saturday>
</stack>

<stack horizontalalignment="center" verticalalignment="top" orientation="horizontal" margin="0" height="70">

<Stack HorizontalAlignment="Left" VerticalAlignment="Center" Orientation="Horizontal" Margin="0">
<Day Font="/sdcard/ALL/lcallig.ttf" FontSize="75" ShadowColor="#ff000000" Foreground="#ffffffff, #ffffffff"/>
</Stack>

<Stack HorizontalAlignment="Left" Clipping="false" Orientation="Vertical" Margin="5" >
<MonthName Font="/sdcard/ALL/lcallig.ttf" FontSize="52" HorizontalAlignment="Left" Case="Upper" Clipping="false" Foreground="#77ffffff, #77ffffff" ></MonthName>
</Stack>
</stack>
</stack>

Simple One by dev223 mod 'mClockhours.xml'
<UniformGrid Columns="1" Clipping="false" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" ><Stack Orientation="Horizontal" Clipping="false" ><Hour Font="/sdcard/SimpleOne2copy/lcallig.ttf" FontSize="400" Foreground="#ffffffff, #ffffffff" is24hour="false" Clipping="false" ></Hour></Stack></UniformGrid>

Simple One by dev223 mod 'mClockminutes.xml'
<UniformGrid Columns="1" Clipping="false" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" ><Stack Orientation="Horizontal" Clipping="false" ><Minute Font="/sdcard/SimpleOne2copy/lcallig.ttf" FontSize="380" Foreground="#00ffffff, #ffffffff" Clipping="false" ></Minute></Stack></UniformGrid>

knoxcoder · Dec 30, 2010

The new widget will support weather and battery with all the customization and more. I hope to have a beta for testing soon but I'm spending time working on the editor and trying to get as much polish and features in first. I've redone the color picker so that now you visually select the color but can also put in the numeric rgb values. It takes time to get all those features in...

d_1000 · Dec 30, 2010

Great...let me know if you need help testing...I would be happy to help

Sent from my ADR6300 using XDA App

knoxcoder · Dec 30, 2010

d_1000 said:
Great...let me know if you need help testing...I would be happy to help

Sent from my ADR6300 using XDA App

Will do, I'll make a post in the other forum about it but I'll post here as well when the time comes.

deede · Jan 5, 2011

Awesome to see what u guys are able to do with only one app. haha
I tried so many clock Apps but this is really gorgeous!

I just need a German.xml can't find it either in Google.
am I too silly? can some one maybe post a German.xml ?

knoxcoder · Jan 5, 2011

deede said:
Awesome to see what u guys are able to do with only one app. haha
I tried so many clock Apps but this is really gorgeous!

I just need a German.xml can't find it either in Google.
am I too silly? can some one maybe post a German.xml ?

There should be one in the main forum: http://xdaforums.com/showthread.php?t=832108&highlight=mclock

d_1000 · Jan 12, 2011

Battery Widget

Any news on the battery widget?

Is there a way to write an xml file to make it or does the app have to be re-written?

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

Retired Recognized Developer

Member

Senior Member

Retired Recognized Developer

Member

Retired Recognized Developer

Senior Member

Senior Member

Retired Recognized Developer

Senior Member

Member

Member

Senior Member

Senior Member

Retired Recognized Developer

Senior Member

Retired Recognized Developer

New member

Retired Recognized Developer

Senior Member

Similar threads

Top Liked Posts