PPCGeeks

PPCGeeks (http://forum.ppcgeeks.com/index.php)
-   HTC Apache (http://forum.ppcgeeks.com/forumdisplay.php?f=14)
-   -   For those looking to skin your dialer (TDial 1.1.0, 12-09-07) (http://forum.ppcgeeks.com/showthread.php?t=7819)

tiermann 09-01-2007 01:31 AM

For those looking to skin your dialer (TDial 1.1.0, 12-09-07)
 
Thanks to all of your suggestions, bug reports, donations and help I've finished v1.0 of TDial Designer. :)
Supported Dialers:
-BlueFrog
-HTC Touch (old and new(wm6 kitchen) versions)
-HTC Vogue


http://img356.imageshack.us/img356/6...tledrg6.th.png

It seems to have most of the kinks worked out and a lot of features added from when I started out on this project.

Both an Installer and Zip version can be downloaded here.

After you save your skin, copy all images to \Windows on your PPC to overwrite the stock images, then soft-reset.
To build these into a ROM in the new WM6 Kitchen, simply copy the images to the Patches folder instead, and choose the appropriate dialer in BuildOS.

For blueFrog users to hide the drawn on digits: (TDial now hides this for you already in the cab version of your saved skin.)
Code:

;Hide blueFrog digits and letters
[HKEY_LOCAL_MACHINE\Security\Phone\Skin\DIALER\LANDSCAPE\dialbutton]
"MajorFlags"=dword:00000400
"MinorFlags"=dword:00000400
[HKEY_LOCAL_MACHINE\Security\Phone\Skin\DIALER\PORTRAIT\dialbutton]
"MajorFlags"=dword:00000400
"MinorFlags"=dword:00000400

To show them again later, you can delete the entries.


For blueFrog/newTouch to change the text color on the progress screen:
Code:

;BlueFrog/new Touch progress text color (white)
[HKEY_LOCAL_MACHINE\Security\Phone\Skin\PROGRESS\PORTRAIT\VerbButton]
"textColor"=dword:00ffffff
[HKEY_LOCAL_MACHINE\Security\Phone\Skin\PROGRESS\LANDSCAPE\VerbButton]
"textColor"=dword:00ffffff




--v1.1.1
-Fixed crash when saving a blueFrog theme using HotDigits or HTCHomeDigits.
-Borders are not saved for blueFrog themes using HotDigits or HTCHomeDigits, but it's better than a crash for now.
--v1.1.0
-Fixed problem with landscape progress background showing as portrait when loading a skin.
-Added ability to change the statusbox text color (and dial digits) for portrait and landscape individually. BlueFrog/new Touch only, and you'll need to use the cab version of your saved skin. Eventually you'll be able to change progress button text too as well as set seperate colors for dialer and progress, but for now I need to rework the interface to fit it all in.
--v1.0.9
-A cab file is now created in the same folder the skin is saved to. This can be used as an alternative to copying the files to \Windows.

--v1.0.8
-The Options->Dialer choice is properly checked depending on the mode you are in.
--v1.0.7
-Fixed issue with statusbox not saving in the skin correctly.
-Reworked the smartdial and statusbox code.
-Reworked the button-click code so that the downbutton color is properly displayed in the preview for BlueFrog.
-Smartdial not matching your progress screen if you're using a different background than the dialer screen is not a bug. It's the way the dialer skins. If it doesn't look right, turn the smartdial alpha up to 100%.
--v1.0.6
-Added ability to change bgcolor of downbutton for BlueFrog and new Touch
-Added ability to set different backgrounds for dialer and progress for all dialers supported.
-Added donate link to About.
--v1.0.5
-Fixed status box for blueFrog/new Touch
-Combined bordercolor for down buttons on progress and dialer screens for blueFrog/new Touch because they use the same image for downbutton now anyway.
--v1.0.4
-Now supports new Touch (in WM6 kitchen) and BlueFrog dialers.
Remember to choose the correct dialer in Options->Dialer. It will save in your settings.

--v1.0.3
-Now draws the talk button on the backdrop making it compatible with _old_ Touch and new Vogue dialer.
-Added the glosses created by FRESHMAN.



Things for next release:
-Rework the whole interface. Could be a while before next release but I'm running out of room to put things :P This will allow me to add more settings like progress button textcolor for blueFrog/new Touch, etc.


If you're getting errors when starting the program, install .NET 2.0 or higher.



If any of you are looking for the old method of designing your own skin without the designer interface, I've quoted my old post 2 posts down.

luv2chill 09-01-2007 02:36 AM

Nice job as always tiermann. You give a lot back to this community and it's much appreciated.

tiermann 09-01-2007 02:45 AM

This is the do-it-yourself method for those who don't want to use a designer...

Quote:

For the Touch dialer (like the one in WM6 ROM) only.

Not everyone has the time to skin their dialer with fancy transparent buttons, so I put together a set of generic transparent buttons for everyone. These buttons only have the numbers, letters and a 1 pixel border. There's no background.

Now you can have a nice looking dialer skin with your own background and transparent buttons in only a few mins. Then end result will look something like this...
http://img485.imageshack.us/img485/7135/sshot007ev0.pnghttp://img378.imageshack.us/img378/2491/sshot000ee2.png

Step1: Download the image set I put together and unzip it to a new folder.

Step2: To replace the background with your own picture for portrait mode, replace "Dialer_BkgdP.png" and "Progress_BkgdP.png" with your own 240x268 image.

Step3: To replace the background with your own picture for landscape mode, replace "Dialer_BkgdL.png" and "Progress_BkgdL.png" with your own 320x188 image.

Step4: Copy all files to \Windows on your Apache and soft-reset. And you're done.


From now on, to change your background you will only need to copy those 4 custom images to \Windows.


If you want to revert back to the stock dialer skin, I've provided that here.




Thanks Luv :)

It wasn't entirely selfless though, hehe. I've been getting a lot of requests so thought this would help some just looking for a basic change. Cutting out all those buttons was making me dizzy, but with no real alpha-blending it's the only way to do fancier numbers (like my last post in the "Today Screen" thread).

weedahoe 09-01-2007 08:41 AM

THX Bro, I think Ill try this out for sure. I got some hot chicks I wanna intergrate in the phone.

nickm 09-01-2007 08:56 AM

Sweet,
Thanks for sharing your work.

indoe 09-01-2007 10:22 AM

Quote:

Originally Posted by polargoat (Post 80920)
very nice tiermann. making an Eva Mendez dialer right now. =) she is friggin HOTTT

you sir get a up for being the smartest man in the world

also thanks tiermann

BobC 09-01-2007 01:15 PM

I assume this only works for WM6? Or will it also work for WM5?

indoe 09-01-2007 04:00 PM

1 Attachment(s)
Here a zip with the cab for WM5 and the 4 other files 2 to fix the pink end button and the other PSD for the background to fully pimp it out all thanks to tiermann





and modified cab from Mr. Vi
http://forum.xda-developers.com/show...ght=touch+dial


http://img517.imageshack.us/img517/6048/homesl1.jpg http://img208.imageshack.us/img208/4692/23540079gj4.jpg http://img67.imageshack.us/img67/6219/71059607jj0.jpg http://img166.imageshack.us/img166/9787/34702768kw1.jpg

indoe 09-01-2007 04:11 PM

http://img182.imageshack.us/img182/5149/52153825cw7.jpg http://img505.imageshack.us/img505/8427/65091530nv6.jpg

tiermann 09-01-2007 09:03 PM

Quote:

Originally Posted by indoe (Post 81032)
Here a zip with the cab for WM5 and the 4 other files 2 to fix the pink end button and the other PSD for the background to fully pimp it out all thanks to tiermann





and modified cab from Mr. Vi
http://forum.xda-developers.com/show...ght=touch+dial

Thanks Indoe. I didn't realize the End button was still pink. I fixed it in the zip in the first post too.

Those screenshots look awesome :)


PS: More pics people :)

indoe 09-01-2007 10:04 PM

i forgot to say CmdBtnUp_Land.png, CmdBtnUp_Port.png are also missing borders

tiermann 09-01-2007 11:59 PM

Sorry about that. I was having trouble getting the border on there because it kept going pink, even though the color code was exactly the same, just with the gray border.

synaptyc 09-02-2007 10:35 AM

Any chance of adding the border around the buttons when in "call status" mode?
I just downloaded all ZIP files, and the borders are not present when on that screen.
Portrait or Landscape.

@ Indoe:
if you fixed those buttons, could you please up them to this post so we can tinker with skinning?

Fun Stuff! I'll post screenshots once I get mine complete.

~Syn

tvith 09-02-2007 11:21 AM

tiermann, I downloaded ur .zip file and there was a lot of files in it, although i didn't get a chance to look through the images but i'm sure i can figure out the images and editing them.. wat i really wanted to know was where do i put the files into? do i just drop it into \Windows? 'cause i was looking through the windows folder and didn't c any files in \Windows that u have in the .zip. Thanks.

indoe 09-02-2007 12:00 PM

Quote:

Originally Posted by synaptyc (Post 81357)
Any chance of adding the border around the buttons when in "call status" mode?
I just downloaded all ZIP files, and the borders are not present when on that screen.
Portrait or Landscape.

@ Indoe:
if you fixed those buttons, could you please up them to this post so we can tinker with skinning?

Fun Stuff! I'll post screenshots once I get mine complete.

~Syn

i tried and for some reason it goes pink i upload them PSD with layers just change the background layer and save the image and you good here ex:




http://img338.imageshack.us/img338/9...ssbkgdlxl7.png http://img338.imageshack.us/img338/3...ssbkgdpoe4.png http://img521.imageshack.us/img521/5...erbkgdlrb6.png http://img235.imageshack.us/img235/9...erbkgdprd5.png

indoe 09-02-2007 12:02 PM

don't forget indialer_ls.png, indialer_ps.png is the smart dialer image

weedahoe 09-02-2007 10:40 PM

Quote:

Originally Posted by tiermann (Post 81145)
PS: More pics people

Heres mine, THX again Tiermann

http://pic30.picturetrail.com/VOL149.../275959165.jpg http://pic30.picturetrail.com/VOL149.../275959164.jpg http://pic30.picturetrail.com/VOL149.../275962630.jpg http://pic30.picturetrail.com/VOL149.../275962629.jpg

tiermann 09-02-2007 11:05 PM

Quote:

Originally Posted by weedahoe (Post 81633)
Heres mine, THX again Tiermann

Nice :) :twisted:

Quote:

Originally Posted by tvith (Post 81374)
tiermann, I downloaded ur .zip file and there was a lot of files in it, although i didn't get a chance to look through the images but i'm sure i can figure out the images and editing them.. wat i really wanted to know was where do i put the files into? do i just drop it into \Windows? 'cause i was looking through the windows folder and didn't c any files in \Windows that u have in the .zip. Thanks.

This will only work if you have the Touch dialer. There's a cab available for WM5 users that will install the Touch dialer (found at xda) and the dialer is default for WM6 Apache users. But yes, they all go into \Windows if you have the Touch dialer.

omegax 09-02-2007 11:21 PM

Quote:

Originally Posted by indoe (Post 81384)
don't forget indialer_ls.png, indialer_ps.png is the smart dialer image

please post these files.

tvith 09-02-2007 11:41 PM

Ok, so i tried to change the dialer, but i can't do it through File Explorer because it won't allow me to change the files. So i tried to do it through Resco File Explorer (the one that came w/ the rom) and it says the trial is expired. Is there another i can use to resplace the dialer files in \Windows or does anyone have a code for Resco that i can use to activate it?

BTW tiermann, I do have Helmi_c's WM6 rom w/ the HTC Dialer. But it won't let me do it through File Explorer... wat program did u guys use to replace it?

tiermann 09-03-2007 12:01 AM

I'm using Resco here to replace them. Total Commander works too (free i think?). You'll get a warning that they are "ROM files" but you can choose to overwrite them anyway.

Omegax: Those files are included in the stock zip in the first post.

I've found out something interesting about the pink problem we were having with the call in progress screen, and i should be able to add borders to it. I'll post again in more detail in a few mins.

tiermann 09-03-2007 12:16 AM

2 Attachment(s)
Ok. The issue where we couldn't add borders to the call progress buttons without turning them pink has been fixed. The problem was that, for some reason, the dialer uses the 5th pixel in the call progress button images to determine the transparent color and i noticed the buttons were all 1 pixel squared bigger than they needed to be. All i did was draw my border 1 pixel in on all sides and poof, we got transparent bordered buttons on all screens.

I've updated it in the zip in first post and i'm also attaching only those 6 buttons for those who just want to replace them.


----

Also if you wish to get rid of the carrierlogo or text on the dialer screens you can download the attached carrierlogo.zip and replace\add it to \Windows. You will need to soft-reset for it to take affect.

Ceetee480 09-03-2007 03:50 AM

tiermann this looks great and would love to try this, but for some reason i can never seem to download anything off of the ftp: site. If you couls post your zip as an attachment I could get it then. Please excuse my noobness while i try to figure out why I cannot connect to the ftp: site

tvith 09-03-2007 10:22 AM

I would love to use Resco since it's already in the rom, but everytime i try to paste the dialer files, it takes me to the registration screen and says that my "Trial" has expired. I mean if someone has the code or a crack to it, that would b great, but in the mean time i'll give it a try w/ Total Commander.

tiermann 09-03-2007 10:28 AM

1 Attachment(s)
More good stuff coming soon ...

http://img265.imageshack.us/img265/5508/untitleddd2.png

I should have this done later tonight.


PS: Here's the zip for you as an attachment, CeeTee.

omegax 09-03-2007 11:54 AM

Could I get a look at the source too? Not gonna go commercial or steal your work. Just wanna play with the program myself. Was thinking of creating something in a mobile version just like this. Adding a "set as dialpad" option to pictures.

tvith 09-03-2007 01:06 PM

http://img103.imageshack.us/img103/3...scr0002ax8.png http://img45.imageshack.us/img45/9778/capscr0003ui4.png


Didn't get the time to mess around w/ the button while the phone is in call. The only thing is, 'cause the transparent color is purple color... when i aplly effects to the #'s and letters the purple is getting attached to the edge... *shrugs*

jimjam26 09-03-2007 02:53 PM

Dialer Skin Customizing
 
Is there a way to adjust the transperency for the buttons because for some reason my buttons are still grey but the background picture loaded fine and I see people are customizing the button is there a program for this or some settings I'm missing?

Ceetee480 09-03-2007 03:27 PM

Thanks tiermann for the zip file, this works great.

tvith 09-03-2007 06:02 PM

Quote:

Originally Posted by jimjam26 (Post 81946)
Is there a way to adjust the transperency for the buttons because for some reason my buttons are still grey but the background picture loaded fine and I see people are customizing the button is there a program for this or some settings I'm missing?

I'm no programmer/coder or w/e. I know art and art programs..lol so i just open up the .png files in Photoshop (important not to change the height or width of the image) and edit it there and then load it bak on the phone.

BTW...Tiermann, is there any way u can get the "call status" files? I would like to edit the buttons that show while i'm on a call. Thanks

tiermann 09-03-2007 10:23 PM

tvith: Check out the stock zip in the first post. It has all files included in the original Touch dialer. You wont be able to edit the text on the call progress buttons yet because its not an image. Those buttons have the text actually drawn on in a system font by the program.

Eventually the designer Im working on will let you change the font colors for those elements drawn on my the program, but in the first release it will only do the button border, digit color, background, and set up the background with a little block (with alpha blending) for your call info box, as well as another box (also alpha selectable) for smartdial version of the call info box.


Oh.. also on your previous post about the pink edges. It looks like a problem with anti-aliasing of the fonts you used. Most paint programs use alpha-blending to fade the edges which makes the last row before the transparent ( 248,0,248 ) color just slightly off. Zooming in and painting over with color 248,0,248 should fix that.

tvith 09-03-2007 11:03 PM

ooo ok, thanks. I'll wait for it. hmm interesting i'll have to go bak to photoshop & c if i can mess with it some more. Usually it works fine as i've tried it on other dialers before but well c

360discgolf 09-03-2007 11:19 PM

Two questions. Do I have to rename my images to match the names I am replacing? Second, is there are certain spot in windows on the Apache I have to copy the file?

I tried to copy the whole file under windows and nothing changed after the soft reset. I tried to copy the file under skins that also did not work.

Please advice.

Thanks!

tiermann 09-04-2007 03:55 AM

No file names have to be changed at all. If you have the Touch dialer installed the files will be overwritten directly in \Windows. After a soft-reset they should show up. If you don't have the Touch dialer then this will not work.

tiermann 09-04-2007 04:11 AM

Ok people. Here is the first beta of TDial Designer.

http://img376.imageshack.us/img376/9271/untitledez5.png

You get to pick your background images, button bordercolors, digit colors, brightness of the status box and smartdial box for now. More options will come eventually. When you save it will create a subdirectory in the folder you choose named after the "Skin Name" and fill it with all the images you want to put in \Windows on your PPC.

ALSO!... You will notice a folder called "styles". This is for adding new button sets :). I will be coming out with more and hopefully others will share as well. I added the option to change styles in the menu for when they come out.

To create a new style you can copy the "BasicDigits" folder as an example. It contains all images needed as well as a "style.txt". style.txt has 3 lines....
Code:

Border = "178,178,178"
Digit = "248,252,248"
ProgBorder = "225,225,225"

Those are the colors in the pallete of your button images that will be changed when the user selects a color in TDial Designer. That gives you some options when making your button set.

Ok.. let me know how this works for you :)

Just unzip to a new folder to install.

PS: Latest version can be found in my sig.

unitypunk 09-04-2007 04:21 AM

Neato App

looks nice, ill probably give it it a shot :)

OMJ 09-04-2007 09:42 AM

1 Attachment(s)
Hey thanks tiermann for the skins, but I'm having a small issue. I copied the files from your 1st post to /windows, and now the font in the comm mgr is messed up. I reverted back to the stock skin, but the font is still screwy.

I'm guessing this is an easy fix, just not sure how to.

thx

tiermann 09-04-2007 09:52 AM

Look in your Windows\Fonts folder. Chances are you added a font somehow and it's now found by the Comm manager. I had the same problem after adding fonts to use for the rlToday plugin.

CHUFLY29 09-04-2007 09:59 AM

Quote:

Originally Posted by Old_Man_Jenkins (Post 82289)
Hey thanks tiermann for the skins, but I'm having a small issue. I copied the files from your 1st post to /windows, and now the font in the comm mgr is messed up. I reverted back to the stock skin, but the font is still screwy.

I'm guessing this is an easy fix, just not sure how to.

thx

This happened to me after I installed Weather Panel. I just did few soft resets and it worked out fine (I also made sure my system font wasn't set to anything funky). I know... sledge hammer, but it worked for me. :)

OMJ 09-04-2007 10:09 AM

My \windows\fonts folder is empty. I do have WP installed.....where would I change the system font?

thx


All times are GMT -4. The time now is 04:02 AM.

Powered by vBulletin® ©2000 - 2025, Jelsoft Enterprises Ltd.
©2012 - PPCGeeks.com


Content Relevant URLs by vBSEO 3.6.0