[MOD][THEME] Custom Themed Dialer Pads

mfdleitz

Member
Feb 13, 2011
13
1
0
Visit site
Re: [MOD][THEME][FROYO] Custom Themed Dialer Pads

[INFO]
Custom Dialer Tutorial


Okay first bare with me here and I will do the best I can to get you from start to finish on doing the custom dialers that I've been producing. I will show you how to do the easy method which I have done most of here, the more advanced method which I started with and Zigg did for our Gears of War/Halo themes I will not be showing due to the complexity of those. Zigg does have a request thread going for those, if interested you can hit him up. Before I forget the original design goes to ZiggSevo and I took it a step further an came up with this "easy" method to make mass producing these dialers fast and easy.

1. Grab your favorite editor like Paint Shop Pro or Gimp (Free just Google it).

2. Next you need to have a few things...

- DialerTabActivity.apk (pull this from your /system/app/ directory or from the same location in a stock version of deoxdexed Froyo)
- Image you wish to use. Look for images that are 800 x 600 or bigger, these reduce/resize very nice.
- WinRAR or 7zip (for pulling and placing pngs in the DialerTabActivity.apk)
- Optional blank flashable zip to flash your dialer or you can push it manually using Root Explorer or ES File Explorer, etc..
- Some basic skills in these programs. I will not go into great detail on how to color or add borders to the buttons in these programs because I'm not the best of teachers and there are many different ways you can accomplish this. A little messing around and you should be able to figure it out, its very basic skills needed to do this..

Alright once you have all the above in order you need to pull the following files from the " DialerTabActivity.apk/res/drawable-hdpi/ "

call_dial_btn_normal.png (This is the stock GREY dialer button background. Controls numbers 0-9 and *, # and backspace key.)
call_dial_btn01_normal.png (This is the stock GREEN dialer button that controls the Phone key)
call_dial_btn03_normal.png (This is the stock ORANGE dialer button that controls the Message key)
call_dial_panel_bg_01.png (This is the background behind the stock dialer keys that gives you the black grid lines on a stock dialer)

Okay now pull all those files using 7zip or WinRAR and place them in a folder so you have them all in one place.

Next find your image on the internet, then open up Paint Shop or Gimp, etc and look under Image or similar for RESIZE or SCALE. Your looking to reduce/resize the image dimensions. They need to be reduce to 480 X 454 pixels and make sure you have the LOCK ASPECT RATIO "unchecked". This will give you the exact dimensions you need for the image on your phone dialer.

Now save that image in the same folder as you put the files you pulled from the DialerTabActivity.apk. Save the resized image as call_dial_panel_bg_01.png

Next onto the buttons.... You can open up any of those buttons you pulled from the DialerTabActivity.apk and look at them so you can see what they look like or whatever. We won't be using them but I had you pull them so you know which images you will be working with and replacing.

Okay so you've looked at the buttons great.. Stock ugly grey buttons haha.. Now to the fun part you want to create a new image. Do this by going to FILE and select NEW image. You want your image to be 148 x 82 pixels and you give it a transparent background. Most programs even offer the option to create a BUTTON or have a button maker, you can use this option to create one using the same 148 x 82 dimensions with a transparent background and give it a border so it outlines the button. [WARN]Regardless of what you do you need the button to be TRANSPARENT so your call_dial_panel_bg_01.png shows threw the buttons.
[/WARN]
Okay so if you took the route of using the optional button maker then ignore the following.

If you made an image from scratch then you now have a 148 x 82 pixel transparent image. You will need to add a small border to the button if you want your buttons or keys to be defined or you could leave them without edges for a complete transparent look. I will not go into detail how to do this because I'm not a great teacher in this area and there are many different ways you can go about creating a border over a transparent image.

Okay so now you have you button or key how you like it and ready to save it. Save the file as call_dial_btn_normal.png

Now you need to make a few copies of that button you just saved to replace the ones you pulled from the DialerTabActivity.apk. You will need 3 copies total

Name them the following.

call_dial_btn_normal.png
call_dial_btn01_normal.png
call_dial_btn03_normal.png

Now its time to put everything together and place it all in your DialerTabActivity.apk.

Take the 3 button images you just made and named as I stated above, and also the call_dial_panel_bg_01.png (your resized image) and place them all back in " DialerTabActivity.apk/res/drawable-hdpi/ " and close it up.

Push it directly to your device or use the included flashable, and put them in the " system/app/ " directory of the flash zip I provided.

That's it your done and if all was done correctly you should have your very own custom dialer pad.

If anyone has any questions I will do the best I can to answer them. I can't promise that I can aid you in working with the transparent image and borders because there is different ways to do it and each graphics application is a bit different in tools/locations/names.

I hope I was able to get you through the hoops of performing this and enjoying doing a bit of customizing on your own. I will still be here to take requests and answer questions and please feel free to hit the Thanks button or leave a comment or whatever if this worked out for you.

Paul.[/INFO]
Hey Paul,
Is the gingerbread theme the only one for efo2/eg22? Was looking thru them, very nice work. Thx for all you guys do
 
  • Like
Reactions: 53kongo53

Paul627g

AC Moderator All-Star
Moderator
Nov 25, 2010
15,963
2,752
0
Visit site
Re: [MOD][THEME][FROYO] Custom Themed Dialer Pads

Hey Paul,
Is the gingerbread theme the only one for efo2/eg22? Was looking thru them, very nice work. Thx for all you guys do

Yes that is all I have done currently for EF02/EG22.

This method/tutorial can be applied for Gingerbread in the same manor it is done with Froyo. If there is something you would like to see specifically for Gingerbread just ask.

Note: I won't be able to do anything for a day or two until I receive my refurb Epic from my local Sprint store.
 

53kongo53

New member
Aug 13, 2011
4
0
0
Visit site
Re: [MOD][THEME][FROYO] Custom Themed Dialer Pads

I really like the way the Detriot Lions turned out :) :p :)

See OP for download.
I was drooling when I saw this post...Amazing!!! Dude I would buy u two Pepsi's... So is all of this done through a pc ??...bare with me I'm new n will need some help getting started, don't mean to bother anyone I know we all have stufF TO do.thanks :)
 

53kongo53

New member
Aug 13, 2011
4
0
0
Visit site
Re: [MOD][THEME][FROYO] Custom Themed Dialer Pads

Yes that is all I have done currently for EF02/EG22.

This method/tutorial can be applied for Gingerbread in the same manor it is done with Froyo. If there is something you would like to see specifically for Gingerbread just ask.

Note: I won't be able to do anything for a day or two until I receive my refurb Epic from my local Sprint store.
How do I know gin/Rom do I have.:-X
 

Paul627g

AC Moderator All-Star
Moderator
Nov 25, 2010
15,963
2,752
0
Visit site
The only way you would have Gingerbread is if you flashed it. Otherwise you have Froyo. Go to Settings>About Phone and look near the bottom it will say one of the three Eclair/Froyo or Gingerbread
 

josh33_unc

Member
Jan 30, 2011
6
1
0
Visit site
alabama crimson tide for football
north carolina tarheels for basketball

please

josh33_unc 06:48 PM 07-16-2011



bump from ^

alabama old logo
300_21115.gif


UNC
unc-logo.gif
 

Paul627g

AC Moderator All-Star
Moderator
Nov 25, 2010
15,963
2,752
0
Visit site
I will have more time in the next day or two to attempt getting some of these requests done again.

Thanks for your patience :)
 

Paul627g

AC Moderator All-Star
Moderator
Nov 25, 2010
15,963
2,752
0
Visit site
These are great, but how do you remove them if you wanted to go back to stock dialer?
Pull the stock DialerTabActivity.apk from your /system/app/ directory of any ROM that has the stock dialer in it...

I will provide a stock dialer in the OP for those interested.
 
  • Like
Reactions: mayo1024#AC

sf49er4life

New member
Sep 13, 2011
1
0
0
Visit site
Re: [MOD][THEME][FROYO] Custom Themed Dialer Pads

Sounds good to me ;)
How do you install it? I downloaded the zip file and unzipped it, then i just dragged and dropped the apk file to my htc evo and tried to install it went through the whole installing phase but then it said application not installed.
 

Paul627g

AC Moderator All-Star
Moderator
Nov 25, 2010
15,963
2,752
0
Visit site
Re: [MOD][THEME][FROYO] Custom Themed Dialer Pads

How do you install it? I downloaded the zip file and unzipped it, then i just dragged and dropped the apk file to my htc evo and tried to install it went through the whole installing phase but then it said application not installed.
The DialerTabActivity.apk is different from the Epic verses you EVO so that is why it isn't installing....

Follow the directions in my tutorial in the 2nd post on how to do these yourself. That is also provided this method can be used on the EVO....

You could send me a copy of your DialerTabActivity.apk and I can take a look myself, no promised on anything ;)
 

Forum statistics

Threads
943,148
Messages
6,917,526
Members
3,158,848
Latest member
Finsrepair