NEED HELP for adding own tabs to manila! - Touch Diamond, MDA Compact IV ROM Development

Hi guys,
HTC uses Lua (opensoure programming language) to implement thinks like contacts, weather, etc. to each tab of touchflo3d.
I tried to decompile those scripts with LuaDC and LuaDEC but both decompilers won't work with the htc-files.
Then I tried to code my own script. Just printing 'hello world'.... and I add it to the home-tab like this:
Code:
<Page Order="0" Name="home.page" PackageName="HTC" Default="true" Title="[[IDS_HOMETITLE]]" [B]ExternalScriptPath="myfile.luac"[/B]>
<ComponentReference Name="page" Mode9Path="HTC\home.mode9?testParam=1" Component="GizmoRoot" SmartComponent="true" />
<ComponentReference Name="icon_normal" Mode9Path="HTC\icons.mode9" Component="Home_Off" />
<ComponentReference Name="icon_selected" Mode9Path="HTC\icons.mode9" Component="Home_On" />
<ComponentReference Name="icon_preview" Mode9Path="HTC\icons.mode9" Component="Home_Preview" />
</Page>
But after this, manila won't start.
So we have to figure out, how the script files have to look like!
If we got it, then we are able to add own tabs with own functionality to manila like today-plugins for windows mobile!

Try a simpler approach.
Start with just adding a empty tab.

No, that is not so import...

Status
Hi!
i'm really interested in adding own tabs! So have you been able to get one step further?
regards

I too am interested in being able to have tabs added, I personally would like a calendar tab.

Nighthawk said:
I too am interested in being able to have tabs added, I personally would like a calendar tab.
Click to expand...
Click to collapse
meanwhile you can use second today + spb diary

I would love to change the Music tab to launch Slide2Play instead of the standard music ap. Any one have any ideas?
Jules

Did you guys find a solution to these issues?
Adding tabs
Changing the functionality of an existing tab
Thanks.

hom edit my png files and ad my windows folder so it works?
Same to mee.I want change in my touchflo 3d,,,bu pictures are somekind of nuber filef hom edit my png files and ad my windows folder so it works?????

Related

myfav homescreen code

does anyone have a code for it or something? I turned on the myfaves program for a quick list of my most recent calls (even though it isn't free to call them it's a handy feature) but it will only work on the default homescreens. it won't work on anything with facade for me or any edited screen. Every time I turn it on to show on homescreen it changes mine b. I've ack to windows default. i looked around but can only find how to turn it on like I did. Not how to implemant it into a homescreen.
MyFaves Plugin Homescreen Code
<!-- MyFaves Plugin
-->
<plugin clsid="{54B10001-C0D6-44cb-9D03-70DD75A36B82}" />
<plugin clsid="{A502A403-48E4-48b6-A0E8-75633F493F01}" name="SPN Name" height="25" />
Try these WM5 for WM5, WM6 for WM6; go figure.
thanks

Chome goes slim !

I put the CHome interface on a diet. I always though the panels were too fat.... so I made them thinner. All this was done in the .cpr file in \windows. So I attached it here, if you want to try it to your device. Make sure to backup your original file, in case you want to go back. Enjoy...
coolio.
can u make the panels different color? when u go down it changes to different color or shape. hehe, something to think about.
Nah I cant. Tried.... :/ I can change the opacity of the panel, but it's not that dramatic lookin
man u guys r way ahead of me on skinning.
How did you get it to show "Task" at the bottom right on every screen instead of contacts?
smart tool kit
mind if I ask which WM6.1 u are using? I have been trying to get my Dash to look like those pictures.
I downloaded Ricky V8 vanilla but it doesn't show "My Programs" like on yours.
I wonder if his V7 is a better bet.
good idea but now when I change the active baloon every other baloon jump and hide a half on top and bottom - not cool .
please attach original file
I have an issue with iconbar and this slim Chome profile - inconbar background has a part of the background picture which is not connected to the rest of the background picture
I gues you have it also, but it is less visible since you have that line-background
Any ideas on how to remedy this?
same here as jsp. the slim bars dont look bad but it shifts the topbar area of the background image to the left. if only i wasnt picky about the topbar being transparent. good find though. thanks
I am almost sure that it can easily be resolved by adapting the size specs in Chome cpr file (open in notepad), probably here:
Code:
<Image ID="Background" Opacity="1.0" Top="0" Width="320" Height="220"/>
<Layer ID="StaticHomeArea" Visible="False"/>
<ListView ID="HomeNav" Width="320" Height="186" Columns="1" Rows="5" ItemWidth="320" ItemHeight="36">
<Layer ID="Focus" Width="320" Height="84">
<Image ID="Image Default" Width="320" Height="84" ScalingAlgorithm = "TriLinear" Opacity="1.0" />
<ControlSequence ID="Action Sequence" FramesPerSecond="30" Loop="False">
<Image ID="Image" Left="0" Top="0" Width="320" Height="114" ScalingAlgorithm = "TriLinear" Opacity="1.0" />
</ControlSequence>
or in the active homescreen xml
will playaround a bit, if I don't fix it I will rather drop out iconbar than this great feature
jsp_m said:
I have an issue with iconbar and this slim Chome profile - inconbar background has a part of the background picture which is not connected to the rest of the background picture
I gues you have it also, but it is less visible since you have that line-background
Any ideas on how to remedy this?
Click to expand...
Click to collapse
Can you take a SS.
Im thinking if you resize the pic to 320*240 should fix it. I think the pics 320*213
Nice ... perhaps panels could slimmed down even further using 96 DPI?
The panels CAN be slimmed down as much as you want...
The way to fix that is to change background issue is to change the second line in the file to this...
<Image ID="Background" Opacity="1.0" Top="-27" Width="320" Height="213"/>
Updated the file in the first post to reflect this change...
i tried this thin chome ok frst it changed my background all black and then its not even aligned with the panles, it was worth the try but i guess not for me thanx anyway gpd work
NRGZ28 said:
I put the CHome interface on a diet. I always though the panels were too fat.... so I made them thinner. All this was done in the .cpr file in \windows. So I attached it here, if you want to try it to your device. Make sure to backup your original file, in case you want to go back. Enjoy...
Click to expand...
Click to collapse
very nice! i will try it out tonight
I used the updated file and still cant change the BG
NRGZ28 said:
The panels CAN be slimmed down as much as you want...
The way to fix that is to change background issue is to change the second line in the file to this...
<Image ID="Background" Opacity="1.0" Top="-27" Width="320" Height="213"/>
Click to expand...
Click to collapse
NRGZ28 could you fix this for me
rickwyatt said:
NRGZ28 could you fix this for me
Click to expand...
Click to collapse
I had the same thing happen. I went back to the normal setting.

[UPDATED] Nocky Hide TF3D Icons

I have created a way to control the icons in TF3D.
Using my tips below you can choose to show or hide each individual icon state.
The icon states are:
"icon_normal" (_Off) - This is the icon in the bottom curtain in TF3D when not selected by the slider
"icon_selected" (_On) - This is the icon in the bottom curtain in TF3D when selected by the slider
"icon_preview" (_Preview) - This is the icon in the middle of the screen in TF3D when tab selected by the slider
Installation instructions:
1. Turn TouchFLO 3D off (Settings/Today/Items)
2. Copy all 4 *_manila files from "Nocky TF3D Icon Control.zip" file to a temp location on your device such as Storage Card or My Documents
3. Use a file manager program like Resco Explorer or Total Commander to move the files from your temp location to the
device Windows folder (These are all extra _manila files, so NO ORIGINAL _MANILA FILES WILL BE OVERWRITTEN)
4. Edit tab entry’s in 26948339_manila (it can be found in \windows\ dir and edited with any text editor):
Below is an example of the original entry for the Email Tab:
<Page Order="3" Name="email.page" PackageName="HTC" Title="Email">
<ComponentReference Name="page" Mode9Path="HTC\email.mode9" Component="GizmoRoot" SmartComponent="true" />
<ComponentReference Name="icon_normal" Mode9Path="HTC\icons.mode9" Component="Email_Off" />
<ComponentReference Name="icon_selected" Mode9Path="HTC\icons.mode9" Component="Email_On" />
<ComponentReference Name="icon_preview" Mode9Path="HTC\icons.mode9" Component="Email_Preview" />
</Page>
Below I have set all icons to be hidden (Why you would do this I don't know!!):
<Page Order="3" Name="email.page" PackageName="HTC" Title="Email">
<ComponentReference Name="page" Mode9Path="HTC\email.mode9" Component="GizmoRoot" SmartComponent="true" />
<ComponentReference Name="icon_normal" Mode9Path="HTC\nockyicon.mode9" Component="Nocky_Off" />
<ComponentReference Name="icon_selected" Mode9Path="HTC\nockyicon.mode9" Component="Nocky_On" />
<ComponentReference Name="icon_preview" Mode9Path="HTC\nockyicon.mode9" Component="Nocky_Preview" />
</Page>
You can mix and match whatever combination you like.... In the below example I have only hidden the icon for selected:
<Page Order="3" Name="email.page" PackageName="HTC" Title="Email">
<ComponentReference Name="page" Mode9Path="HTC\email.mode9" Component="GizmoRoot" SmartComponent="true" />
<ComponentReference Name="icon_normal" Mode9Path="HTC\icons.mode9" Component="Email_Off" />
<ComponentReference Name="icon_selected" Mode9Path="HTC\nockyicon.mode9" Component="Nocky_On" />
<ComponentReference Name="icon_preview" Mode9Path="HTC\icons.mode9" Component="Email_Preview" />
If you want to hide an icon on any tab, just change the Mode9Path= to "HTC\nockyicon.mode9" and Component= to one of the following:
"icon_normal" (_Off) - "Nocky_Off"
"icon_selected" (_On) - "Nocky_On"
"icon_preview" (_Preview) - "Nocky_Preview"
5. Turn TouchFlo 3D back on
6. Enjoy
I have attached some screen shots as examples....
Pic 1 shows all icons on....
Pic 2 shows all "selected" icons off (a cleaner look)
Pic 3 shows all "normal" icons off (a very clean look.... you can still tap where the icon would be to directly select a tab.... takes a while to get used to but I like the clean look this gives)
I have not bothered with a picture showing the preview icons off as the text still comes up on the screen and it looks strange without the icon....
ADVANTAGE - The advantage of controlling icons this way is that when more tabs get developed, you don't have to keep replacing the new tab icons with clear ones to hide them (mainly to stop overlap when using a clear slider).... Just edit the manila entry for the new tab (as shown above) to hide the icons you don't want to see....
Cheers....
Nocky
nocky said:
I have created a way to control the icons in TF3D.
...
Cheers....
Nocky
Click to expand...
Click to collapse
This sounds interesting - but I'm not sure I completely understand what your explaining... Could you upload a screen shot hiding the unselected icons? Is there just empty space then?
MAMeingast - I have edited the original post to attach some more pics, and clarify some of the instructions....
Cheers....
Nocky....
Hi Nocky, sorry I can't tell from this; does this functionality allow you to change what the bottom tabs are mapped to? That is a function that I am looking for.
Can you tell me how do you know what name give to your new file _manila? Thanks.
nocky said:
MAMeingast - I have edited the original post to attach some more pics, and clarify some of the instructions....
Cheers....
Nocky....
Click to expand...
Click to collapse
Looks very nice - especially the third version looks sleek! But probably takes some getting used to as you have already mentioned...
Am I right assuming this probably won't work on Dutty's V3 with the new manila for the same reasons we're still figuring out for your other manila mod (http://forum.xda-developers.com/showthread.php?t=506852)?
You know what they say when we "assume" something.... It makes an a$$ out of us all!!....
So long as 26948339_manila is still the xml that controls basic manila tab functions, then you will be fine as the rest of the files in my zip are additional custom manila files created by me (sounds more exciting than it actually is!!).
Try it for yourself.... It is a bit of work to make the changes in 26948339_manila to point to nockyicon.mode9 and Nocky_Off but I think the look is worth it....
You could allways just change the first few tabs and try it to make sure it works....
Be careful to get everything right in 26948339_manila otherwise you will get the dreaded Starting TouchFlo.... Tap Here To Start Touch Flo.... Starting Touch Flo.... Tap Here.... etc
Cheers....
Chris....
P.S. I wish I had more time.... I could probably play with this stuff 24hrs a day.... (much to my wifes disgust!!)....
JimLin & lucarp78 - I will reply to you both in detail by the end of the weekend.... Been a long week and I need rest!!
Cheers....
Nocky....
nocky said:
JimLin & lucarp78 - I will reply to you both in detail by the end of the weekend.... Been a long week and I need rest!!
Cheers....
Nocky....
Click to expand...
Click to collapse
Hi, News about?
lucarp78 said:
Hi, News about?
Click to expand...
Click to collapse
I guess he's pretty busy right now... I was helping him with his other mod (http://forum.xda-developers.com/showthread.php?t=506852) to make it work with the new manila and I haven't heard from him for a few days... I guess we're gonna have to be patient!
News???????????

bookmarks ?

i changed the browser to opera as default but i cant get the bookmarks off the home screen from under the globe, is there a way to get them off? also when i bookmark a page it dosent show up on the home screen is there a way to get my bookmarks to show up on home screen? thanks for any help in advance.
i made a cab that'll set Opera as the default & get rid of the globe & for default bookmarks & show you OM bookmarks
http://forum.xda-developers.com/showthread.php?t=550647
If you want to do it yourself, you need to go to \Application Data\Manila & move the InternetPortal-en-us.xml file to your computer, take off the Read-Only attribute & edit the code, then reenable Read-Only attribute & put back on your phone.
<?xml version="1.0" encoding="utf-16"?>
<InternetPortal>
<BrowserExe>\Windows\OperaL.exe</BrowserExe>
<IncludeUserFavorites>False</IncludeUserFavorites>
change to true to have your bookmarks show up
<Banner
DefaultImagePath="\Windows\HTC\Assets\Images\InternetPortal\banner.qtc"
SelectedImagePath="\Windows\HTC\Assets\Images\InternetPortal\banner_selected.qtc"
Text="Launch Browser"
NavigateUrl="http://www.google.com/pda"
UrlText="Google"
Width="480"
Height="215" />
<OperatorLinks>
<Link
Text="Engadget"
NavigateUrl="http://engadget.com"
ImagePath="\Windows\_Bookmark_icon.qtc" />
<Link
Text="Facebook"
NavigateUrl="http://m.facebook.com"
ImagePath="\Windows\_Bookmark_icon.qtc" />
<Link
Text="MySpace"
NavigateUrl="http://us.myspace.com"
ImagePath="\Windows\_Bookmark_icon.qtc" />
<Link
Text="Woot"
NavigateUrl="http://woot.com"
ImagePath="\Windows\_Bookmark_icon.qtc" />
</OperatorLinks>[/I]
delete all of that to get rid of the 4 bookmarks
</InternetPortal>
What's the source for bookmarks when <IncludeUserFavorites>False</IncludeUserFavorites> is set to true?

[TUT][10/21/09] CPR File Editing (Catered for the Excalibur)

CPR File Editing​ For the HTC Excalibur/S620/T-Mobile Dash
In this tutorial, you will learn how to safely, and effectively, modify the HomeScreen CPR File on your phone.
This tutorial will be based off of the Windows Mobile 6.5 Titanium_320x240.CPR file (found in Ookba's 3VO 2.8 ROM)
First off, make a backup of your current .CPR file (located in /Windows) to a separate folder, or duplicate it. This is in case something goes wrong. (Do the same for the .home.xml file located in /Application Data/Home)
[Pre-Tutorial] - A Couple of Handy Apps
(This is updated as recommendations come by)
1)Free XML Editor - Here - hewhoisnotasothers
2)Notepad++ - Here - Me
[Tutorial Part 1] - Intro to the CPR file.
The Windows Mobile CPR file is located in the /Windows folder on your phone. This file controls the positioning, sizing, and some effects applied to text and image objects present on the Today Screen. While its extension is CPR, it can be opened by any text editor, and edited like any XML. After editing the CPR (and placing it in the /Windows folder) you must run a program (included in Ookba's ROM's and which can be found by searching) called TitaniumRefresh which reloads the Today Screen. This tutorial assumes you know the basics of the XML language, so if you do not, it is recommended you visit this link.
[Tutorial Part 2] - A First Look: Opening and Analyzing
To open the CPR file, I use Notepad++ (which can be found here). Alternatively, you can use Notepad or any other text editor. After opening the file, we see it starts with <form>, like any XML will. Scroll down a couple lines, and look at the first chunk of code.<Image ID="Background" Opacity="1.0" Top="-54" Width="320" Height="240" Source="ConfettiPlus::WallpaperBitmap"/>
<Layer ID="StaticHomeArea" Visible="False" />
​Let us break this down. First off, I colored Image and Layer RED. For the rest of the tutorial, I will refer to these RED colored texts as "tags" (as they are referred to in XML). The Image tag, much like HTML, will create an image on the Today Screen. The Layer tag will tell the Today Screen to move UP a layer and start putting newly inserted objects ABOVE all previously created objects. In this case, anything declared after this snippet of code will be put over the "Background" Image.
The text in DARK BLUE will be referred to as "ID's" (coming straight from their name). ID's will be covered later on, but basically they interact with either the Registry or the files used to create a panel. These are essential to any CPR file.
The text in LIGHT BLUE will be referred to as "parameters" (because they define specific details about the tags). Look at the Image tag. The use of the parameter is to tell the Today Screen exactly what to do. Without the Width or Height parameters, how would your phone know how big to make the image? Most parameters are self-explanatory because of their names, but as I see that some may become confusing, I will point them out. For instance, "Top". The function of Top, in any case, is to define how far from the top of the defined layer the object should be placed.
[Tutorial Part 3] - The .home.xml file
Before getting any deeper into the CPR file, lets see some background on it. How does the Today Screen know which panels to place where, and what the Background is? After all, the image tag for background had some gibberish about Confetti!
Now then, go to /Application Data/Home/ and pick out any .home.xml file with the name Titanium. (I will be using my own slightly modified Horizon.home.xml file from my Horizon Skin). Just like the CPR file, open this up with a text editor. Notice the first couple of lines just talk about who made the theme, and where it is located. We can ignore that for now, as it is not essential. Look now at this snippet of code:
<default target-width="240" target-height="320" font-face="Segoe Condensed" font-size="19" font-weight="bold" padding-left="5" padding-right="5" bgcolor="transparent" fgcolor="COLOR_HOMETEXT" padding-top="3" b-border-color="COLOR_HOMERULE" b-border-width="0">
<format state="selected" fgcolor="COLOR_HOMEHIGHLIGHTTEXT" />
</default>
​The default tag is describing to the Today Screen what the default screen orientation is. It is telling it to have a width of 240 pixels and a height of 320 pixels. It is telling it to set the default font to Segoe Condensed, size to 19, weight/style to bold. It is also telling it to leave some space on the top/bottom and sides of the screen (5 pixels) so that you don't get objects cut off by the edge of the screen. It is telling it to have no background color and the Foreground color is defined later on by a variable COLOR_HOMETEXT. Same principles go for the format tag.
Move on to the next snippet of code:<background bgimage="\Program Files\Horizon\BGIMG.jpg" bgimage-rotated="\Program Files\Horizon\BGIMG.jpg" valign="bottom" bgcolor="COLOR_TRAYGRADLEFT" />
​Just from the tag, you can see how this is related to the background tag in the CPR file. So all that confetti jargon is really just telling it to look here (for the initial setup that is. The value in the registry is changed when the background is changed). So this tag is telling the Today Screen to set the image at "\Program Files\Horizon\BGIMG.jpg" as the default background. Since there is currently no way (as far as I know) to change the screen orientation, the bgimage-rotated is the same as the bgimage. "valign", which should sound familiar, is set to the bottom, and bgcolor is set to the variable COLOR_TRAYGRADLEFT.
So what are these variables exactly? Lets see:<scheme>
<color name="COLOR_TRAYGRADLEFT" value="#000000" />
<color name="COLOR_HOMEHIGHLIGHT" value="#4683af" />
<color name="COLOR_HOMEHIGHLIGHTTEXT" value="#C0C0C0" />
<color name="COLOR_HOMETEXT" value="#FFFFFF" />
<color name="COLOR_HOMERULE" value="#4683af" />
<color name="COLOR_HIGHLIGHT" value="#4683af" />
</scheme>
​Scheme, which is not an evil plot in this case, refers to the color presets for the phone's theme. Those variables I mentioned earlier are defined here. The value (which is the color value) is written in HEX-HTML code. It goes from 00 - FF, where F is the greatest, 0 the least, and is written in 2's. so COLOR_TRAYGRADLEFT has 00, which is 0 RED, 00, which is 0 GREEN, and 00, which is 0 BLUE. These aren't too important unless you are doing a whole theme makeover for your phone.
Below that you may have a plugin tag with the "name" parameter equal to iconbar. You won't deal with that much. So look at the next plugin tag, which is titled "name = Bronze". Lets look at that:<plugin clsid="{E9267CAB-02EE-4f37-8216-6BF6A8FF5A71}" name="Bronze" height="266">
<Plugins Order="CMyPhotos;CMusic;CLinks;CLauncher;CComm;Settings;TitaniumWeather;CClock;CHome;CAppointments;CPhone;CText;CMessage;CEmail;CVoicemail;CWindowsLive" CPRFileName="Horizon" />
</plugin>
​This is the big one. Here you can see, from the plugin tag, that the Plugins (or more commonly called Panels) are given 266 pixels of space on the homescreen. Below that is the Plugins tag, which very nicely tells us what the order, from top to bottom, is for the Panels. This is how the Today Screen knows how to put what where! Notice that the parameter "CPRFileName = "Horizon"" in the example. This changes depending on the CPR being used. This gives users the choice to run either their own theme or the default theme provided without having to delete any other CPR files.
[[CONTINUED IN NEXT POST]]​
Tutorial Continued
[Tutorial Part 4] - Venturing On: Digging Deeper into the CPR File
[Tutorial Part 4.1] - Looking at more of the essentials
Go back to the CPR file you had opened for [Tutorial Part 2]. Let us start off by looking at a snippet of code below what we analyzed earlier. This is what I refer to :<TitaniumListView ID="HomeNav" Width="320" Height="185" Columns="1" Rows="5" ItemWidth="320" ItemHeight="34">
<Layer ID="Focus" Width="320" Height="67" Clip="False">
<Image ID="Image Default" Left="0" Top="-6" Width="320" Height="82" ScalingAlgorithm="TriLinear" Opacity="1.0" />
<ControlSequence ID="Action Sequence" FramesPerSecond="30" Loop="False">
<Image ID="Image" Left="0" Top="0" Width="320" Height="67" ScalingAlgorithm = "TriLinear" Opacity="1.0" />
</ControlSequence>
</Layer>
<Layer ID="ListItem" Visible="False" />
<Layer ID="No Items" Opacity="0">
<Text ID="Text" Width="100" Height="19" FontFamily="Segoe Condensed" FontSize="8" FontStyle="Bold" Wrap="False" Trimming="EllipsisCharacter">No Items</Text>
</Layer>
</TitaniumListView>​This is quite a large snippet, and may look confusing, but in reality it does just the very basic functions of setting up the Today Screen. To start off, a new tag is called "TitaniumListView." In older roms, this is named "BronzeListView." The Titanium part makes it so that the middle panel (CClock on default set-ups) is centered on the screen in default position. So in this CPR, the Today Screen Panels are given 320 pixels across (the full screen width) and only 185 pixels top-to-bottom to fit into. These values can be changed, but be warned that they will change most everything. The effect of changing the screen size will be discussed in greater detail later on when I go over specific object positioning.
The first tag under "TitaniumListView" is "Layer", which, as mentioned earlier, is creating a new layer for objects ontop of everything prior. This layer is titled "Focus" and it is a vague name, but think of the Today Screen. You have the main panel and the semi-hidden panels, so the MAIN one must be the FOCUSED one. Now that that is understood, let us see what it is saying. It is defining the DEFAULT width and height for a Focused panel. The parameter "Clip = False" is just saying that 'if an image/text goes out of the boundaries assigned, do not omit it from rendering, render it on top of layers before it anyway'. So usually that is a good thing, since nobody wants half an image or part of their text to be cut off randomly.
Next up, it is describing an image that is being loaded to be rendered onto the screen. The location of this image is found in the registry, which will be discussed with greater detail later on.
This is obviously clean code, since everything opens and closes correctly. It isn't recommended to tinker with these values too much unless you have a backup and are willing to get some funky results.
Moving on...
Below this snippet, you see comments about NPI and MPI. What the heck is a NPI? Well, the NPI is actually the arrows you see when on a multi-page panel. Feel free to reposition them to your liking. As far as the MPI, I will be honest, I do not entirely know what it is. I have changed its values and have yet to have results, but fear not, I am venturing!
Moving on...
Below this snippet, you may see a Branding Comment. This is just a Text tag which writes to the screen at the given coordinates a "branding" message to show people who made the CPR or ROM. For the sake of being nice and not stealing, leave this alone (unless you make a custom CPR).
Moving on...
[Tutorial Part 4.2] - Looking at the CClock Panel
Finally! You get to see the code behind the most well-known panel out there, the CClock Panel! So lets take it slow and savor the joy:<Layer ID="ClockExpanded" Visible="False" Width="320" Height="82" Clip="False">
<Layer ID="Page" Clip="False">​In just these two lines of code, the Today Screen is instructed to do many things. It is told to make a new Panel called "ClockExpanded" (which goes back to Focus) with a width of 320 and a height of 82, and to be nice, clip is set to false. But wait, How does it know where to put the panel?!?! Well remember about the TitaniumListView VS BronzeListView ... well in Titanium it is centerbased, in Bronze it is top based! (Ohhhh!)
But wait! It says Visible is false? How do I see it?! Well, as far as I know from the tinkering I have done, that is like a Switch. The default is set to false for every panel to avoid issues, however when the Today Screen is shifting panels, it will flip these switches. So I wouldn't concern myself with this too much.
Next up, it is creating a Layer , within a Layer. This is just to make sure that objects created from then on are put to the "top" of the screen, visible to everyone.
Moving on...<Image ID="ImageFixed" Source="\Program Files\TitaniumWeather\condicons\CurrentIcon.png" Left="205" Top="-30" Width="120" Height="100" />​Okay, this looks simple enough... For starters, the CPR file is telling the Today Screen to create an image called ImageFixed at (205, -30) ... wait ... -30? Well look closer. The parameter says "Top="-30"", and I mentioned earlier that Top refers to position from the top of the layer. And since this layer is located in the middle of the screen and is only 80~ pixels tall, without clipping, we can place images anywhere! Have fun, try changing this value and see what happens! Continuing on, the image is given the size of 120 x 100.
You now know how the Image on the 'top' right of the CClock panel got there!<Image ID="ImageFixed" Source="\Windows\carrier.png" Left="-3" Top="3" Width="30" Height="15" ScaleStyle="Fit"/>
<Text ID="Network Name" Left="22" Top="3" Width="100" Height="18" FontFamily="Segoe Condensed" FontSize="7" FontStyle="Regular" Wrap="False" VerticalAlignment="Top" Trimming="EllipsisCharacter" HorizontalAlignment="Left">
<TextStage TextOffsetType="TextOffsetDropBottomRight" Color="#00000000" TextOffset="1" BlurFactor="3" Alpha="1.0"/>
<TextStage TextOffsetType="TextOffsetNone" Color="#FFFFFFFF"/>
</Text>​Let us analyze! This snippet starts off with creating another Image called ImageFixed whose source is a carrier.png. Luckily, the creator of this CPR was nice and made things easy to comprehend. Obviously this is making the little "bars" and Operator text on the panel. Now that we know what it is, lets see how it comes to be. (Which takes up to the next part of the tutorial.)
[Tutorial Part 4.2.1] - The ID 'parameter' and How it is Helpful!
Looking at the Text tag, one thing comes to mind...I know what the result is, but where on earth is it getting this data from! Well I have been mentioning the registry a lot and saying I will explain later, well...I am not going to fully explain now since this is just the basics!, but I will do a brief fill-in on the topic. In the registry is a Key set up to let this panel operate. Inside of it are values that tell the Today Screen what to make the SoftKeys do, what the text should be, image sources, etc. But how does it all get accessed? Well the ID is also like a variable! The ID (in many cases) is compared to the Registry Key for the panel, and the resulting output is what is located in the registry under that ID name (for that reason, making two ID's the same name is dangerous!).
[[CONTINUED IN NEXT POST]]
Tutorial Continued
[Tutorial Part 4.2.1.1] - A Good Example of ID usage!
Let us look at my custom 'Horizon' Skin. A nice feature I added in was a CComm (Communications) Panel that allowed you to see ALL the connection status's at the same time. In order to do this I had to edit a file related to the CComm panel and tell it to add more registry entries when doing what it needed to do. Even though any of you could install my custom theme (hint hint), I will just put the code here.<Image ID="icon1" Left="40" Top="25" Width="90" Height="115" ScaleStyle="Stretch" />
<Image ID="icon2" Left="260" Top="5" Width="40" Height="56" ScaleStyle="Stretch" />
<Image ID="icon3" Left="260" Top="58" Width="40" Height="56" ScaleStyle="Stretch" />
<Image ID="icon4" Left="260" Top="105" Width="40" Height="56" ScaleStyle="Stretch" />
​While it may strike some as odd, that entire feature is right here in these 4 lines of code! See, the reason I refer to ID's as Variables is because they change as pages change! In this case, the CComm panel (like most, if not all, others) does not tell you every single page in its code! So by adding lines to the file associated with CComm (as i metioned earlier) i was able to load pointers to images into the variables icon1 - 4 and place them in the corresponding folders in the registry. [If you want to learn more into how I did that, PM me or check it out by installing and investigating]
[Tutorial Part 5] - Interactions with the Registry
Like many programs on a windows OS, there are registry keys and values related to the executable (or similar). The Today Screen is no exception to this rule. In this section I will inform you on how the Today Screen 'interacts' with the registry and how you can make your own interactions.
[Tutorial Part 5.1] - How it works!
I have been mentioning a lot about how the Today Screen (consisting of multiple DLL's and XML files) interacts with the registry, when that is actually not true! In order to interact, it must be able to write and read. To the extent of my knowledge the Today Screen CANNOT write to the registry.
"WAIT WHAT!!! So how is it that when I click on that awesome CComm set-up you have stuff happens!?!"
Well...It is magic! ... The magic of PROGRAMMING! There is no actual command for the Today Screen to write something. It can only read. So amazing people figured out how to gain this access.
Like I explained, the ID's act like variables, reading certain entries in the Registry. So let's get a bit more in depth with that by an example. Below is the code for my CComm Panel layout ... I reviewed this earlier, but will use this as a prime example.
<Image ID="icon1" Left="40" Top="25" Width="90" Height="115" ScaleStyle="Stretch" />
<Image ID="icon2" Left="260" Top="5" Width="40" Height="56" ScaleStyle="Stretch" />
<Image ID="icon3" Left="260" Top="58" Width="40" Height="56" ScaleStyle="Stretch" />
<Image ID="icon4" Left="260" Top="105" Width="40" Height="56" ScaleStyle="Stretch" />​Now, let us all grab our phones, go to the start menu, and open up RegEdit or Resco Registry (or any app that you use). I want you to navigate to:
HKEY_LOCAL_MACHINE\Software\Microsoft\CHome\
In there is everything that has to do with the Today Screen (Remember it is also called CHome!) More specifically, for the sake of this tutorial, go into CComm. Remember I mentioned "pages" and layering. Well this is where it matters. Notice there are 6 Keys called Page1 - Page6 (and there are 6 pages on the Today Screen!) Take a walk around, investigate for a moment, the continue reading and see if you got what you thought correct....
...
...
Okay, so the correct assumptions for how all this works would be that what is written in the CPR is exactly what is taken from the Registry. But that brings us to another question...HOW does all this get there? What all-mighty programming goblin is in my phone feeding this information!?!
Simple...that is covered in the next section...
[Tutorial Part 5.2] - Going from Acting to Inter-Acting!
Now it gets a bit more complicated...you, the eager [young] computer programmer wants to make a panel that gives all this information to the user and does a bunch of changes on the phone, but HOW!
The simplest (not the only) way to do this is to use MortScript (in my opinion). MortScript is a scripting language that is very basic when you get the hang of it. It will do everything you need it to do, in most cases, as long as it doesn't involve things it can't do (duhh).
I strongly advise people interested in the Today Screen to learn MortScript because it will make a bunch of things a whole lot easier!
[Tutorial Part 5.2.1] - My First Registry Interaction!
Let us say you want to make a panel that shows you the Phone Owner's name, email, and a random note. To start off, open up NotePad ++ (or whichever text editor you want to use) and make a program. Done. Haha, just kidding! Let us take this step by step.
Let us assume the panel has a registry entry already and is called MyFirstPanel (located at HKML\Software\Microsoft\CHome\MyFirstPanel) There is one page, so we go to the Page1 Key.
We can do this one of two ways. We can make it Device Specific and pre-define all that data, or we can make it device independent and use MortScript to fill in the blanks. I will opt for number 2, but for those who do decide to do the first, make some Strings with your data, then in the CPR, add those ID's (correctly with the correct tags, which I will go over in a later tutorial).
Taking the second method, go back to your text editor. Let us see what we need to do. We need to find the user information, assuming there is any, and access it. The problem with the Registry interactions and the Today Screen is that the Today Screen is LIMITED to the Chome\PANELNAME key. That is where MortScript comes in handy...
I will tell you this time that the Owner Information (which can be entered in settings) is located at HKCU\ControlPanel\Owner\ . So let us make a script that will copy this data.
Code:
//Reads the Registry Entry for the NAME
name = RegRead("HKCU", "\ControlPanel\Owner", "Name")
//Reads the Registry Entry for the Telephone Number
phone = RegRead("HKCU", "\ControlPanel\Owner", "Telephone")
//Reads the Registry Entry for the E-Mail
email = RegRead("HKCU", "\ControlPanel\Owner", "E-mail")
//Reads the Registry for an extra note
note = RegRead("HKCU", "\ControlPanel\Owner", "Notes")
//Writes the NAME to OUR PANEL for later use.
//Assigns the ID to be used to name1 (I use numbers as a precautionary)
RegWriteString("HKLM", "\Software\Microsoft\CHome\MyFirstPanel\Page1", "name1", name)
//Writes the PHONE NUMBER to OUR PANEL
RegWriteString("HKLM", "\Software\Microsoft\CHome\MyFirstPanel\Page1", "phone1", phone)
//Writes the EMAIL to OUR PANEL
RegWriteString("HKLM", "\Software\Microsoft\CHome\MyFirstPanel\Page1", "email1", email)
//Writes the NOTE to OUR PANEL
RegWriteString("HKLM", "\Software\Microsoft\CHome\MyFirstPanel\Page1", "note1", note)
That is it! Assuming you have learned enough of this language, this should act as a great backbone when it comes to registry interactions.
So now that you know the very basics of the CPR file, and how some things work, you can rest assured that I will continue this tutorial when more time becomes available! It pains me to say it but:
TUTORIAL TO BE CONTINUED!!!
saved
Saved for future reference
Sweeeeeet added to sticky
great tutorial, thanx , really , good job.
Wonderful job Cyclone..!!!! keep it up
this free program is very useful in editing both cpr and home.xml files....it will color code and proof the tags for you..
hewhoisnotasothers said:
this free program is very useful in editing both cpr and home.xml files....it will color code and proof the tags for you..
Click to expand...
Click to collapse
Thanks for the link. I'm going to make a post/section specifically for software. Will be sure to add this.
I believe MPI is the arrows for the Media Player. They are arrows, that's for sure. Just which arrows, I don't know to be certain. I would think Media Player as "M". Media Page Indicator? or Media Player Indicator? NPI=Next/Previous Indicator?
waiting...
Have been checking this thread in the hope that the tutorial continues.
Please
I have lots of questions that might be solved by the next part of the tutorial.
Hey,
Sorry for not updating sooner. I am still in school and this past week I had intense Marching Band rehearsals to lead up to our competition on sunday. Its all over now, so I have distinctly more time get back to my projects. Expect an update soon.
Cyclonezehpyrxz7
I did a minor update. I am sort of out of ideas. I did the unthinkable and left this alone for too long and lost my train of thought. So now I call upon you, the eager readers! What is it that I need still incorporate?
Don't mention the following because i already plan on implementing them:
-Interactions with the Registry (a bit more in depth with examples).
-Simple guide to making a basic panel (that doesn't do much)
-Go over more specifics about different TAG types.
Thats it...my mind is dry (oddly and unfortunately enough). So please, anything you would like to know more indepth (or at all) just post it here and I will fill as many requests as possible!
CPR - Registry interaction
Most of my 100000000's questions are Registry related so for that part I'll wait until your Tut covers it.
In the meantime, do you know what this does?
<ControlSequence ID="Action Sequence" FramesPerSecond="30" Loop="False">
YesHoney said:
Most of my 100000000's questions are Registry related so for that part I'll wait until your Tut covers it.
In the meantime, do you know what this does?
<ControlSequence ID="Action Sequence" FramesPerSecond="30" Loop="False">
Click to expand...
Click to collapse
The ControlSequence tag is, in our case, useless. As Drkfngthdrgnlrd explained it to me a while ago, that controls animations that go on on-screen. It works for making buttons, etc. but since our phone's not a touch-screen, buttons really cannot exist. I believe that it is in there because this is a "stock" CPR, and realize that there is no OFFICIAL 6.5 for our smartphone, what the master chefs here have done is take megapacks (i believe that is what they are called) from official 6.5 ROM's for other phones and sort of splice them together to emulate a 6.5 environment.
Thank you
Why do I think you will come up with some rom made by you?
Thanks for the tutorial!
Regards
ControlSequence ID="Action Sequence"
According to what you explained, I deleted
<ControlSequence ID="Action Sequence" FramesPerSecond="30" Loop="False">
<Image ID="Image" Left="0" Top="0" Width="320" Height="67" ScalingAlgorithm = "TriLinear" Opacity="1.0"/>
</ControlSequence>
from the CPR and absolutely nothing changed in the behaviour of the home screen.
Which is expected. Like I said, it is a "stock" CPR...that is designed for button's, etc. Much like the cmhome.dll (which contains the atual code for the CPR), it is all pretty stock and based for touchscreens because M$ knows that if they dare change anything, they could mess it all up (haha *sigh*).
Now that you mention cmhome... could you please see http://forum.xda-developers.com/showthread.php?t=573863
Plspls

Categories

Resources