[GUIDE] 4x5 Rosie for Sense 4 ICS - Sprint HTC EVO 4G LTE

Finally got the time to hack some files to make 4x5 Sense rosie available on the Evo 4G LTE. This post is like most guides: assumes some knowledge of apktool, hex editing, and other programming "skills". Note that this post is designed for 720p displays so the numbers like the cell gaps might have to be modified if your phone is other than 720 x 1280 resolution, but the basics should still work. Also, as of this time, there are no M10 editing tools that work with Sense 4 so if some become available, obviously the best method of changing the M10 files will change (you won't have to use a hex editor). That said, the basics will still guide you through what you need to do in order to get 4x5 rosie working on your Sense 4 ROM.
First, let's edit the relevant m10 files
Once you've decompiled Rosie.apk from your ROM, we will edit these m10 files with a hex editor. We only need to change 3 bytes in one file and one byte in the second m10 file:
First, open \assets\Port\rosie_screen.m10 in your hex editor. I use XVI32. Search for "cell on Y" without the quotes. Note that you must use a unicode search (because there are zeroes between each character). Either that, or search for the hex string that is displayed in the window below instead. There should only be one occurrence. When you get there, we want to change the "4" that follows that and the "80" associated with the cell gap. We'll change the "4" to a "5" and the cell gap from "80" to "70". You can only reduce the cell gap slightly because many multi-cell widgets take up not only multiple rows, but also assume a certain size for the cell gap. Taking the value from 80 to 70 seems to be the best compromise for fitting all the icons (and text) and not overlapping 2-row widgets. Here's a screen shot showing the two values that got changed. When done editing, save the changes to the rosie_screen.m10 file.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
After you've edited \assets\Port\rosie_screen.m10 as above, go to \assets\Land\rosie_screen.m10 and do the edits as above but only do the first edit: changing the 4 to a 5. In landscape mode, there's already only a 10 pixel gap between cells and you really can't reduce it. Landscape rosie at 4x5 is a compromise at best, but it does work without changing the gap... although with a bit of unavoidable overlap.
m10 editing done, now let's edit the XML files
Open \res\values\integers.xml and we'll change the bottom line from a 4 to a 5. It should look like this after edited:
Code:
<integer name="config_folderCellCountY">5</integer>
Open \res\values-normal-port-xhdpi\integers.xml and changeone 4 to a 5. This is how the line look after edited:
Code:
<integer name="config_cellLayoutCellCountY">5</integer>
Open \res\values-normal-port-xhdpi\dimens.xml and change one 80 to a 26. This is how the two lines look after edited:
Code:
<dimen name="workspace_height_gap">26.0px</dimen>
Open \res\values-normal-land-xhdpi\integers.xml and change one 4 to 5 near the top. This is how the line looks after edited:
Code:
<integer name="config_cellLayoutCellCountY">5</integer>
Open \res\values-normal-land-xhdpi\dimens.xml and change one 155 to 122 near the top/middle. This is how the line looks after edited:
Code:
<dimen name="workspace_cell_height">122.0px</dimen>
That's it. Recompile with the modified m10 and xml files and you should have a working 4x5 rosie for Sense 4. Note that the "xhdpi" folder is what is used on 720p phones like the Evo 4G LTE and One X. If your phone uses quarter-HQ (QHD), the files you'll want to edit will be the same XML files but in a different folder (like hdpi instead of xhdpi).
Mike

reserved

Woooo first? Lol
Sent from my EVO using Tapatalk 2

Thanks mike.
Sent from my EVO using xda app-developers app

Looks good. This was one of the more annoying things about Sense while I was still using it.

How are you not a rec dev
Sent from my EVO using xda premium

Awesome.
Sent from my White EVO LTE on Tapa2

Great job Mikey. I'd love to see some screenshots...

ssojyeti2 said:
Great job Mikey. I'd love to see some screenshots...
Click to expand...
Click to collapse
Sent from my Mean Evo LtE

almost
this is what i got following the op
(perhaps because i selected Sense 4 instead of ICS in apk changer)
in the op, the 3rd xml file edit,
dev mentions two, but only one edit and line is listed

Its nice to see a dev share their work that they figured out :victory: Big props on beings a nice dude you sir will be the first person i donate to when i get back from vagas

fernando sor said:
How are you not a rec dev
Sent from my EVO using xda premium
Click to expand...
Click to collapse
+1 Mikey knows his stuff and his Rom is the best!

would there be a way in these same files to remove the names under the shortcuts and/or adjust the size of the app drawer? How would we go about exploring these?

removed ...

mikeyxda said:
Finally got the time to hack some files to make 4x5 Sense rosie available on the Evo 4G LTE. This post is like most guides: assumes some knowledge of apktool, hex editing, and other programming "skills". Note that this post is designed for 720p displays so the numbers like the cell gaps might have to be modified if your phone is other than 720 x 1280 resolution, but the basics should still work. Also, as of this time, there are no M10 editing tools that work with Sense 4 so if some become available, obviously the best method of changing the M10 files will change (you won't have to use a hex editor). That said, the basics will still guide you through what you need to do in order to get 4x5 rosie working on your Sense 4 ROM.
First, let's edit the relevant m10 files
Once you've decompiled Rosie.apk from your ROM, we will edit these m10 files with a hex editor. We only need to change 3 bytes in one file and one byte in the second m10 file:
First, open \assets\Port\rosie_screen.m10 in your hex editor. I use XVI32. Search for "cell on Y" without the quotes. Note that you must use a unicode search (because there are zeroes between each character). Either that, or search for the hex string that is displayed in the window below instead. There should only be one occurrence. When you get there, we want to change the "4" that follows that and the "80" associated with the cell gap. We'll change the "4" to a "5" and the cell gap from "80" to "70". You can only reduce the cell gap slightly because many multi-cell widgets take up not only multiple rows, but also assume a certain size for the cell gap. Taking the value from 80 to 70 seems to be the best compromise for fitting all the icons (and text) and not overlapping 2-row widgets. Here's a screen shot showing the two values that got changed. When done editing, save the changes to the rosie_screen.m10 file.
After you've edited \assets\Port\rosie_screen.m10 as above, go to \assets\Land\rosie_screen.m10 and do the edits as above but only do the first edit: changing the 4 to a 5. In landscape mode, there's already only a 10 pixel gap between cells and you really can't reduce it. Landscape rosie at 4x5 is a compromise at best, but it does work without changing the gap... although with a bit of unavoidable overlap.
m10 editing done, now let's edit the XML files
Open \res\values\integers.xml and we'll change the bottom line from a 4 to a 5. It should look like this after edited:
Code:
<integer name="config_folderCellCountY">5</integer>
Open \res\values-normal-port-xhdpi\integers.xml and changeone 4 to a 5. This is how the line look after edited:
Code:
<integer name="config_cellLayoutCellCountY">5</integer>
Open \res\values-normal-port-xhdpi\dimens.xml and change one 80 to a 26. This is how the two lines look after edited:
Code:
<dimen name="workspace_height_gap">26.0px</dimen>
Open \res\values-normal-land-xhdpi\integers.xml and change one 4 to 5 near the top. This is how the line looks after edited:
Code:
<integer name="config_cellLayoutCellCountY">5</integer>
Open \res\values-normal-land-xhdpi\dimens.xml and change one 155 to 122 near the top/middle. This is how the line looks after edited:
Code:
<dimen name="workspace_cell_height">122.0px</dimen>
That's it. Recompile with the modified m10 and xml files and you should have a working 4x5 rosie for Sense 4. Note that the "xhdpi" folder is what is used on 720p phones like the Evo 4G LTE and One X. If your phone uses quarter-HQ (QHD), the files you'll want to edit will be the same XML files but in a different folder (like hdpi instead of xhdpi).
Mike
Click to expand...
Click to collapse
Is it possible to create a flashable version or automated version of this mod? Thanks!
~ Mike

michael.stollaire said:
Is it possible to create a flashable version or automated version of this mod? Thanks!
~ Mike
Click to expand...
Click to collapse
+1
Sent from my EVO using xda premium

michael.stollaire said:
Is it possible to create a flashable version or automated version of this mod? Thanks!
~ Mike
Click to expand...
Click to collapse
you mean you're not using his ROM ? tsk tsk
4x5 with/without 360 is available in Mean ROM
this is from private betatest i'm running (not Mean ROM)
following the op guide,
i got 4x5 working on it -
thanks for posting and sharing this info, op.

@mikeyxda -
Now that m10 tools is out and working via VTS, this method is no longer needed. I just modded rosie for superLTE ROM base and it worked better and easier than this.
Essentially the "correct" way to do this now would be the way that jeffsanace originally discoved on the evo3D with some tweaking.
In rosie screen m10 you change the Y cells to 5, you had the spacing at 70 which is not correct, he and I discovered today that it is 100 for the LTE (after some testing)
Also the only edits needed in values are in integers near the bottom, change cell folder Y from 4 to 5, and then in values-normal-port-xhdpi near the top do the same thing. nothing at all in dimensions or other folders.
that's it, easy peasy, spacing is correct and all that jazz.
If you want the apk feel free to pull that from our svn, otherwise our write a more professional tutorial later on, thanks for breaking ground, hope you enjoy the new method and no spacing issues

il Duce said:
@mikeyxda -
Now that m10 tools is out and working via VTS, this method is no longer needed. I just modded rosie for superLTE ROM base and it worked better and easier than this.
Essentially the "correct" way to do this now would be the way that jeffsanace originally discoved on the evo3D with some tweaking.
In rosie screen m10 you change the Y cells to 5, you had the spacing at 70 which is not correct, he and I discovered today that it is 100 for the LTE (after some testing)
Also the only edits needed in values are in integers near the bottom, change cell folder Y from 4 to 5, and then in values-normal-port-xhdpi near the top do the same thing. nothing at all in dimensions or other folders.
that's it, easy peasy, spacing is correct and all that jazz.
If you want the apk feel free to pull that from our svn, otherwise our write a more professional tutorial later on, thanks for breaking ground, hope you enjoy the new method and no spacing issues
Click to expand...
Click to collapse
ok duce. sometime this week please show me how easy peasy it is for this noob, if you would. thanks.
Sent from my SPH-L710 using xda premium

lowetax said:
ok duce. sometime this week please show me how easy peasy it is for this noob, if you would. thanks.
Sent from my SPH-L710 using xda premium
Click to expand...
Click to collapse
lol, I just did. jk,
First go get VTS (virtuous ten studio) then hit me up on gtalk (or PM me your gtalk) and I'll walk you thru it. I might put up a tut, jeff might put up a tut, since really this is HIS mod. But not all right away and stuff, we be busy

Related

{How-To} Animated Status Bar Pull Down

Hello hello everyone. I recently picked up this Atrix and thought I would mess around with it a bit. I searched the forums here a couple of times and didn't see anything about the animated pull downs so thought I would whip one up for you to enjoy. If you haven't heard of this modification, it's it exactly how it sounds... When you slide down the notification / status bar screen the animation will start and will cycle through on repeat. Imagine it kind of like the looping part of the boot animation playing on the screen. I am not the creator of this modification. It was first presented here: http://www.droidforums.net/forum/droid-themes/151983-animated-status-bar-pulldown-gb-roms.html So special thanks to Alastrionia!
Instructions for Windows users... (Linux users: You should be able to follow along, as the idea is the same in both)
Things you will need:
The knowledge that whatever you do with this information is YOUR responsibility and not mine, nor the creators / developers of the mod and / or rom.
Basics -
Working computer.
Time.
Patience.
Animation / Idea for making your own animation.
Computer Programs -
Java: http://www.java.com/en/download/chrome.jsp?locale=en
Apk Manager: http://forum.xda-developers.com/showthread.php?t=695701
Command Prompt: Start Menu > Search/Run box > Type: CMD > Hit Enter
Text Editor (Suggested - Notepad++: http://notepad-plus-plus.org/download/v5.9.3.html)*
Archive Managing program (ie WinZip, WinRar, 7zip) (Suggested - 7zip: http://www.7-zip.org/download.html)*
Image Manipulation program - (whether it be Photoshop, Paint.Net, or GIMP we'll refer to it as PIMP for short from now on)
(Suggested - Dark Silent GIMP: http://dl.dropbox.com/u/9903887/PCApps/Dark_Gimp.rar)*
If wanting to make one with images from a video you will also need -
A Video (if you are wanting to use one from, say, www.youtube.com then you would copy/paste that web address to a site like www.savevid.com Hit Download, Run Java Applet and select size/quality)
Video Editor (Suggested - iWiSoft Free Video Converter: http://www.iwisoft.com/videoconverter/)*
Apks -
SystemUI.apk (rom.zip > system > app > SystemUI.apk)
framework-res.apk (rom.zip > system > framework > framework-res.apk)
moto-res.apk (rom.zip > system > framework > moto-res.apk)
blur-res.apk (rom.zip > system > framework > blur-res.apk)
Move apks to the "other" folder in the Apk Manager.
(Let's say my Apk Manager folder is on my Desktop and I have renamed it ApkManager.)
The path to move the apks to would be:
C:\Users\es0tericcha0s\Desktop\ApkManager\other
Change directories to the "other" folder which you moved the apks to. In Command Prompt:
cd C:\Users\es0tericcha0s\Desktop\ApkManager\other
Enter these 3 commands:
java -jar apktool.jar if framework.res.apk <Enter>
java -jar apktool.jar if moto-res.apk <Enter>
java -jar apktool.jar if blur-res.apk <Enter>
Place SystemUI.apk in the Apk Manager place-apk-here-for-modding folder.
Double Click the Script.
Choose 22.
Choose the number of SystemUI and hit Enter.
Choose 9 for Decompile.
Naviage to Apk Manager > projects > SystemUI > res > drawable hdpi > status_bar_background_animationX.png and open your PIMP.
Edit to your heart's delight.
Common Question:
How big does the image need to be? - The screen size is 540 px x 960 px. However, I didn't even think to check this as I am used to 480 x 854 from my last few phones, and it looks fine... Your results may vary.
What kind of animation should I do? - Only you can answer that! If you are having trouble of thinking of ideas, browse the forums and see if you can't find some ideas. Search www.youtube.com for a cool video. Play with some creating some logos. Only limitation is your imagination.
After editing images...
status_bar_background_animation
Navigate to Apk Manager > projects > SystemUI > res > drawable > status_bar_background_animation.xml and open with your Text Editor. Here you will be able to adjust for the amount of images you want and the speed of the image changes. You can just go from 1 - "X" number sequentially or you can have the images go 1-2-3-4-5-6-5-4-3-2 etc. depending on the style of animation or if you are trying to keep the image number down.
Save xml.
Common questions:
How many images can I have? - I'm not sure. The one I made has 31 and there have been no issues whatsoever. The original Droid would not like many on most roms, but the difference in power and speed of the two are vast, as I am sure you are aware of. With the amount of RAM / processing power, I'm sure you could easily have 50 or more.
What duration should I change the animation to? - Again, this really depends on what you are going for. How the animation looks, how many images you have, etc. I did not change mine for the default "200" Trial and error ftw!
After that... (it really does not matter what order you do these in, but this might help you the first time or two to have a set path)
Navigate to Apk Manager > projects > SystemUI > res > layout > status_bar_tracking.xml and open with Text Editor.
Find -
android:background="@android:color/transparent"
Change to -
android:background="@drawable/status_bar_background_animation"
Save xml.
{Now I wanted to try and keep both the transparent color and the animation but I could not figure out how to do a double attribute. If you know what that is, and have ideas on how to implement in this case, lemme know please.}
-What that means to the layperson is that I am not sure how to control the transparency quite yet.-
After you have edited your images and xml and saved all of them go back to the script for Apk Manager and choose 11 to compile. After it finishes it will ask you if it is a system apk (Y/N). "Y" + Enter. It will ask you if you want to keep blah blah blah (Y/N). "Y" + Enter.
Go to the "keep" folder in Apk Manager > keep and delete the "res" folder and the resources.arsc file (this is the lazy way ).
Go back to the Apk Manager script and hit Enter.
The apk will be completed and named unsignedSystemUI.apk and you will find it in the "place-here-for-modding" folder. Even though it says unsigned, it is signed and you will not need to do anything else to it beyond renaming it to SystemUI.apk. This new finished SystemUI.apk will be added to a flashable zip file in this format (open zip as archive to not break the signature):
flashable.zip > system > app > replace previous SystemUI.apk
Place this on your SD card and install via ClockworkMod Recovery. You will not need to wipe data or cache for this.
The example that I have made is themed for the Alien Rom (green version) built by developer kennethpenn and showcased here: http://forum.xda-developers.com/showthread.php?t=1186537 - So the rest of the thanks go to him as I like the rom and it inspired me to make this in the first place.
http://dl.dropbox.com/u/9903887/AlienPullDown.zip
It is the Alien text from his thread that each letter fades in 1 at a time after each other and then it glows and fades away, then repeats. Nothing crazy, just wanted something that went with the rom that would not be offensive to anyone. It's a good base to use since I have already have all of the fixes there that you could edit to your liking. If you would prefer the stock images vs. the green Alien theme from the rom, then find the SystemUI.apk of the rom you are using and open both the stock SystemUI and the flashable zip as archives and replace the images of all but the status_bar_background_animationX.pngs.
Sorry if this seems crazy difficult, but I just wanted to be thorough so even relatively new people can at least see how it is made. If you need help, hit me up on Talk with my screen name. Enjoy!
*I receive no form of compensation for these recommendations. I merely suggest them as they are free, have a fair amount of support, and work well enough for me.*
I made a how to on this a while back,
http://forum.xda-developers.com/showpost.php?p=16184786&postcount=88
Haha. Nice. I searched the forum three different ways and didn't find anything. Ah well. There's still a new animated pull down for Alien rom users.
Oh - That and XDA has the thread suggestion box when you first go to post a new thread title too, and it wasn't there. XDA needs to partner with Google for the search engine algorithm. Heh
I just flashed this using Romracer unlocked CWM over top of Alien 4 w/theme. It worked beautifully.
Here is screenshot
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Thanks for the screenshot. I was trying to take some video earlier, but couldn't get it to work right...
es0tericcha0s said:
Thanks for the screenshot. I was trying to take some video earlier, but couldn't get it to work right...
Click to expand...
Click to collapse
It definitely took a bunch of shots to get it just right.
es0tericcha0s said:
Thanks for the screenshot. I was trying to take some video earlier, but couldn't get it to work right...
Click to expand...
Click to collapse
Any chance you could make one that has Android on it.
Sent from my MB860 using XDA Premium App
You can also use the ultimate online theme kitchen to add an animated pull down. They have several on there already.
Sent from my 2.3.4 Atrix with an unlocked bootloader!
coldfusionb said:
Any chance you could make one that has Android on it.
Sent from my MB860 using XDA Premium App
Click to expand...
Click to collapse
I could be persuaded... What color text do you want? Do you want it to just have the letters fade in and glow like the Alien text? Lemme know and I'll see what I can do.
es0tericcha0s said:
I could be persuaded... What color text do you want? Do you want it to just have the letters fade in and glow like the Alien text? Lemme know and I'll see what I can do.
Click to expand...
Click to collapse
I would love to have it GB green and fade in. I think that will go with more roms. Thanks
Sent from my MB860 using XDA Premium App
Excellent work! I got this working perfectly on my ATRIX. Built it myself following your instructions instead of copying and pasting, just to make sure I got it right. However, I tried porting to my captivate themes and it just sits at the first animation.png. Its a gb 2.3.4 rom that uses systemui.apk, the modded systemui.apk recompiled perfectly, I made the shade_bg.png transparent, as well as status_bar_background_.png just for good measure, but no animation. Pulled it down several times, all animations are on, tried rebooting, tried reflashing, and its not working. I literally did everything the exact same way on both devices, works on ATRIX but not cappy. Weird.... Anyone have any ideas to help me out?
Sent from my MB860 using XDA Premium App
10tonhammr said:
Excellent work! I got this working perfectly on my ATRIX. Built it myself following your instructions instead of copying and pasting, just to make sure I got it right. However, I tried porting to my captivate themes and it just sits at the first animation.png. Its a gb 2.3.4 rom that uses systemui.apk, the modded systemui.apk recompiled perfectly, I made the shade_bg.png transparent, as well as status_bar_background_.png just for good measure, but no animation. Pulled it down several times, all animations are on, tried rebooting, tried reflashing, and its not working. I literally did everything the exact same way on both devices, works on ATRIX but not cappy. Weird.... Anyone have any ideas to help me out?
Sent from my MB860 using XDA Premium App
Click to expand...
Click to collapse
Thanks! I tried to be super thorough to make it as painless as possible for you. I know it sucks to have to piece together everything through a bunch of threads (not a knock against the author of the other thread, as I was unaware when I first posted). As far as for the Captivate, my first thought is that if it is a TouchWiz based rom, then you will also need to make the same adjustment in the TWFramework (I think) in the /system/framework/TWFramework.apk That or whatever the main TouchWiz apk is in framework. I had a Fascinate for a brief period of time and it had something or other to do with that. Hope that helps!
es0tericcha0s said:
Thanks! I tried to be super thorough to make it as painless as possible for you. I know it sucks to have to piece together everything through a bunch of threads (not a knock against the author of the other thread, as I was unaware when I first posted). As far as for the Captivate, my first thought is that if it is a TouchWiz based rom, then you will also need to make the same adjustment in the TWFramework (I think) in the /system/framework/TWFramework.apk That or whatever the main TouchWiz apk is in framework. I had a Fascinate for a brief period of time and it had something or other to do with that. Hope that helps!
Click to expand...
Click to collapse
Thanks for the reply. I'll definitely look into it, but the twframework-res.apk was rendered almost obsolete and useless in the gb builds. Everything status bar related was moved to the sysui.apk. Having said that, it will of course turn out to be the problem. Thanks again, and ill report back.
Sent from my MB860 using XDA Premium App
One of my friend's pointed out a couple of other potential culprits could be image size and / or timing on the animations. Have to remember that the Atrix will be able to play larger animations much more smoothly than the Captivate could (not that it isn't a nice phone, but still single vs dual core...). Just in case the TouchWiz stuff doesn't pan out...
es0tericcha0s said:
One of my friend's pointed out a couple of other potential culprits could be image size and / or timing on the animations. Have to remember that the Atrix will be able to play larger animations much more smoothly than the Captivate could (not that it isn't a nice phone, but still single vs dual core...). Just in case the TouchWiz stuff doesn't pan out...
Click to expand...
Click to collapse
Yea, the TW stuff did not pan out. I tried tweaking the anim speed, to no avail. The one I'm using is only 9 frames and played perfectly on my atrix, so I'll try tweaking the image sizes. Thanks for the ideas. Its driving me nuts, lol. WORK, DAMN YOU, WORK!!
I tried making a 30+ frame animation back when I first starting messing with this and it caused SystemUI to FC so I think there is a limit, but I don't know what it is. Ive got 15 frames working fine.
9 images, sounds familiar.
The ALIEN animation is 31 images, and I haven't had any issues with that one. It's not large though since it is a semi transparent background and just text. If you want, I could take a look at what you are working on and see if I don't see something that might be tweaked?
es0tericcha0s said:
The ALIEN animation is 31 images, and I haven't had any issues with that one. It's not large though since it is a semi transparent background and just text. If you want, I could take a look at what you are working on and see if I don't see something that might be tweaked?
Click to expand...
Click to collapse
Thanks guys, but I think I found the problem. Reviewing the stat bar tracking.xml code at work D) and there is some missing code that appears in the ATRIX sysui.apk and not in the cappy version. Ill be testing tonight and report back.
Sent from my MB860 using XDA Premium App
Hey there guys. Sorry, but I have already moved on to another phone, so can't really do much more to help with this one. The Atrix was meant to be my next phone, but shortly after purchasing my first GSM phone, I learned that that version of the phone is not completely compatible with the HSPA+ bands of T-Mo so I sold it to get a LG G2x. I wish you all luck with modding your phone and if you do have specific questions, I will be more than willing to try and provide assistance, but I will no longer have the time to make more stuff for the phone such as the "Android" pull down I was working before. Good luck and good night.

Lockscreen rings?

Lockscreen rings? Anyone? I've been playing with editor and had little success.
Sent from my HTC Flyer P510e using xda premium
Yeah, +1. It would be wonderful to get custom lockscreen rings on the Flyer. Just one question though: What editor are you talking about, @Ryno_666?
I'm planning on it. I have a lock ring thread in the EVO 3D section. I just got the Wi-Fi only Flyer yesterday and I really haven't had much time to play with it. I just hope the apks that need to be edited are able to be decompiled with m10 tools.
pndo1 said:
Yeah, +1. It would be wonderful to get custom lockscreen rings on the Flyer. Just one question though: What editor are you talking about, @Ryno_666?
Click to expand...
Click to collapse
M10 editor and custom.lockscreen tool.
Sent from my HTC Flyer P510e using xda premium
triscuit1983 said:
I'm planning on it. I have a lock ring thread in the EVO 3D section. I just got the Wi-Fi only Flyer yesterday and I really haven't had much time to play with it. I just hope the apks that need to be edited are able to be decompiled with m10 tools.
Click to expand...
Click to collapse
I like your work on 3VO hope you can figure it out. I tried decompile and it borks the file.
Sent from my HTC Flyer P510e using xda premium
Just an update in case anyone cares, I've finally been able to get into some of the apks to see what I can find and it looks like I'll be able to make some rings. The apks are not built the same as the ones I'm used to, so give me some time to play with them and see what I can do.
I'm playing with the stock Wi-Fi only from Best Buy ROM - 1.36.1540.32. I don't know whether or not it will end up working for other ROMs.
triscuit1983 said:
Just an update in case anyone cares, I've finally been able to get into some of the apks to see what I can find and it looks like I'll be able to make some rings. The apks are not built the same as the ones I'm used to, so give me some time to play with them and see what I can do.
I'm playing with the stock Wi-Fi only from Best Buy ROM - 1.36.1540.32. I don't know whether or not it will end up working for other ROMs.
Click to expand...
Click to collapse
Have you been able to get the default shared.m10 file in fusion to compile? (After decoding the images) ..thats where the lockring is. An alternative would be to edit the lockring in the m10 files for the bluesky or burgondy htc skins (these are also in fusion.apk) and then switch to that htc skin to see the changes.
Sent from my HTC Flyer.
Scabes24 said:
Have you been able to get the default shared.m10 file in fusion to compile? (After decoding the images) ..thats where the lockring is. An alternative would be to edit the lockring in the m10 files for the bluesky or burgondy htc skins (these are also in fusion.apk) and then switch to that htc skin to see the changes.
Sent from my HTC Flyer.
Click to expand...
Click to collapse
I've been able to get everything to compile properly, at least that's what it looks like, but anytime I move it to the device I'm left without a lockscreen (no images on the screen, just the wallpaper with no way to unlock). Even with simple 1 image edits not related to the lockscreen, just in the fusion.apk.
There are actually several places that the lock ring image is present, in several different sizes. It's hard to tell which is being used. I've found lock ring images in multiple m10 files within fusion.apk, Idlescreen_Base.apk, and Idlescreen_shortcut.apk.
A personal goal of mine with this is to remove the lockscreen shortcuts. I know how to get it done, but I just can't seem to get anything to take. I suppose this could mean that m10 tools is not yet compatible. I just don't understand why it looks as if the apks/m10 files are compiling properly if they're not.
triscuit1983 said:
I've been able to get everything to compile properly, at least that's what it looks like, but anytime I move it to the device I'm left without a lockscreen (no images on the screen, just the wallpaper with no way to unlock). Even with simple 1 image edits not related to the lockscreen, just in the fusion.apk.
There are actually several places that the lock ring image is present, in several different sizes. It's hard to tell which is being used. I've found lock ring images in multiple m10 files within fusion.apk, Idlescreen_Base.apk, and Idlescreen_shortcut.apk.
A personal goal of mine with this is to remove the lockscreen shortcuts. I know how to get it done, but I just can't seem to get anything to take. I suppose this could mean that m10 tools is not yet compatible. I just don't understand why it looks as if the apks/m10 files are compiling properly if they're not.
Click to expand...
Click to collapse
I was able to get partial image but disappeared after move.
I wonder if you aren't on to something about m10 tools incompatibility.
I was in Idlescreen_Base apk...
Sent from my PG86100 using xda premium
Ryno_666 said:
I was able to get partial image but disappeared after move.
I wonder if you aren't on to something about m10 tools incompatibility.
I was in Idlescreen_Base apk...
Sent from my PG86100 using xda premium
Click to expand...
Click to collapse
I think the images in idlescreen base are only for when there's action on the lockscreen (music playing..), the main lockring is in the default m10 file in fusion (2 images, one for lock rest and one for unlock) the other rings you see in fusion are for the htc skins. After testing a while back I found that the only file that m10 editor has trouble with is the default m10 file. Lee said he was planning on taking a look at the editor and hopefully come up with a fix. But if not, Daimondback has been working on rebuilding m10tools for some time now and i mentioned this issue to him about a month ago.
Sent from my HTC Flyer.
This is unrelated, sort of, but I hate starting a new thread to ask a question.
Does anyone know if the Flyer is using the mdpi files or the hdpi files? I've been messing with UOT and choosing hdpi and everything I've been making is looking oversized or not being themed at all. Most of the apks I've looked in have mdpi files as well as hdpi. A few have only mdpi.
triscuit1983 said:
This is unrelated, sort of, but I hate starting a new thread to ask a question.
Does anyone know if the Flyer is using the mdpi files or the hdpi files? I've been messing with UOT and choosing hdpi and everything I've been making is looking oversized or not being themed at all. Most of the apks I've looked in have mdpi files as well as hdpi. A few have only mdpi.
Click to expand...
Click to collapse
The flyer uses mdpi. You can try using a theme porter script that has hdpi to mdpi toggle (search for theme porter script).
Sent from my HTC Flyer.
I will be looking into this as well this weekend, we need to spice up our Tabs.. (Evo View)
GODZSON said:
I will be looking into this as well this weekend, we need to spice up our Tabs.. (Evo View)
Click to expand...
Click to collapse
I wish you luck
I would try looking at the data.xml in the default m10 file in fusion before diving into the editor, its strange that it can decompile and decode the images without issues untill trying to compile/save..
Sent from my HTC Flyer.
Found some work arounds and got to what I was talking about earlier with no shortcuts...
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Everything I did was within fusion.apk.
triscuit1983 said:
Found some work arounds and got to what I was talking about earlier with no shortcuts...
Everything I did was within fusion.apk.
Click to expand...
Click to collapse
Care to share how you did it?
Sent from my HTC Flyer.
triscuit1983 said:
Found some work arounds and got to what I was talking about earlier with no shortcuts...
Everything I did was within fusion.apk.
Click to expand...
Click to collapse
When you modified how did you keep image? I still get partials but they stick I too am in fusion apk only.
Sent from my PG86100 using xda premium
This is still a work in progress and I feel like it should be way easier but this is what I did. Also, I did not make any changes to the properties of the m10 files, this is only image editing so far...
1. Use apktool to decompile fusion.apk
2. Open M10Editor.exe and drag the m10 file you want to decompile to it (I started with the shared.10 in /Default/drawable)
3. The dialog box will say "M10 successfully loaded!" and there may be a Close button or a Cancel button underneath. Either way click the button to close the dialog box.
4. Go the the m10 Files tab and highlight the only file shown.
5. Check the Decode Images check box and click Decompile/Show button.
6. Once it decompiles and moves you to the Editor tab, close M10Editor.exe.
7. Look back in the /Default/drawable folder and there will be a new folder called "shared".
8. Go through the shared folder and make the edits you'd like. Don't change the dimensions of any of the files (eg. if its 289x288, leave it 289x288)
9. Once you're done use command prompt to compile. Make sure you cd to the m10 tools folder before attempting any commands. Here are the the commands I used...
Code:
m10encoder C:\Users\[I]my name[/I]\Desktop\fusion\assets\Default\drawable\shared C:\Users\[I]my name[/I]Destktop\fusion\assets\Default\drawable\shared.10
10. This will replace the shared.m10 file in /Default/drawable.
11. Delete the shared folder.
12. Use apktool to compile the apk. (I did the same stuff to the shared.10 in /Default/drawable_land before compiling. You should be able to do the same to the BlueSky and Burgundy folders.)
I used adb to push the fusion.apk to my phone. To remove the shortcuts I made the icon holder transparent while editing. Once the apk was on my Flyer, I downloaded an app I didn't care about and set each shortcut to that. Then I deleted the app. Shortcuts gone.
It doesn't look like Idlescreen_Base.apk needs to be edited but I could be wrong.
Did this to a T but would not replace the shared.m any ideas?
Sent from my HTC Flyer P512 using xda premium
Ryno_666 said:
Did this to a T but would not replace the shared.m any ideas?
Sent from my HTC Flyer P512 using xda premium
Click to expand...
Click to collapse
I can't say I know what the difference between my setup and yours is, but it seems your not the only one having the issue. I've been able to edit the fusion.apk this way, but not the Idlescreen_Base.apk. Still having trouble figuring out the trick as of right now.

[Guide] [Miui] Introductory Guide To Theming! [Updated 11/14/11]

An Introductory Guide To Theming Miui
Much like CM7’s theme chooser, Miui has it’s own powerful theme engine. If you’ve ever wanted to create your own theme or have a theme that you like, but want to make some personalized changes; then this guide’s for you. This guide is intended as a supplement to Team D3rp’s thread; [Guide][Reference] An Intro to Themeing. Please keep all questions, comments, and suggestions in this thread Miui related also feel free to hit us up at #miuithemes on the IRC. General theme questions, image editing questions, xml editing questions, or anything of that nature should be asked in the afore mentioned thread. Before we begin it’s necessary to thank scott951 and bigrushdog for there past, present, and future work on this rom. In addition, thanks to toastcfh & Cayniarb for they’re work on the AOSP kernel, to bliind for his ongoing IRC support, tips & tricks, and lastly thank you to Team D3rp (il Duce, ranger61878, thoughtlesskyle, vanessaem, dkdude36, jdeloach, and pstevep), all the old HeroC guys, the many talented themers, and everyone else on XDA and IRC who continue to advance my knowledge of the Android Operating System.
To begin your adventure into the world of Miui theming you will need some tools, listed below:
7zip or similar archiving program
Notepad ++ or similar text editor
gimp or another image editor of your liking
Root Explorer (or your prefered file manager with root access)
Patience, patience, patience
Time, time, time
A willingness to bork your theme over and over again until you’re satisfied with how it looks
Recommended knowledge of adb and/or Android Commander- not required but may save you the time of having to restore a nand.
Table Of Contents: for your convenience in finding specific areas of help.
Lesson 1: File Structure
Lesson 2: Beginning Your Theme
Lesson 3: Lockscreens
Lesson 4: Changing Icons
Lesson 5: SystemUI
Lesson 1-File Structure
Before you can actually theme anything, you need to learn and understand the basic file structure used by Miui. Themes are compressed into zip files with a .mtz extension and are applied by the Miui theme engine at “run time”, meaning you can change almost any aspect of your theme on the fly, without a reboot. Download my intro.mtzfor use along with this guide. This is the default Miui theme with a simple lockscreen included that you will have to edit (It works but you will have to edit it per my instructions for it to look good), and a generic android boot animation / boot audio file. If you currently have a theme that you are generally happy with and would prefer to edit that more to your liking, you may do so by opening the Miui theme engine, select customize, scroll down to the bottom of the page and select “Backup Theme” After the backup finishes running, navigate to /sdcard/Miui/theme/backup and move the “backup.mtz” to your computer. Now let’s extract our .mtz and have a look at what’s inside. Right click on the intro.mtz, select 7zip from the popup window, and then select extract. Now navigate to the extracted intro.mtz folder and have a look inside. You should see the following:
“boots” folder
“preview” folder
“ringtones” folder
“wallpaper” folder
“com.android.launcher” zip file
“description” xml file
“icons” zip file
“lockscreen” zip file
The folders can be opened as any normal non-compressed document folder, the zip files (although their extensions are nonconventional can be extracted with 7zip, and the xml file can be edited with notepad ++.
Lesson 2 – Beginning Your Theme
Decide what you want your theme to be called and create a new folder for it somewhere that’s easily accessible.
Open up the description xml with notepad ++ and edit it to reflect your theme name on this line: <title>Default</title> (Change default to the name of your theme), edit this line: <author>MIUI</author> (Change MIUI to your name), and edit this line: <version>1.0</version> (from 1.0 to whatever version # you would like to call your theme). Save your changes and move the document to your newly created theme folder.
Now, if you so desire, in your theme folder create a sub-folder entitled “boots”. Place any boot animation & boot audio files in there that you would like to use, and make sure they are named correctly (bootanimation.zip & bootaudio.mp3).
Create a “preview” sub-folder next. This is where you’ll put screenies of your theme as you continue to develop it. Make a note of the file names and sizes in our original preview folder, also if you look you’ll see that some of the photo’s are jpegs and some are pngs. I’m not sure as though it matters, but I’ve developed a habit of keeping the extensions the same.
Now you can create an optional “ringtones” subfolder and assign rintones, notifications, and alarm sounds, by default when applying your theme. Use any mp3 you like so long as the files are named alarm.mp3, notification.mp3, and ringtone.mp3.
Create a “wallpaper” sub-folder within your theme folder next. This will be the home of your theme’s default wallpapers. Again look back at the intro.mtz and notice the size of the wallpapers in that folder and the file names. When you put your jpegs in this folder make sure they are named exactly default_lock_wallpaper & default_wallpaper.
Congratulations, you’re now on your way to making your own custom theme. Now that we have the simplest things covered and out of the way, we can really start to dig in and do some theming!
Lesson 3 – Lockscreens
Skipping over icons for a moment, lets jump to the lockscreen. As you know by now our Evo 3D’s QHD displays don’t play nice with a lot of lockscreens. So lets have a look at what we can do to fix some lockscreens. Please keep in mind that depending on which lockscreen you want to use they will require varying degrees of changes to work properly. The lockscreen I included with the intro.mtz functions, but looks terrible so now we’re going to fix it.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Extract the “lockscreen” file that you downloaded. Inside you’ll see an advance folder.
Open the advance folder. This is where the lockscreen magic happens. In this folder are all of the lockscreen png’s and the manifest.xml
Let’s start with the png’s.
-Resize bg to 540X854
-Resize bottom to 540X178
-Resize bottom_batterylow to 540X178
-Resize bottom_batterylow_light to 540X240
-Resize charging_bg to 540X178
-Resize charging_bg_mask to 540X178
-Resize status_bar to 540X40
-Resize time_bg to 540X107
Feel free at this time to edit and/or replace any of the png’s in here, as you see fit, but be sure to keep the icon names correct and watch out for the .9png’s (there are none in this lockscreen, but if you’re using a different one beware).
Now that the png’s have been fixed let’s have a look at the manifest.xml, shall we? Our images are all the proper size, but if we loaded the lockscreen now the icons and text would all be shifted to the left of the screen. In addition to making positional adjustments in this file we can change font sizes, font colors, time & date format, even which apps the lockscreen will launch. Go ahead and open that xml file now with notepad ++.
Find the two lines that begin with <DateTime. On these lines you can change the x & y locations to get the proper spacing from the edge of the screen. (x is the horizontal plane, y is vertical x0,y0 being the top left corner of the screen). You can change the text color (#FFFFFFFF) to whatever you like, the font size (size="22"), and the date format (format="EEEE, MMM d")
Now, work your way down through the xml file making any adjustments you want to make to text sizes, colors, and the necessary x shifts to get your lock screen lined up and centered. If by chance you get stumped, compare your manifest.xml with my manifest_edited.xml.
*hint, I usually use a pencil and paper to draw out the screen, then calculate how big of a left margin I want, add the image widths, to figure how big of a change to make. For example x20 + 480 png width=500 (leaving a margin of 40 on the right). Now if I change to x30 + 480 png width = 510 (leaving me a margin of 30 on both sides).
Once you’re done editing the .xml save it (keeping the original of course to refer back to)
Back out of the advance folder now and right click on it. Select 7zip from your popup window and “add to archive”. When prompted, save as “lockscreen.File”, set your file type as .zip and save your lockscreen to your theme folder. After it saves delete the .File from the name. Windows will prompt you that this may make the file unusable, click ok.
Navigate to your theme folder and select all of the contents inside of it (boots, preview, etc…). After selecting all of your theme components, right click again, select 7zip, and add to archive. Save your theme as “whatever_name”.mtz again choosing .zip as the file type.
Place your newly created theme on your sd card in /sdcard/MIUI/theme
Apply your theme and enjoy. If you’re happy with your lockscreen take a screenie to add to your preview folder when you make your next edits. Remember if you do something that breaks your lockscreen you can unlock by pressing back & volume up, or you can use adb to delete lockscreen from /data/system/theme and push a good lockscreen back.
Lesson 4 – Changing Icons
Changing your desktop and folder icons is a great way to enhance your theme. Miui’s theme manager makes this a relatively simple process. You can edit the default system icons with your image editor, or take your favorite icon collection and resize them to 90 X 90 pixels if you wish to keep the default Miui icon size. Lets begin!
Navigate to your intro.mtz and use 7zip again to extract the icon.File
Inside your extracted icon folder you’ll find all of the icons for the default system apps.
Changing system app icons
Find the icon that you want to replace in the folder. Let’s use the browser for example.
Find the icon you want to replace it with and rename that icon to com.android.browser
Copy your new browser icon into the icon folder, overwriting the existing one.
Adding icons for user installed apps is a little more involved but worth the extra time to make your theme complete. Here is where it’s handy to have Root Explorer.
Let’s say we want to add an icon for dropbox
To do this we need to know the process name. There’s a couple of ways we can figure this out. Since every app installed creates a data folder we can use Root Explorer to look in /data/data for the package name of dropbox.
If the package name didn’t jump out at you, don’t worry there’s another way to do this. Again using Root Explorer navigate to /data/app and find the dropbox apk, long press on in and select “extract all”, navigate to /sdcard/extracted and open up the extracted dropbox apk. Now tap the AndroidManifext.xml file, which should open up a text document and the very first line should give you the manifest package name.
By now you should know that the package name for dropbox is com.dropbox.android
Find the dropbox icon you want to use.
Rename the icon to com.dropbox.android
Drop the icon into your icon folder.
Repeat these steps for all of the icons which you want to replace.
Once you are finished replacing and / or adding icons, from within the icon folder, select all, then right click, select 7zip, and add to archive.
When the 7zip popup screen appears, save them as icons.File
Delete the .File extension
Move your zipped icons file to your theme folder.
Zip your themes folder up as a .mtz and apply it to your phone the same as you did after you finished your lockscreen.
Again, if you are happy with your icons take a couple of screenshots for your preview folder.
One last side note in regards to icons. You may notice some apps such as google + install additional icons to your homescreen (G+ Messenger). I have not figured out the image naming trick yet for these icons to display from the theme, but I’m working on it. For the time being I extracted my G+ Messenger and replaced the icon in the /res/drawable-hdpi folder, but I am searching for the correct way of doing this and will update accordingly once it’s figured out.
Lesson 5 – SystemUI
Now, we're going to add a whole new element to our theme. We're going to create a SystemUI zip in our theme mtz. Examples of some things that we can change in SystemUI are notification bar icons (signal, battery, gps etc), Statusbar back ground, and the various tabs you see in your drop down expanded notification page. Let's begin.
Create a working folder somewhere easily accessible on your computer (I like to work from my desktop)
Inside of your working folder, create a subfolder named "res"
download my theme_values_SysUI.xml, place it in your working folder (not in the "res" subfolder), and rename it to theme_values.xml.
Now you will need a SystemUI.apk from Miui. You can either unzip the rom on your computer and move the .apk to a convenient location of your choosing, or you can use adb to pull the SystemUI.apk from your phone. It's located in /system/app.
Now that you have your SystemUI.apk, using 7zip, extract it.
Open up your extracted apk and navigate to the "res" folder. Copy the "drawable-hdpi" folder and the "raw" folder and move them to the working folder on your desktop, placing inside of the "res" subfolder you created earlier.
Begining with the "drawable-hdpi" folder, use your image editor to make any .png adjustments that you want incorporated into your theme, or replace the png files as you see fit. Be sure to maintain the nomenclature of the images if you opt to replace them. Beware of editing .9.png's as they cannot be edited in a conventional fashion. If you need help editing .9.png's there are several methods and guides around xda. Or ask in [Guide][Reference] An Intro to Themeing.
When you're finished with the drawable-hdpi folder move to the raw folder. This is where your battery icons are located, contrary to Sense and CM7 roms. You'll notice that there are not 200 little battery png's but 3 large png's with all of the images put together in a sort of battery collage. To assemble a battery collage, take your individual battery pngs and resize them to 38 X 38. For graphical and charge indicators, you will now need to create a new image sized at 152 X 190, copy and paste your individual png's into the large image so that you have 5 rows each with 4 png's. Follow the same procedure for making a % png, except that you'll be using 10 rows of 10 images, so your png size should be 380 X 380.
When you're done with all of your images, open up the theme_values.xml with notepad ++ and make any color edits that you see fit. Please note, that these color changes will have minimal impact on the look of your theme. Most of the color changes of your system will not happen here. These are default values for only a handfull of apps.
When you're finished editing the xml save it and close it.
Finally select your theme_values.xml and your "res" folder and right click your mouse, select 7zip, and add to archive. In the 7zip popup window name your file com.android.systemui (no additional extension here, make sure it does not say zip at the end....just: com.android.systemui)
After the folder is compressed and zipped, move it to your theme folder and zip your theme up as a .mtz as you have been doing right along. Apply theme to your phone and enjoy.
To Be Continued…..Next update will be for Framework-res or launcher depending on my upcoming amount of free time!!!
Additional Information: Tips, Tricks, & Links
Advanced Lockscreens - Tips and Tricks
Thanks il Duce for these links:
Lockscreen 2.0 Reference
General Miui Tips & Tricks
I wasn't born rich, I'm good lookin' instead!!
Great job Hockey!! Love how everything is coming together!
Added to the OP in the one stop shop also.
Edit: This is really thorough. Very nice indeed.....
Awesome work
Sent from my PG86100 using xda premium
Place holder for me
Is that all we do to the manifest because I really want that Evoluer slider to unlock my phone.
Temari x Shikamaru
scott951 said:
Place holder for me
Click to expand...
Click to collapse
Thank you sir, for providing us with a rom worthy of the time it takes to do all of this!......No disrespect intended to any of the other developers who's roms I also use, but I've fallen head over heels for Miui
knowledge561 said:
Is that all we do to the manifest because I really want that Evoluer slider to unlock my phone.
Temari x Shikamaru
Click to expand...
Click to collapse
Well, there's a lot you can do with the manifest xml, but to make them work properly yeah....It's just resizing the png's and shifting the x & y values accordingly for our screen size. I'm downloading the lockscreen you're trying to use now.
Thanks for this.
hockeyfamily737 said:
Well, there's a lot you can do with the manifest xml, but to make them work properly yeah....It's just resizing the png's and shifting the x & y values accordingly for our screen size. I'm downloading the lockscreen you're trying to use now.
Click to expand...
Click to collapse
Thanks because im Stumped!!!! If you manage to hook it up do you think you can throw in that green charging light? And when its not charging it turns blue when you touch it? Check out "ikun" to understand the lockscreen.
Temari x Shikamaru
vanessaem said:
Thanks for this.
Click to expand...
Click to collapse
My pleasure. Hopefully everyone including myself can learn from this, because I'm certainly no expert. Just a guy who like to take stuff apart to see how it works.
knowledge561 said:
Thanks because im Stumped!!!! If you manage to hook it up do you think you can throw in that green charging light? And when its not charging it turns blue when you touch it? Check out "ikun" to understand the lockscreen.
Temari x Shikamaru
Click to expand...
Click to collapse
I'll do what I can. First let's see if I can get it to work right Working lots of O/T right now so I haven't had a heap of time.
Thanks so much for this hockeyfamily737!
Sent from my PG86100 using Tapatalk
Thanks homie.
Temari x Shikamaru
Also I will possibly be able to help out on this as well if someone doesn't get it figured out by Sunday... been working alot of double shifts..
knowledge561 said:
Thanks because im Stumped!!!! If you manage to hook it up do you think you can throw in that green charging light? And when its not charging it turns blue when you touch it? Check out "ikun" to understand the lockscreen.
Temari x Shikamaru
Click to expand...
Click to collapse
Sent from my PG86100 using Tapatalk
Hey, nice introduction =)
If anyone is inerested in speeding up the process of testing your themes, I have created a Makefile/Windows Batch file for compressing themes and pushing them to the phone auto-magically
http://forums.miui.us/showthread.ph...ild-Script-(Windows-Unix)-Now-with-a-Makefile
Let me know if you guys have any problems!
Thank you for posting this amazing tutorial!
I am slowly fixing my lock screen, I'll post some before and after screen shots.
Before:
After:
thanks for this. i rlly needed it....
now to figure out more stuff...
steam374 said:
Thank you for posting this amazing tutorial!
I am slowly fixing my lock screen, I'll post some before and after screen shots.
Before:
After:
Click to expand...
Click to collapse
Terrific and this was the one I was trying to do today. Great job with this.
Brought to you from my EVOlutionary 3-Dimensional Smartphone
Wow! Great work... looking forward to more. Thanks hockeyfamily!
Sent from 3D A.W.E.S.O.M-O

Themer's Tips and Tricks

I'm starting this thread as a place for themers to exchange tricks they've learned, also to exchange information. The intent is not to become a "how to decompile ICS" thread.. they are all over if you just search. I'll start it off as an example:
For doing mass .9.png edit ssuch as replacing a color, I found the easy way is a comination of Adobe bridge with Photoshop
For example:
say i want to change all red elements into blue
open your first image in photoshop
create a action with the commands(just a example) Adjust to RGB -> select color range 'reds' -> adjust hue (set to your version of blue you want)->save->close ... say i name action "change"
now in bridge nav to folder where the images are you want to change in the same manner
select all the images you want to run the action on
tools>photoshop>batch
select the "change action" and volla....
another way ive used this is by replacing "select color range'reds'" and again select color range>sample the black edge, so the black border is selected.. followed by select inverse .. this will then select all but the border and adjust hue of the whole image w/o messing the the border
Tip: if youre trying to rotate multiple images and are using Windows 7, Ctrl+A to hightlight them all and right click to choose "Rotate Clockwise" or Counterclockwise.
Tip: If your not liking how a .9.png is stretching a image.. look in your sdk tools, there should be one called draw9patch... It's a java app to edit a .9.pngs stretching...(I just recently discovered this)
Up until finding this, I would push images I want to stretch uniformly via zip 7 after compiling..obviously poor practice to do any work later on
Sent from my ADR6425LVW using Tapatalk 2
Jmrwbilly said:
Tip: If your not liking how a .9.png is stretching a image.. look in your sdk tools, there should be one called draw9patch... It's a java app to edit a .9.pngs stretching...(I just recently discovered this)
Up until finding this, I would push images I want to stretch uniformly via zip 7 after compiling..obviously poor practice to do any work later on
Sent from my ADR6425LVW using Tapatalk 2
Click to expand...
Click to collapse
Thanks, the theme I'm wanting to do involves some beveled edges on the various status bars and such. Stretching along the vertical edge would be fine but trying to pull the whole image would distort the top and bottom bevels. I'll have to look into this because I was afraid I wasn't going to be able to do what I wanted to do without the ability to control this.
Now I gotta experiment with whether a .9 image can exist where there wasn't one in the original build.
Sent from my ADR6425LVW using xda app-developers app
LOBBS said:
Thanks, the theme I'm wanting to do involves some beveled edges on the various status bars and such. Stretching along the vertical edge would be fine but trying to pull the whole image would distort the top and bottom bevels. I'll have to look into this because I was afraid I wasn't going to be able to do what I wanted to do without the ability to control this.
Now I gotta experiment with whether a .9 image can exist where there wasn't one in the original build.
Sent from my ADR6425LVW using xda app-developers app
Click to expand...
Click to collapse
don't quote me in this, but I'm pretty sure it's fine to replace .png with a .9.png.....9.pngs are used as a answer to different screen resolutions to prevent distorted images
Sent from my ADR6425LVW using Tapatalk 2
think this is the best place to ask. does any1 know where the Launcher drawer Icon is located?
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
funnyangrykid said:
think this is the best place to ask. does any1 know where the Launcher drawer Icon is located?
Click to expand...
Click to collapse
I'm almost certain it's in Rosie.apk in m10 file...which can't change yet..can work around with the m10s for skins but I think that is in Rosie
Sent from my ADR6425LVW using Tapatalk 2
Jmrwbilly said:
I'm almost certain it's in Rosie.apk in m10 file...which can't change yet..can work around with the m10s for skins but I think that is in Rosie
Sent from my ADR6425LVW using Tapatalk 2
Click to expand...
Click to collapse
Well that sucks if we are unable to mod it
Sent from my Incredible, very Vivid, One X'strordinary S-off HTC Rezound
http://www.speedtest.net/android/216418366.png
I am efficient enough in the Adobe Suite to handle this stuff, but I just dont know how to extract the system files off the phone and then apply the new ones. It is probably easier than I know, but if anyone has a link on how you start playing around with these files that would be great.
imckay152 said:
I am efficient enough in the Adobe Suite to handle this stuff, but I just dont know how to extract the system files off the phone and then apply the new ones. It is probably easier than I know, but if anyone has a link on how you start playing around with these files that would be great.
Click to expand...
Click to collapse
Just download the rom you want to theme on your pc and open with 7zip, most files are in system/framework and system/app, No pulling files from phone needed.
To push them back just download any random theme .zip and replace the files with your themed files
Therev29 said:
Just download the rom you want to theme on your pc and open with 7zip, most files are in system/framework and system/app, No pulling files from phone needed.
To push them back just download any random theme .zip and replace the files with your themed files
Click to expand...
Click to collapse
What do u mean when u say a Theme.zip ? And where would I get one of which u are mentioning?
Sent from my Incredible, very Vivid, One X'strordinary S-off HTC Rezound
http://www.speedtest.net/android/216418366.png
Therev29 said:
Just download the rom you want to theme on your pc and open with 7zip, most files are in system/framework and system/app, No pulling files from phone needed.
To push them back just download any random theme .zip and replace the files with your themed files
Click to expand...
Click to collapse
tip I have here, I'd to take a peak at the script for the zip...I've seen some peoples scripts include deleting the original apk from the phone before pushing new..if that's the case, you could end up deleting something your not replacing with this method
Sent from my ADR6425LVW using Tapatalk 2
funnyangrykid said:
What do u mean when u say a Theme.zip ? And where would I get one of which u are mentioning?
Sent from my Incredible, very Vivid, One X'strordinary S-off HTC Rezound
Click to expand...
Click to collapse
Here is a blank zip you can use to flash your theme, just make sure you put the right apks in the right folders i.e SystemUI,apk goes in system/app/ and framework-res.apk goes in system/framework.
Jmrwbilly said:
tip I have here, I'd to take a peak at the script for the zip...I've seen some peoples scripts include deleting the original apk from the phone before pushing new..if that's the case, you could end up deleting something your not replacing with this method
Sent from my ADR6425LVW using Tapatalk 2
Click to expand...
Click to collapse
Very true, I have done this myself a couple times, with my own scripts no less
Question if i wanted t o make my stat_sys_signal_null from a static icon into an animated one that used two different .png what would be the best way. i have tried multiple times and each time i get errors while compiling or it just doesnt work.
conadg said:
Question if i wanted t o make my stat_sys_signal_null from a static icon into an animated one that used two different .png what would be the best way. i have tried multiple times and each time i get errors while compiling or it just doesnt work.
Click to expand...
Click to collapse
I've done this before..with adding a animation to the notifications background..should be able use the same concept..average Joe (I think that was his screen name) has a good write up on this
Sent from my ADR6425LVW using Tapatalk 2

[MOD/ICONS] Minimalist stencil notification icons + signal cluster view

DISCLAIMER: I AM NOT RESPONSIBLE FOR YOUR PHONE EXPLODING, IMPLODING, OR ANY OTHER VIOLENT DEMISE WHICH MAY BEFALL YOUR GALAXY S 4 AS A RESULT OF YOUR TRYING TO INCORPORATE THESE ICONS OR MODS.
THESE MODS ASSUME YOU KNOW HOW TO EXTRACT APKS FROM YOUR PHONE, MAKE EDITS, AND PUSH THEM BACK ONTO YOUR PHONE WITH APPROPRIATE PERMISSIONS SO THAT THEY CAN FUNCTION PROPERLY. IF YOU DON'T KNOW HOW TO DO THAT, TURN BACK NOW. IF YOU HAVE ANY QUESTIONS, PLEASE ASK BEFORE TRYING ANYTHING.
Due to requests, I am posting icons I made (originally for my LG Nitro) for the GS4. These are completely original icons I literally drew in power point, saved as pngs, and then resized/cropped to icons. The good thing about the icons is that they're very minimalist (just my style), so they actually weren't too hard to make, all things considered.
These cover the icons which are positioned on the right side of the notification bar. These will not change icons on the left side of the bar.
Just to give you an idea, here is a clip of my notification bar:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
A FEW NOTES:
1.) The signal icons will not work if you have done the build.prop edit to change to stock jelly bean icons. This edit changes the identity of your phone, and redirects SystemUI.apk to use alternate icons. If you have used this edit and want to use the signal icons, you will have to change the names of the files appropriately.
2.) The battery icons are only for those who have incorporated the % battery mod either from StolenVW here or by another method.
3.) The signal icons will look odd if you choose to use them and don't also incorporate the attached modified xml. Essentially, this xml has been edited such that the signal type/in-out icon overlaps with the signal strength icons as such:
I did this mainly because I hate wasted space, and think it's unnecessary to have two icon slots just for signal when at one point they used to overlap in stock android. To adopt this xml edit, just use 7zip to right click/"open archive" SystemUI.apk, and drag and drop the xml into res/layout. It is already compiled, so should work fine. Obviously, before putting SystemUI.apk back onto your phone, you'll need to set proper permissions and whatnot. If you don't know how, please turn back or ask someone (or me) first before ruining your fabulous new phone (although recovery with Odin posted by AdamOutler here works fantastically well, just fyi).
SO, take a look at the icons, take whatever you want., edit whatever you want, use however you like! They are organized into the folders of the apks where they belong, so you can use them as a guide for where to put them if you want to adopt the look. These apks include:
SystemUI.apk
framework-res.apk
NfcNci.apk
The attached xml for clustering the signal type/in-out/strength belongs in SystemUI.apk/res/layout. It is compiled, so you should be able to use 7zip to right click on your SystemUI.apk, "open archive," and just drag and drop it into your SystemUI.apk.
Hope you find something you like!
Beautiful set of icons mate, it would be a good idea to set a whole UI based on your style ala vrtheme.
This truly is, I just need to find a thin clock font mod to match it!
Sent from my SAMSUNG-SGH-I337 using xda premium
While these aren't my style and I'm far from a minimalist - I'm not going to show you my home screens for fear you may damage your monitor by throwing something at it - but I can definitely appreciate all the hard work you've put into this! Excellent job with this, and for everyone else, make sure you give this user a thanks even if you don't use these icons just because of how awesome they are!
Please make this into a systemui.apk. im sure a lot of people on this forum would really appreciate it. Thank you!!!
Sent from my SAMSUNG-SGH-I337 using Tapatalk 2
Really beautiful design. If you could compile into a flashable theme that would be awesome.
Sent from my SAMSUNG-SGH-I337 using Tapatalk 2
They do look great, it would look even better with matching quick toggles...you dont happen to have more matching pngs do you?
D.O.C said:
They do look great, it would look even better with matching quick toggles...you dont happen to have more matching pngs do you?
Click to expand...
Click to collapse
Wow, thanks guys! I would love to make it flashable, but I have no idea how. In addition, I wouldn't mind posting a SystemUI.apk, but at this point, everyone seems to have additional mods, so I wouldn't be able to include them without wiping their other mods out as well.
As far as quick setting icons, I didn't make additional ones to match, but I did make the whole pulldown menu minimalist white/black, just because:
itiskonrad said:
Wow, thanks guys! I would love to make it flashable, but I have no idea how. In addition, I wouldn't mind posting a SystemUI.apk, but at this point, everyone seems to have additional mods, so I wouldn't be able to include them without wiping their other mods out as well.
As far as quick setting icons, I didn't make additional ones to match, but I did make the whole pulldown menu minimalist white/black, just because:
Click to expand...
Click to collapse
I will post a vrtheme zip file with your icons as soon as I have time, ni batt icons though, since that would require modding of systemui.apk therefirr making it incompatoble across devices/roms. Vrtheme will only replace pngs.
VrTheme Stencil
This one should work ok on all S4 variants.
It includes all stencil icons except the battery percentaje ones (again, those xmls mods have to be compiled along the apk in order for them to work reading the pngs). The rest of pngs are there including your xml file (which should apply properly by just flashing this mod)
Since its a vrtheme flashable zip file, it should be compatible with all i950x TW ROMs, it shouldnt modify any mods existing in your current systemui (except for the notifications, obviously)
Enjoy!
Love the icons. Great job. Any chance you have or could make one for the USB connected and Location/GPS icons? And the driving icon as well?
Thanks again for sharing.
Will822 said:
Love the icons. Great job. Any chance you have or could make one for the USB connected and Location/GPS icons? And the driving icon as well?
Thanks again for sharing.
Click to expand...
Click to collapse
Out of curiosity, did the above zip file work for you and what i950x kodel do you own?
D.O.C said:
Out of curiosity, did the above zip file work for you and what i950x kodel do you own?
Click to expand...
Click to collapse
I didn't use the zip file above. I just downloaded the icons from the first post and copief them to my systemui.apk file. Btw, i have an AT&T i337 model.
Will822 said:
I didn't use the zip file above. I just downloaded the icons from the first post and copief them to my systemui.apk file. Btw, i have an AT&T i337 model.
Click to expand...
Click to collapse
Ok, I was just wondering....
Love the simplicity of these. Well done.
is there anyway we could get a flashable systemui.apk for l337 ATT models? I absolutely love these but Im having trouble figuring out how to apply them.
Thanks for your design. They are beautiful!
I thought someone might be interested to see what my screen looks like with these icons. I had a transparent status bar set up prior, but I went back to black. Oh, and I like to have my buttons down the right side of the phone as I'm right handed. I don't know whomever thought having a dock at the bottom of the screen as default made much sense. It makes calling and doing quick email checks much easier to have it on the right or left depending on your style.
These really are beautiful icons.
Yeah, one last time. I do actually live in Morehead.
They look great on your homescreen! So glad you like them!
As I said, in regards to making a flashable SystemUI.apk, I don't know how, but anyone who does is welcome to do whatever he or she wants with these icons!
It would be amazing to make a CM 10 theme for it! I may take a crack at making one for these icons
Sent from my SGH-I337 using Tapatalk 4 Beta
I asked for them to be added as an option in nottach's xposed app and he said he would put it in the next release. Now we just need matching toggles and this will be epic.
Sent from my SAMSUNG-SGH-I337 using Tapatalk 4 Beta

Categories

Resources