Attend XDA's Second Annual Developer Conference, XDA:DevCon 2014!
5,779,023 Members 44,053 Now Online
XDA Developers Android and Mobile Development Forum
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

[THEME] ICS Lockscreen + ICS Style Pattern Lock

Tip us?
 
HTCDreamOn
Old
(Last edited by HTCDreamOn; 3rd November 2012 at 04:29 PM.) Reason: Thanks to zhuhang :)
#1  
HTCDreamOn's Avatar
Recognized Contributor - OP
Thanks Meter 677
Posts: 806
Join Date: Jun 2012
Angry [THEME] ICS Lockscreen + ICS Style Pattern Lock

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:	1628
Size:	105.0 KB
ID:	1297981   Click image for larger version

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

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

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

Name:	screenshot-1349277996469.png
Views:	736
Size:	146.2 KB
ID:	1375590  

Click image for larger version

Name:	screenshot-1349278249261.png
Views:	614
Size:	144.8 KB
ID:	1375591  
Attached Files
File Type: zip Lockscreen Icons Default.zip - [Click for QR Code] (18.4 KB, 1605 views)
File Type: zip Lockscreen Icons ICS Blue.zip - [Click for QR Code] (15.5 KB, 1656 views)
File Type: zip Screenshots Default Pattern Lock.zip - [Click for QR Code] (559.8 KB, 791 views)
File Type: zip Sreenshots Blue White Pattern Lock.zip - [Click for QR Code] (352.3 KB, 835 views)
The Following 13 Users Say Thank You to HTCDreamOn For This Useful Post: [ Click to Expand ]
 
HTCDreamOn
Old
(Last edited by HTCDreamOn; 4th October 2012 at 06:10 PM.) Reason: Emergency call button :)
#2  
HTCDreamOn's Avatar
Recognized Contributor - OP
Thanks Meter 677
Posts: 806
Join Date: Jun 2012
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:	509
Size:	132.0 KB
ID:	1375560   Click image for larger version

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

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

Name:	screenshot-1349277921931.png
Views:	375
Size:	132.7 KB
ID:	1375563  
Attached Files
File Type: zip Media Icons.zip - [Click for QR Code] (4.7 KB, 277 views)
File Type: zip Emergency Call Icons.zip - [Click for QR Code] (1.0 KB, 247 views)
File Type: zip Screenshots Media and Emergency Call.zip - [Click for QR Code] (554.8 KB, 138 views)
The Following 2 Users Say Thank You to HTCDreamOn For This Useful Post: [ Click to Expand ]
 
system.img
Old
#3  
system.img's Avatar
Senior Member
Thanks Meter 485
Posts: 2,161
Join Date: Feb 2012
Location: Chennai
Looks awesome!
 
K.A.
Old
#4  
K.A.'s Avatar
Senior Member
Thanks Meter 1283
Posts: 6,289
Join Date: Apr 2012
Quote:
Originally Posted by galaxyace152 View Post
Looks awesome!
Why...are you here?
Samsung Galaxy Ace. CM10.1 | Google Nexus 4. KitKat TIME!!

[OT][SUPPORT]DESKTOPS AND LAPTOPS AIO THREAD.[General Off-Topic]
 
A_U
Old
#5  
Recognized Contributor / Themer
Thanks Meter 4567
Posts: 3,223
Join Date: Jun 2012
Quote:
Originally Posted by King ACE View Post
Why...are you here?
and y r u here ?
Samsung Galaxy Note 2 (GT-N7100)
Baseband : NG4
ROM : Dr. Ketan V9

 




My Facebook page | My XDA Contributions



Previous Devices -

Pandigital Supernova Tablet
Samsung Galaxy Ace
Samsung Galaxy Mini
 
system.img
Old
#6  
system.img's Avatar
Senior Member
Thanks Meter 485
Posts: 2,161
Join Date: Feb 2012
Location: Chennai
Quote:
Originally Posted by King ACE View Post
Why...are you here?
I can be wherever I wanna be!
Anyways, I saw this thread on the Portal!
 
3RMD
Old
#8  
Senior Member
Thanks Meter 14
Posts: 104
Join Date: Oct 2011
Nice work. Had to modify the zip for my ldpi Wildfire. Anyone interested in resized zip for ldpi?
 
HTCDreamOn
Old
#9  
HTCDreamOn's Avatar
Recognized Contributor - OP
Thanks Meter 677
Posts: 806
Join Date: Jun 2012
Wink Thanks :D

Quote:
Originally Posted by 3RMD View Post
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: [ Click to Expand ]
 
Charger0707
Old
(Last edited by Charger0707; 11th September 2012 at 02:53 AM.)
#10  
Junior Member
Thanks Meter 1
Posts: 8
Join Date: Mar 2012
Default 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

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

Advanced Search
Display Modes