Welcome to XDA

Search to go directly to your device's forum

Register an account

Unlock full posting privileges

Ask a question

No registration required
View Poll Results: What do you prefer? ICS blue style icons or default ICS icons?
ICS Blue + White Style Icons 26 65.00%
Default ICS (Green + Red) Icons 10 25.00%
You want me to make more colours? 4 10.00%
Voters: 40. You may not vote on this poll

Post Reply

[THEME] ICS Lockscreen + ICS Style Pattern Lock

OP HTCDreamOn

2nd September 2012, 04:27 PM   |  #1  
HTCDreamOn's Avatar
OP Recognized Contributor
Thanks Meter: 985
 
865 posts
Join Date:Joined: Jun 2012
Donate to Me
More
Featured on XDA Portal Thanks guys!

Also, thanks to zhuhang for including this in his CM7 ICS / Jelly bean look and All in One ICS patch thread

UPDATE: You can now choose between ICS blue/ white style colours or the default green/ red colours for the lock rings, etc., I have attached different the applicable zips ("Lockscreen Icons ICS Blue.zip" and "Lockscreen Icons Default.zip")

Hi XDA

This is my first attempt at doing some DIY themeing, this is very simple and did not take very long to do. Before I say anything else, bear in mind you must have root, and I am not responsible if your device is bricked, set alight or abducted by aliens due to this tutorial.

Screenshots are attached

On the G1, by installing CM7 it is possible to end up with a very nice ICS looking UI. You can do this through applying AChep's ICS theme, installing the Roboto font from ICS using an app such as Type Fresh from Pixelpod INTERNATIONAL and finally from finding ports of actual ICS apps, such as Holo Launcher by Mobint.

There is one problem though, which is that the lock screen is untouchable by themes such as Sonny Sekhon's.

And so we realize that we must theme it ourselves!

The actual lockscreen itself shouldn't be a problem, as CM7 has the option to use a holo style lock ring and to be set to "minimal", and once you have installed the ICS clock font for Clockopia (note that this isn't Roboto) found here (it's in the FontPack-Roboto_E2.zip file), you have a pretty clean looking ICS lock screen (See first attachment). Note I have also set the clock, etc. to be on the right side of the screen.

Now that that's done, onto the pattern lock .

So, I don't particularly like the Gingerbread pattern lock anyway, and it looks especially horrible when everything around it is nice and ICS-y.

I found a page here which is a tutorial on how to change the look of the pattern lock, but the icons are the wrong colour and the wrong size, and some icons are missing.

For that reason, I've done the "hard" work for you , so on to the tutorial ---->



Firstly, make a nandroid backup, although there shouldn't be much risk involved with this.

The apps you will need are Ninjamorph and to make things easy, a good file explorer, I personally use Ghost Commander.


You are now ready! The steps are as follows...

1. Open up Ninjamorph, grant SU permissions. I think you need to select "Start Checks" first.
2. Select "New Project", and locate framework-res.apk, it will be under /system/framework/ .
3. Although it backs up automatically, enter your file browser, go to /mnt/sdcard/AndroidThemes/workspace/framework-resapk/res/drawable-mdpi and copy the following files to a safe location on your sdcard:

btn_code_lock_default.png
btn_code_lock_touched.png
indicator_code_lock_drag_direction_green_up.png
indicator_code_lock_drag_direction_red_up.png
indicator_code_lock_point_area_default.png
indicator_code_lock_point_area_green.png
indicator_code_lock_point_area_red.png
ic_emergency.png

4. I have attached a zip file named "Lockscreen Icons.zip", in here you will find the icons to theme the pattern lock.
5. Unzip "Lockscreen Icons.zip", then copy the contents to /mnt/sdcard/AndroidThemes/workspace/framework-resapk/res/drawable-mdpi . Notice that the icon names are the same as the ones you backed up, and also the same size. If you feel the need to edit them, do not change the name or size and do not save them as anything other than png files.
6. Open up Ninjamorph and select "Start Checks" as usual (you may need to locate back to the main screen first).
7. Select "Finish Project", then select "framework-resapk".
8. It will ask you to verify, to which you say yes, then ask if you want to zipalign, to which you will say no, I repeat: Do NOT zipalign.
9. Blah blah blah, it will do it's thing, extract and recompile the apk.
10. Now you've just got to reboot! , then admire you're ICS style pattern lock .


I've attached some screenshots of the results, the first 3 are blue/ white theme (no interaction, interaction, wrong pattern) then default green/ red theme (no interaction, wrong pattern, interaction). Note that I have swapped btn_code_lock_default.png and btn_code_lock_touched.png as they were the wrong way round. It is too difficult to get a screenshot, but when the corretc pattern is drawn the small rings/ nodes open up (become "o"s instead of filled in circles) again.

I hope this has helped, please thank me if it has and happy theming .
Attached Thumbnails
Click image for larger version

Name:	screenshot-1346578242070.png
Views:	1710
Size:	105.0 KB
ID:	1297981   Click image for larger version

Name:	screenshot-1346578315899.png
Views:	1550
Size:	121.4 KB
ID:	1297982   Click image for larger version

Name:	screenshot-1346578373945.png
Views:	1130
Size:	125.5 KB
ID:	1297983   Click image for larger version

Name:	screenshot-1349277921931.png
Views:	734
Size:	132.7 KB
ID:	1375589   Click image for larger version

Name:	screenshot-1349277996469.png
Views:	786
Size:	146.2 KB
ID:	1375590   Click image for larger version

Name:	screenshot-1349278249261.png
Views:	666
Size:	144.8 KB
ID:	1375591  
Attached Files
File Type: zip Lockscreen Icons Default.zip - [Click for QR Code] (18.4 KB, 1715 views)
File Type: zip Lockscreen Icons ICS Blue.zip - [Click for QR Code] (15.5 KB, 1791 views)
File Type: zip Screenshots Default Pattern Lock.zip - [Click for QR Code] (559.8 KB, 842 views)
File Type: zip Sreenshots Blue White Pattern Lock.zip - [Click for QR Code] (352.3 KB, 900 views)
Last edited by HTCDreamOn; 3rd November 2012 at 05:29 PM. Reason: Thanks to zhuhang :)
The Following 13 Users Say Thank You to HTCDreamOn For This Useful Post: [ View ]
4th September 2012, 11:35 AM   |  #2  
HTCDreamOn's Avatar
OP Recognized Contributor
Thanks Meter: 985
 
865 posts
Join Date:Joined: Jun 2012
Donate to Me
More
Wink Media icons + emergency call icon
All screenshots attached at bottom and also in zip file.

I have now extracted the media icons (play, pause, etc.) from the CyanogenMod 9 framework-res.apk and put together this guide so you can make your G1 even more good looking. I have done this as, although CM7 themes do change media icons, as previously mentioned, the lockscreen is not effected

but no worries just read on --->

1. Read the above tutorial so you have everything you need, etc.
2. Once you have gotten up to step 2, stop reading and follow this insead --->
3. Enter your file browser, go to /mnt/sdcard/AndroidThemes/workspace/framework-resapk/res/drawable-mdpi and copy the following files to a safe location on your sd card:

ic_media_ff.png
ic_media_next.png
ic_media_pause.png
ic_media_play.png
ic_media_previous.png
ic_media_rew.png

4. I have attached a zip file named "Media Icons.zip", in here you will find the icons to theme the media icons.
5. Unzip "Media Icons.zip", then copy the contents to /mnt/sdcard/AndroidThemes/workspace/framework-resapk/res/drawable-mdpi . Notice that the icon names are the same as the ones you backed up, and also the same size (as in image size (width, etc.), not file size). If you feel the need to edit them, do not change the name or size and do not save them as anything other than png files.
6. Open up Ninjamorph and select "Start Checks" as usual (you may need to locate back to the main screen first).
7. Select "Finish Project", then select "framework-resapk".
8. It will ask you to verify, to which you say yes, then ask if you want to zipalign, to which you will say no, I repeat: Do NOT zipalign.
9. Blah blah blah, it will do it's thing, extract and recompile the apk.
10. Now you've just got to reboot!

I have also attached "Emergency Call Icons.zip", this themes the emergency call button (transparent background, grey call icon and blue on press). Do the same as above with btn_default_pressed.9.png, btn_default_transparent_normal.9.png and ic_emergency.png .

I will attach some screenshots later. Hope you like it , if you do, thank me and happy theming.
Attached Thumbnails
Click image for larger version

Name:	screenshot-1349245329981.png
Views:	535
Size:	132.0 KB
ID:	1375560   Click image for larger version

Name:	screenshot-1349245392461.png
Views:	588
Size:	158.3 KB
ID:	1375561   Click image for larger version

Name:	screenshot-1349245542173.png
Views:	463
Size:	131.2 KB
ID:	1375562   Click image for larger version

Name:	screenshot-1349277921931.png
Views:	404
Size:	132.7 KB
ID:	1375563  
Attached Files
File Type: zip Media Icons.zip - [Click for QR Code] (4.7 KB, 304 views)
File Type: zip Emergency Call Icons.zip - [Click for QR Code] (1.0 KB, 270 views)
File Type: zip Screenshots Media and Emergency Call.zip - [Click for QR Code] (554.8 KB, 169 views)
Last edited by HTCDreamOn; 4th October 2012 at 07:10 PM. Reason: Emergency call button :)
The Following 2 Users Say Thank You to HTCDreamOn For This Useful Post: [ View ]
6th September 2012, 01:37 PM   |  #3  
system.img's Avatar
Senior Member
Flag Chennai
Thanks Meter: 486
 
2,178 posts
Join Date:Joined: Feb 2012
More
Looks awesome!
6th September 2012, 02:41 PM   |  #4  
K.A.'s Avatar
Senior Member
Thanks Meter: 1,283
 
6,293 posts
Join Date:Joined: Apr 2012
More
Quote:
Originally Posted by galaxyace152

Looks awesome!

Why...are you here?
6th September 2012, 03:44 PM   |  #5  
Recognized Contributor / Themer
Flag Wichita
Thanks Meter: 4,605
 
3,223 posts
Join Date:Joined: Jun 2012
More
Quote:
Originally Posted by King ACE

Why...are you here?

and y r u here ?
6th September 2012, 04:35 PM   |  #6  
system.img's Avatar
Senior Member
Flag Chennai
Thanks Meter: 486
 
2,178 posts
Join Date:Joined: Feb 2012
More
Quote:
Originally Posted by King ACE

Why...are you here?

I can be wherever I wanna be!
Anyways, I saw this thread on the Portal!
6th September 2012, 06:50 PM   |  #7  
HTCDreamOn's Avatar
OP Recognized Contributor
Thanks Meter: 985
 
865 posts
Join Date:Joined: Jun 2012
Donate to Me
More
Wink Thanks!
Quote:
Originally Posted by galaxyace152

Looks awesome!

Glad you like it
7th September 2012, 09:55 PM   |  #8  
Senior Member
Thanks Meter: 14
 
104 posts
Join Date:Joined: Oct 2011
More
Nice work. Had to modify the zip for my ldpi Wildfire. Anyone interested in resized zip for ldpi?
8th September 2012, 08:11 PM   |  #9  
HTCDreamOn's Avatar
OP Recognized Contributor
Thanks Meter: 985
 
865 posts
Join Date:Joined: Jun 2012
Donate to Me
More
Wink Thanks :D
Quote:
Originally Posted by 3RMD

Nice work. Had to modify the zip for my ldpi Wildfire. Anyone interested in resized zip for ldpi?

Yeah, forgot to say, but obviously anyone feel free to make this better / resize for another device , This isn't all my original work as half the icons are resized and recoloured from another device.
The Following User Says Thank You to HTCDreamOn For This Useful Post: [ View ]
11th September 2012, 03:35 AM   |  #10  
Junior Member
Thanks Meter: 1
 
8 posts
Join Date:Joined: Mar 2012
Samsung Galaxy S II T989
Can someone resize the icons for the Galaxy S II T989 PLEASE?
The Dots are to small for my phone can someone teach me to rezsize or do it for me Please?
-Thanks
Last edited by Charger0707; 11th September 2012 at 03:53 AM.

Post Reply Subscribe to Thread

Tags
ics, lock screen, lockscreen, ninjamorph, pattern lock
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes