For 2.1 themes see post #17 on page 2: http://forum.xda-developers.com/showpost.php?p=9049613&postcount=17
I decided to open a thread to share the knowledge I have collected on timescape themes. This also partially applies to mediascape and up until now has been split between these two threads:
http://forum.xda-developers.com/showthread.php?t=737778&page=46
http://forum.xda-developers.com/showthread.php?t=765686 Please read this!
I thought it would be better to combine this into one thread that will be easier to find. If anyone disagrees then please post with reasons and alternatives. I will update this first post as we figure out more tweeks etc. (hopefully it will need a big rework soon because SE finally gets us 2.1 )
Before I start, thanks to Chewitt for finding the acet files, and for inspiring me to start messing with the look of my x10 with his Dark10 themes.
Timescape (and mediascape) do not store all of their images in the .apk resources. Oh no, that would just be too logical, and we are talking about Sony Ericsson here
The timescape theme .apk resources do contain some of the images used (e.g. the trash can and app drawer handles), and the actual Timescape .apk has the resources for the tile images etc. I'm not going to go into this as there is enough content about modifying these sorts of resources here. What I will go into is where the timescape background, wave animation, pagination slider colours and the tile alpha blending and default colours.
1. The background: This is stored in an .acet file (see the first of the above posts). This is an file that basically just contains a samll header and then rgb information (or sometimes argb, this is specified in the header which I haven't got 100% sussed yet). The background images are in the assets/ts folder in the theme .apk and are called ts_bg_app.acet and ts_bg_home.acet for the application and timescape home respectively. These can be modified with acetConverter.exe. You can load an image and export an acet file or you can go the other way. TS uses acet backgrounds without an alpha channel so leave the alpha checkbox unticked when creating them (it might work with alpha... never tried...).
2. The Tiles: I'm pretty sure the alpha blend images for the tiles are found in the system/usr/semc/seee/files folder (alpha_tile.acet and alpha_tile_fade*.acet) but I haven't modified these yet. As an aside the background for the first page of mediascape is here too. More important is the default background for a tile. This file, ts_tile_empty.acet, is a single pixel file found in the assets/ts folder for each theme. This specifies the solid colour to be used as a background for the alpha overlay on empty tiles.
3. Animation files: Wave and Pagination. This is all stored in three .afx java animation files in the themes assets/ts folder (ts_bg_wave.afx, pagination_glow.afx and pagination_area.afx). pagination_area is the square around the selected item in the scroll menu at the bottom (or the top if TS is the home page) and pagination_glow defines the lines at the top and bottom of this area. I haven't got these files fully sussed either, at the moment I'm restricted to doing some awful byte replacement to change the color (I can also change the wave pitch, but it doesn't look any good). I have attached an exe to generate these files (SetTimescapeAnimationColor.exe). Click on the white square to choose a base color and use the buttons to generate whichever of the files you want. If anyone knows how to edit these files properly please let me know, I come from a c# and c++ background and don't really know what I'm doing with java...
Thats pretty much it. Just sort out 6 files, update the png resources (the thumbnails for the theme selection are in the Timescape.apk resources folder) and you're done.
Note: I have had problems when I modified the wrong bytes in the afx files. Basically, after selecting the theme timescape just crashed. If you replace the theme file it still won't start, you need to clear the application data to get it running again. Along the same lines, after modifying a theme you need to reselect it from the themes menu as the files are cached.
Please let me know if I missed anything.
Update: I have attached the source code for the animation color tool. Please keep in mind that this was just a bit of code quickly thrown together so we can modify the animation color, I don't usually write code that looks like that
The project is a C# project from visual studio 2010 but the meat of it is in MainForm.cs so just open that if you use a different language/dev environment.
Here is the code from one of the buttons. Resources.pagination_glow is a byte array from an embedded resource (pagination_glow.afx).
Code:
string r = string.Format("{0:000}", (int)(((double)colorPanel.BackColor.R / 255.0) * 100));
string g = string.Format("{0:000}", (int)(((double)colorPanel.BackColor.G / 255.0) * 100));
string b = string.Format("{0:000}", (int)(((double)colorPanel.BackColor.B / 255.0) * 100));
byte[] bytes = new byte[Resources.pagination_glow.Length];
Array.Copy(Resources.pagination_glow, bytes, Resources.pagination_glow.Length);
bytes[949] = (byte)r[0];
bytes[950] = (byte)'.';
bytes[951] = (byte)r[1];
bytes[952] = (byte)r[2];
bytes[953] = (byte)',';
bytes[954] = (byte)g[0];
bytes[955] = (byte)'.';
bytes[956] = (byte)g[1];
bytes[957] = (byte)g[2];
bytes[958] = (byte)',';
bytes[959] = (byte)b[0];
bytes[960] = (byte)'.';
bytes[961] = (byte)b[1];
bytes[962] = (byte)b[2];
bytes[963] = (byte)',';
using (FileStream stream = new FileStream(saveDialog.FileName, FileMode.Create))
{
stream.Write(bytes, 0, bytes.Length);
}
What is important to note is that the embedded afx resources came from the orange theme, the other themes will require different offsets for the byte modification. I'm not sure why the different themes have different code here, I haven't looked closely at the wave animation code for each theme so there may only be a difference there, or there could just be one more space here and there in the preceeding lines or four spaces instead of a single byte tab ('\t')...
Anyway, the next step is to try and modify the number of bytes in the code and see if it still works, on my first few tests timescape just crashed so I thought that the number of bytes of clear-text code may be stored in the header. I'm not so sure now as I think I may have just been having problems while mixing the use of the .Net stream classes for reading an writing. I'll check this out though.
If we can modify the code however we want then I just need to learn a bit more java
The code for the wave animation is in the comments at the bottom of MainForm.cs. Here is the line with the characters being modified in bold:
fcolor.rgb = vec3(1.0, 0.91, 0.72) * ambientRatio + vec3(1.0, 0.516, 0.0) * specularRatio;
LOL this is just lazy lol, Thanks for the guide i will get the other 3 i need for Dark10 sorted on sunday.
this all sounds awesome =)
May I suggest posting the source code to your .exe files? that way others can pitch in and help improve the tools, too. slap on the GPL for a decent licence and it should be no problem
ttxdragon said:
this all sounds awesome =)
May I suggest posting the source code to your .exe files? that way others can pitch in and help improve the tools, too. slap on the GPL for a decent licence and it should be no problem
Click to expand...
Click to collapse
Good idea I have just updated the first post. I have only added the animation tool source as the .acet converter is just a direct color translation except for the header which is post in the acet thread linked in the first post.
I can post this code as well if anyone is really interested, but it will have to wait until I am back at work on the 14th, or until the VPN starts working again
VPN's up - posted the rest of the source.
calum.. just got a new charger today lol so back on track.. although some reason i cant seem to get my colour to change at al? ive rebooted, tried task managers n al but no luck..
Edit: ignore that.. managed to get it working! like an idiot i forgot to add the code at the top for mount/remount lol.. feel like a blonde
Has anyone got an original version of ms_bg_background_home_icn.acet?
Being the genius that I am, I tried to edit it without backing it up first.
I tried to convert a png image to an acet file using that acet converter but ended up with a background with a similar issue to what's in this post. Will read through all the posts tomorrow and try again.
Hey buddy any more progress with this project?
Sorry, on the road at the moment. I'll be back onto this next week.
@Mobzter: glad you got it sorted.
@Sixpence: you may have exported the image with the alpha channel. Make sure the alpha option is off for the timescape and mediascape backgrounds. I'll add complete backups to the first post next week
heres a backup of that file
_calum_ said:
@Sixpence: you may have exported the image with the alpha channel. Make sure the alpha option is off for the timescape and mediascape backgrounds. I'll add complete backups to the first post next week
Click to expand...
Click to collapse
Ah, yeh, I think that's what I did. I'll try again and see how I go. Cheers!
Thanks for backup Mobz!
EDIT: Sweet, that worked!
I just thought I'd post a link to my dark Timescape theme here.
Timescape (Dark)
If anyone else has got any modified timescape themes please post them (including the modified framework and thumbnail images). It would be nice if we didn't just all modify the Indigo them (as I did above) as if we use neutral images for the default contacts etc. then we can easily change between the different themes.
Any interest
Just a bump to see if anyone is interested in doing anything with the Timescape animation except changing the color.
If they are then I might get back into modifying the .afx files, otherwise I'll probably just move on....
I don't actually use it that much and now I've got rid of the blue I'm sorta happy, but it might be kinda cool if we can add our own animations to replace the wave...
How about the mediascape animation? I wanna make it melt into the next screen. Do u think that's doable?
How can i chnge theme for x10i
Sent from my X10i using XDA App
gavriel18 said:
How about the mediascape animation? I wanna make it melt into the next screen. Do u think that's doable?
Click to expand...
Click to collapse
Do you mean instead of the spline/fade animation when you hit the 'more' button? I think a melting animation would be pretty ambitious and probably only doable if the fade is actually part of the animation. I'll see if I can get an editor slapped together so we can just modify the afx code directly. I'll have a look at the mediascape animation files once I've got that done...
xian08 said:
How can i chnge theme for x10i
Click to expand...
Click to collapse
Sorry, I need a bit more information here. Where exactly are you stuck? Do you just want to install a different theme that you have from one of the x10 themes in another forum, or do you want to create you own?
That's exactly what I was thinking, a melt to a fade into the next screen.
I'm trying to understand how it works but i don't have enough spare time right now.
OK, 2.1 is here and the file formats for timescape themes have changed...
First off, the apk names have changed. They are now named like this:
TimescapeLargeUITheme[ThemeName].apk (e.g. TimescapeLargeUIThemeSakura)
The .acet files are now .uxraw files. The file header and content has also changed: the header is now 8 bytes, that can be split into 4 16bit integers. The first two I'm not sure about, (second one always seems to be 8...) but the 3rd and 4th are width and height respectively. After the header we still have the color info, but it seems that alpha is always included. The bytes are in the order R G B A (the alpha is now the 4th byte instead of the first).
I have attached the new converter and source.
Edit: I originally wrote an incorrect value for the first byte in the header (20 instead of 0x20... oops ) this resulted in a black background...
The afx files have also changed to uxsh. There seems to be a bit more in these files but the animation code is still in plain text. I'm working on an editor, and will update this post when it's done.
2.1 or 1.6 ?
Is this for 2.1 or 1.6 ?
Looks a silly question... But, am little cautious and more excited to see this on my 2.1update1.
Thx for such a great work.
_calum_ said:
OK, 2.1 is here and the file formats for timescape themes have changed...
Click to expand...
Click to collapse
mitalbr said:
Is this for 2.1 or 1.6 ?
Click to expand...
Click to collapse
2.1 (I had also changed the thread title to make this clearer )
_calum_ said:
2.1 (I had also changed the thread title to make this clearer )
Click to expand...
Click to collapse
I was just adb'ed the file system and I found I have following files...
TimescapeLargeUI.apk
TimescapeLargeUIThemeBlue.apk
TimescapeLargeUIThemeGreen.apk
TimescapeLargeUIThemeIndigo.apk
TimescapeLargeUIThemeOrange.apk
TimescapeLargeUIThemeSakura.apk
TimescapePluginManager.apk
I couldn't locate...
Timescape.apk
TimescapeThemeIndigo.apk
Related
Trailblazer101's Custom Framework Maker v6
Now with my batch program, creating your own personalized Framework is as simple as 1.2.3!
This batch created by me was created with the "noob" in mind.. Of course this "noob" must already have Java installed, and should have ADB set up correctly
Features:
- Easy-To-Use Framework Chooser (with support for your own framework!)
- Softkey Themer (with easy access to create your own!)
- Custom Softkey Mapping Support (Nexus S included, easy to create and add your own!)
- 1.2.3 Package Creating (and Pushing/Rebooting into Recovery too!*)
- Unique Ticker Clock Color Selection (type in whatever color you can think of!*)
-Weather Icon and/or History Button Removal! (Actually removes the Icons, not just blanks them over!)
-Drag-and-Drop Functionality! (Includes all the tasks that you will ever want to do with an *.apk or *.jar)
-Automatically Checks for Updates! (Warns you if there in an update, displays text about the update, and opens up your browser to this page )
-Option to Set my Program as the Default Action for APKs and/or JARs! (So when you click on an APK and/or JAR, it'll open up my program!)
-Lots of Extras and Bugfixes! (Check it out!)
Developer's Mode! (You can find the option to enable it in Extras -> Program Settings!)
Future Proof! and Bug fixes (The method it now uses to set the Ticker Modifications works no matter what is going on with your Standbymode.xml file!)
Ability to Change Pressed Clock Color!* (You must be on a ROM that supports this to notice any changes...)
NEW: Compatibility with Gingerbread Mods!
NEW: Shows History in the choose file screen!
NEW: Set Update Settings from Program!
The function of this Program to create a new, all your own, Flashable Package that has your own personal touch to it
The wonderful thing about this program is that you can use this with any old framework-res file from any rom/mod package! This means that you can create your own themed framework from DJ20 up to EC07
There are only two stipulations: 1) that you are running a deodexed rom, which means that there are no .odex files located withing the system/framework folder or system/app folder... If you are in doubt about this, a stock rom straight from the store will NOT work! But pretty much any rom found on this website works 2) You have Java installed, and should have ADB properly set up!
Now, let's get down to specific details about the different functions and terminology:
1) Towards the top of the main page is very important! This is an easy view of what settings you currently have applied Always keep an eye out on this, to make sure that you have selected everything that you want to select!
2) Default= Not Changed... Whatever the previous framework had, this option will allow the new framework to have it too... This includes history button/weather icon removal!
This Just In: Add your own Color to the Ticker Clock! This is still in beta stages, so be careful when changing the color... If you see any error messages, DON'T ATTEMPT FLASHING THE PACKAGE... But if it works for you, you have the easy and convenient ability to set any color you want for the Clock in a matter of seconds!
Also, You can now remove the Ticker Buttons on the main screen automatically, within seconds! And the icons are removed, not just covered up!
A new feature recently added was the option for custom Softkey Mapping! This setting can be found under extras, then under Softkey Remapping As of right now there is only the Nexus S remapping, with the original added in in case anyone flashed the Nexus S one and wants to make a new package to go back, but you can make your own easily! Just use the original mapping as a starting point, and go from there
You are more than welcome, and actually encouraged, to add your own! You can copy in your own personal framework, and you can make your own folder with your own Images!
*Notice: Make sure if you do make your own images that the image names are the same as the original! This is important, or the batch will not work!
I have said this before, and I will say this again... Please, for the sake of the community, if you make a package, please upload it I will be more than happy to share it on the front page of one of my Threads, giving you all of the credit
If you have found this Batch helpful, almost to the point of a godsend, you can click that Donate to me button if you want
Download Links Below [NEW: 2/13]:
http://www.mediafire.com/download.php?smmg1gvc7qch3br
awesome tb101
This looks awesome! Wish I had windows though...
Sent from my SCH-I400 using xda premium
Yeah, that sucks xP
And its just getting better!
Almost done adding in automatic hands free ticker clock color editing
Sent from my SCH-I400 using xda premium
I cant seem to find the download?
sent from my XDA phone - its more than a continuum
You got that right. Unless there's another below somewhere else =)
Re-Uploaded! Please download and try it out, and be sure to leave comments/suggestions!
hmmm well tried v3,
adb said successful push, wasnt, did it manually.
ticker color mod created w/o previous error via v2
flashed and after pause on bootup went black and did the vibrating jig.
restoring now...
tested w/o success gonna try with my pulled frameworks, might be because of recent added settings mod.
great job non the less tb101!
Yeah, build v2 didn't actually say an error message when it should've, so that is actually a good thing kinda, haha...
Can you tell me please what settings you applied? Like, what framework, softkeys (if any), auto-create etc etc
BTW: I am on the IRC, that might be faster
yeah i havent done anything to my phone since the restore after the failed flash.
i used the ec07 builtin frameworks, original softkeys, and purple color on ticker lol.
i opted to push in adb and it said it was successfully pushed, but it wasnt.
side note:
been real busy with tune up etc on the cars i own and work. hopefully this weekend i can try again. and fully set up my new to me dual screen xp64 media pc with adobe master suite. partitioned correctly this time to install the droid dev kit in windows and live cd....
updated OP with new version! has Weather Icon and History button removing
finally thanked the post, cause.... it finally worked for me. thanks again.
is there a dif from op and the one i got last night?
Haha, thank God it finally works for you xP you were like the only one xP
And uh, not anything big I don't think, haha... But probably safe to switch to this version anyways, just in case xP
Sent from my SCH-I400 using xda premium
Whenever I choose to remove the ticker history button and push the framework to my phone my phone won't boot afterwards. I've tried twice
Can you look in the log for me and see if anything is error-ish?
And how are you pushing the framework?
And are you using a framework that matches your current set up?
Sent from my SCH-I400 using xda premium
I didn't notice any errors. I pushed it using the script and doing it myself through adb like I always have. Yea I'm using the framework that I pulled from my phone right before using the script.
circa881 said:
I didn't notice any errors. I pushed it using the script and doing it myself through adb like I always have. Yea I'm using the framework that I pulled from my phone right before using the script.
Click to expand...
Click to collapse
that happened to me in v2.
i got it to work finally by reinstalling sdk and jdk (or just jre) and then manually copying my phone frameworks and putting it in the folder with rest. if all is insatlled correctly you should have no worries
ciscogee said:
that happened to me in v2.
i got it to work finally by reinstalling sdk and jdk (or just jre) and then manually copying my phone frameworks and putting it in the folder with rest. if all is insatlled correctly you should have no worries
Click to expand...
Click to collapse
Still didn't work.
circa881 said:
Still didn't work.
Click to expand...
Click to collapse
in irc now... lets see where ur at
I'm in the irc now, let's figure all this out, shall we?
Return to Contents Page - doubleshot Developers Reference
----
Part 1: This thread.
Part 2: Edit .9.png files for the MT4GS - step-by-step.
Part 3: Edit Mode10 Files for the MT4GS - step-by-step
--------
In today's workshop we are going to learn how to make changes to the Sense Lockring for the doubleshot.
What you need:
1 - HtcLockScreen.apk from the ( Sense ) ROM you are making it for.
2 - 7-Zip installed and ready.
3 - Photoshop ( or equivalent - directions for photoshop ) installed and ready.
4 - Time, interest, and creativity.
* - Guide written for a Windows XP machine, please adjust accordingly if your environment is different.
--------
Okay - the first thing I want you to do is go to this thread:
Customize Sense 3.0 Lock Ring and read the first and second post completely.
Don't download anything or try to play along, just read it.
When you get to the bottom of post 1, click thanks if you intend to customize your lockring. Ditto on clicking thanks at the bottom of post 2 in that thread if you intend to inscribe text on your Lockring.
Once you have read and thanked the author for both of those posts, come back here and see how much easier it is to do this on the MT4GS then it's sister device.
--------
Preparation: Setup.
Now that you have a rough idea of what you have to do, forget about the .m10 tools, fusion.apk, and everything else except for the requirements I listed at the top of this post. Easier already, huh?
First things first - let's set up our dev environment.
1 - Go to your computer desktop, right click and make a new folder. Call this folder "LockringEdits".
2 - Place your HtcLockScreen.apk file in the "LockringEdits" folder.
3 - Open the "LockringEdits" folder, and create two new folders in it. Call one "LockringOriginal" and the other one "Lockring001".
4 - Right click on the HtcLockScreen.apk file and choose "copy" from the menu.
5 - Open the "LockringOriginal" folder, and then right-click in an empty area of the folder and select "paste" from the options menu. Once pasted, go back up one level to the "LockringEdits" main folder.
6 - Repeat step 4, then step 5 again pasting into the "Lockring001" folder instead.
7 - Stop.
Recap setup:
We now have 3 copies of our HtcLockScreen.apk file in 3 different folders.
- The "LockringOriginal" folder is a backup of our HtcLockScreen.apk file and you hopefully won't have to go in there at all, but just in case you need it it's there.
- The "Lockring001" folder is where we will actually be working on our first Lockring, and has the HtcLockScreen.apk file we are going to edit.
- The "LockringEdit" main folder this project is in also has a copy of HtcLockScreen, so when you make your next project folder ( 002 ) you have a fresh file to copy into it.
--------
Make sure you have 7-zip and Photoshop installed, and you have rebooted your computer after the install, before moving on with this project.
Now that we have our project folders set up, time to get down to business. We are going to extract the graphics we are going to change, change them, and then add them back into the .apk file.
Easy, right? Yep - and here's how:
--------
Part 1: Extraction.
1 - Navigate to the "Lockring001" folder if you aren't in it already.
2 - Right click on HtcLockScreen.apk - highlight the "7-Zip" menu option, and when the next menu pops up choose "Open archive".
*Note: Just "Open archive" NOT the option with another menu of choices.
2A - You should now have a window open that shows the contents of the HtcLockScreen.apk file.
3 - Double-left-click the "res" folder, and then double-left-click the "drawable-hdpi" folder.
4 - Scroll down the list until you see "lockscreen_ring.png" and left-click once and hold to drag it out of the .apk file and drop it in the "Lockring001" folder.
4A - Also scroll down the list and find "lockscreen_ring_highlight.png" and drag that out of the .apk file and into the "Lockring001" folder as well.
4B - Close the 7-Zip window.
5 - Stop.
--------
You should now see in the "Lockring001" folder 3 files:
- HtcLockScreen.apk
- lockscreen_ring.png
- lockscreen_ring_highlight.png
Switch your view of this folder to "thumbnails" so you can see what the pictures look like while they are sitting in the folder.
--------
Part 2: Coloring.
1 - Open photoshop. Once it loads up, go to file->open and open each of the .png files one at a time.
2 - Position them in the Photoshop window so they sit next to each other and you can see them both.
3 - Click in the "lockscreen_ring.png" window, and then go up to and click "Image" in the menu at the top of your Photoshop window. Highlight "Mode" and make sure that "RGB Color" and "8 bits/channel" are both checked. If not, make them so.
3A - Do the same for "lockscreen_ring_highlight.png".
4 - Click back on the "lockscreen_ring.png" window to bring it into focus.
5 - Go back up to "Image" in the menu at the top of your Photoshop window. Highlight "Adjustments" and then select "Color Balance" from the menu.
6 - In the window that pops up, make sure "Midtones" is selected at the bottom, then grab the middle slider and drag it all the way to "Green".
The middle text box at the top of the color balance window should now read "+100" and the lock ring itself should be a semi see-through green.
( If not, make sure the "preview" option is checked in the color balance window to see your changes in real-time before making them. )
7 - Select "OK" in the color balance window, and then save the colored lockring.
8 - Repeat steps 5 to 7 for "lockscreen_ring_highlight.png".
9 - Close Photoshop after having saved both pictures, and navigate back to the "Lockring001" folder if not there already.
10 - Stop.
--------
Part 3: Replacing the graphics.
You should now have two green lockring pictures in the "Lockring001" folder next to the HtcLockScreen.apk file.
We are almost done, we just have to add these graphics back in to the HtcLockScreen.apk file to finish it off. Do that by:
1 - Right click on HtcLockScreen.apk - highlight the "7-Zip" menu option, and when the next menu pops up choose "Open archive".
*Note: Just "Open archive" NOT the option with another menu of choices.
1A - You should now have a window open that shows the contents of the HtcLockScreen.apk file.
2 - Double-left-click the "res" folder, and then double-left-click the "drawable-hdpi" folder.
3 - Select both of the edited graphics in the "Lockring001" folder, and then drag them into the 7-Zip window. Make sure you are in the "drawable-hdpi" folder in the 7-Zip window before doing so.
4 - Confirm the file copy, let it copy, and then close the 7-Zip window when it's done.
That's it!
You have now successfully changed the color of your Lockring for the Sense doubleshot ROM you got the HtclockScreen.apk file from.
The only thing left to do is get the HtcLockScreen.apk file on the device, and replace the one already on it in /system/app. Once that's done, you can enjoy your new custom colored lockring!
--------
Part 4: Engraving.
Now that we've learned that coloring the lockring is pretty easy, especially compared to the hoops they had to jump through on the Sensation to do the same thing, let's look at engraving some text on the lockring.
Again, we have it easy. Unlike on the Sensation, our lockring is right-side up and facing the right way. You can just type your text as normal over it and it'll be just right.
Repeat the steps from above to extract and load the two lockring graphic files into Photoshop.
Type your text over the first lockring, bend it and position it so it looks good on the ring.
Then follow this quote from the Sensation lockring guide:
mohit1234 said:
Engrave on the Lock Ring
Open the lock ring in Photoshop.
Click on the TYPE TOOL in the sidebar on the left and type the text you want to engrave.
On the right sidebar, right click on the layer with your text and click on blending options.
Select inner shadow and input the following settings:-
Blend Mode = Multiply
Color = Black
Angle = 30
Use Global Light box ticked
Opacity = 75%
Distance = 5px
Choke = 7%
Size = 5px
Then select bevel and emboss and input the following settings:-
Style = Outer Bevel
Technique = Chisel Hard
Depth = 1000%
Direction = Up
Size = 0px
Soften = 16px
Angle = 30
Altitude = 30
Use Global Light box ticked
Highlight mode = Screen
Color of Highlight Mode = White
Opacity = 75%
Shadow mode = Multiply
Color of Shadow mode = black
Opacity = 75%
Click OK and save the file as a PNG file.
There will be a popup asking whether you want the PNG to be interlaced or not. Choose none.
Change the color of the Lock Ring
Open the lock ring in Photoshop.
From the top menu, go to Image ---> Adjustments ---> Variations.
A window will open up.
In the window that just opened, move the pointer towards Coarse.
You can now select the color that you want.
You can also adjust the pointer between fine and coarse depending on the color you wish to achieve.
There are also options of Light and Dark which will also help to get the desired color.
After you've changed the color, click on save and save it as a PNG file.
Click to expand...
Click to collapse
...and that's basically it.
The only other thing you have to do is go back to the Sensation lockring tutorial and click thanks on both the first and second posts - because that tutorial made your life a whole lot easier.
--------
Conclusion & Thoughts:
Now that it's pretty plain out there how to make changes to the lockring on a Sense ROM for the doubleshot, i'm looking forward to seeing what the rest of you come up with.
I am not such a fan of graphics work, i'd rather be coding, but there are certainly some very talented and creatively artistic people floating around here.
Experiment, try different things, figure out how to make different shapes, and come up with some cool stuff.
I found out how to change the color of the ring on my own while I was overhauling the graphics on my ROM, I just decompiled and went through every app one at a time and changed any graphics file I could find to see what happened.
On a lark I searched for lockrings on XDA to see what was out there after I got my rainbow of colors, and found the Sensation lockring tutorial that taught me how to engrave them and a healthy appreciation for how easy it was to edit the lockrings on our device.
- ...and yes, you did just learn how to edit just about any graphic in any .apk file you come across on the device.
- If you want to start using this information to edit other graphics on your phone, DO NOT EDIT any .9.png graphics you find in this manner. You must use a completely different approach and actually de-compile and re-compile the .apk you take them from for them to work right.
See this thread: Edit .9.png files for the MT4GS - step-by-step. for .9.png files.
Other then that, just about anything else is fair game.
I tried to make the guide as simple as possible, aimed at someone with little-to-no photoshop knowledge or 7-Zip experience. All you need is an interest in doing it, and the tools to do so - the how is right here.
Here's the door, wide open, and I can't wait to see what happens when some of you walk through it.
Happy modding!
Edit - also - some graphics packages ( Like boot animations ) need to be placed back into the archives or archived without being compressed. The drag and drop method of using 7-Zip to do this will compress those images and then the file won't work anymore.
If you start messing with more graphics then the lockring explained above - just make sure to look at the information in the 7-Zip window before you remove it. It'll show you the actual size and compressed size - if they are both the same then you need to make sure it gets back into the archive without being compressed.
I use winrar for that function, I like it and it forces me to realize what graphics are compressed or not because I use a different program to deal with ones that aren't.
Your mileage may vary, but that works great for me, and is a good suggestion for others.
--------
EDIT: 12/16/2011
Lockscreen_ring.png
This is the graphic that shows when you need to grab it, so when the lockring is at rest on the lockscreen.
Lockscreen_ring_highlight.png
This is the graphic that is used to make it grow and appear to fly out of the phone at you once it is activated.
If the two graphics are not lined up the same in the .png files, you will have bugs.
Thus far the only bug i've encountered is that the screen turns off as it's booting - easily solved by just hitting the power or trackpad buttons to get it on again.
There may be other bugs that have not been found yet - it is recommended to keep both .png files with the graphics in the same place, and not one lower and the other higher. I am not sure what happens if you use two different graphics.
Also:
I have noticed no impact on the lock ring when you change the hidden .m10 lockring graphic in fusion.apk
What I have noticed is changing this graphic makes fusion.apk a bit buggy, and lags the system.
At this time it is still recommended to ignore the fusion.apk file altogether as mentioned at the top of this posting.
--------
Make sure to browse the first few posts after this one in the thread, some more in-depth and helpful explanations of the process and particulars is there.
aad4321 said:
Y u no have picture?!?
Click to expand...
Click to collapse
I suppose I could take screenshots at each step of the process and work them into the guide...
I've still got a few more tutorials to type up and some work to do on my ROM, so i'll get around to doing that but it's not something i'm in a big hurry to do.
I tried to make sure to over-exaggerate the explanations to make the guide crystal clear for someone to follow, as this is part 1 of 3 and I wanted to target people who have little to no experience and walk them through it. That hopefully sets them up to be able to take advantage of the other two parts after they get finished and written.
I'll link all 3 together once they are done.
Edit: For the time being if you want to see what the lockring looks like in different colors, here's the picture I posted in my ROM thread for the different lockring mod packages I made for 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"
}
... which shows different colors and with text engraved.
There is actually text on both the top and bottom of the lockring, and when you pull it up you can see what's on the bottom.
( Just my handle, for the curious. I'm not so vain as to make that what you see on the top half of the lockring. )
Some more examples:
Misc Lockring 000
md5 = 78bc3cb1cd705f7971d937b82af5c033
Original Art - Blue6IX
Non circle design:
Batman Lockring 005
md5 = cf8c6ccc230dcfb7b547db08ffbeb279
Graphic Source
*Note - flashing these two examples will also change your lockscreen icons to Bulletproof Green.
Wu Tang Lock Rings
I haven't had much chance to test, but throwing them up anyway.
Possibly a little glitchy, I was just testing this tutorial to see if I can get it to work.
(Alpha & Ring Sizes I think need to be tweaked, I may have overlooked the Ring heights - hence they maybe a little too short.)
I am happy to rework any of these if anyone wants em cleaner.
Enjoy
5 Wu tang Rings in one zip, extract them and flash them singularly/individually at will.
DL Link = http://www.megaupload.com/?d=TXW8229A
The plunge - someone has taken it!
Looks pretty happy, now we're getting somewhere
I gotta run out for a bit, but when I get back i'm gonna download them and try them out.
One thing I forgot to mention is that the image size is:
244 pixels
by
243 pixels
If anything is bigger it just gets cut off, but it'll still work fine.
Even if they end up being too low and you can't see them on the lockscreen, you can drag from anywhere on-screen to pull it up, you don't have to touch the graphic.
Keep 'em coming!
Blue6IX said:
The plunge - someone has taken it!
Looks pretty happy, now we're getting somewhere
I gotta run out for a bit, but when I get back i'm gonna download them and try them out.
One thing I forgot to mention is that the image size is:
244 pixels
by
243 pixels
If anything is bigger it just gets cut off, but it'll still work fine.
Even if they end up being too low and you can't see them on the lockscreen, you can drag from anywhere on-screen to pull it up, you don't have to touch the graphic.
Keep 'em coming!
Click to expand...
Click to collapse
Yeap, I note the sizes (244 by 243 when extracting your original .png files... However these wu images are more oval then round, hence I retained the width at 244, but lost some height trying preserve aspect ratio.)
You're wright, the rings are still useable however slightly too short (hence not as visible as a perfect 244 by 243 ring.)
Defo gonna rework these & make moreeeeeee.
Great simple tutorial, with the necessary programs, I can knock these rings out in like less then 5mins having found a nice graphic to work with.)
Forgot to hit Thanks, will do when back on PC.
Sent from my Bulletproof_Doubleshot using XDA App
You might want to download one of my oval-shaped batman logo lockrings from the Bulletproof thread - they suffer from the same issue.
What I did was make them sit higher on both graphics, instead of centered.
This shows them above the bottom of the screen before you touch them.
One thing to note, though, is that the animation that makes it fly towards you getting bigger on the unlock becomes off-center as well. If you raise it too high it just pops up near the top of the screen and becomes much less visually impressive.
Because Photoshop lets you use layers, I left the original lockring and pasted my new graphic over it, then moved it around using the original graphic as a guide to get it positioned well.
Once I had it where I wanted it, I simply clicked the layer underneath for the original graphic and deleted it, leaving only my newly pasted and aligned image.
Let me actually grab a quick screenie to show you what I mean - give me a few mins to get it edited in.
Edit:
Broke my screenshot function on my computer for the moment - so took a pic with the MT4GS camera - sorry about that.
Here you can see how I positioned it, kind of a happy medium of getting it higher on the graphic but not too high:
Then click on the layer for the grey ring, select delete, and it's all set.
Here is what it looks like in action:
Edit again:
For the sake of convenience, i'm posting the download info for the lockring made of the graphic pictured in the photoshop window just above, that way people can easily download an example of what the picture is showing after it's finished.
Batman Lockring 001
md5 = c6b1efd118ab0e8d6b4e1beaa42b4ffb
Graphic Source
*Note - flashing this example will also change your lockscreen icons to Bulletproof Green.
Blue6IX said:
You might want to download one of my oval-shaped batman logo lockrings from the Bulletproof thread - they suffer from the same issue.
What I did was make them sit higher on both graphics, instead of centered.
This shows them above the bottom of the screen before you touch them.
One thing to note, though, is that the animation that makes it fly towards you getting bigger on the unlock becomes off-center as well. If you raise it too high it just pops up near the top of the screen and becomes much less visually impressive.
Because Photoshop lets you use layers, I left the original lockring and pasted my new graphic over it, then moved it around using the original graphic as a guide to get it positioned well.
Once I had it where I wanted it, I simply clicked the layer underneath for the original graphic and deleted it, leaving only my newly pasted and aligned image.
Let me actually grab a quick screenie to show you what I mean - give me a few mins to get it edited in.
Click to expand...
Click to collapse
I like it, that's very useful info. Great concept in prepping the positioning with layers - niiice!
Sent from my Bulletproof_Doubleshot using XDA App
dillalade said:
I like it, that's very useful info. Great concept in prepping the positioning with layers - niiice!
Sent from my Bulletproof_Doubleshot using XDA App
Click to expand...
Click to collapse
The hardest thing about writing up tutorials is communicating all the minor details.
It's easy to take for granted the knowledge that you have, like using layers together for example - for people who don't or haven't spent much time using a particular tool what is obvious to someone is not to someone else.
I'm glad i'm starting to get people just diving in and making stuff, because all the little things that didn't get mentioned get brought up and explained.
No matter how hard you try to cover all your bases, you'll always forget something.
I'm going to give this a try as soon as I finish getting BulletProof 1.1 set up properly and the corresponding backups made. (I have an older but still very uasable version of Photoshop around here somewhere) But I DID want to take a second and thank you for all your hard work on this ROM that runs sooooo smoothly but not only that....I want to commend you on your selfless desire to teach the rest of us about what you are doing internally with your phases of programming on this ROM. Other experienced programers, I'm Sure, appreciate your efforts on this ROM as well as your other work Blue but I HOPE that a few others will follow your lead in the role of teacher that you have taken on SO well. That alone, is appreciated beyond simple words by those of us that have always had an interest in programming, graphics, modeling, etc.... but have never seen a valid starting point before now. Your detailed explainations along with the open source nature of Linux is an inspiration that makes many (I am sure) reevaluate the possibility of it being within more people's grasps that before now have only sat in awe of the ability of real programmers like yourself. Have you ever given any thought to teaching computer programming at a college for pay so that you could get paid for what you undoubtably LOVE and that give you more time than you now have for you research?? I just HAD to ask.....and THANK YOU again.
WeekendsR2Short said:
... Have you ever given any thought to teaching computer programming at a college for pay so that you could get paid for what you undoubtably LOVE and that give you more time than you now have for you research?? I just HAD to ask.....and THANK YOU again.
Click to expand...
Click to collapse
As far as being paid money to teach people...not too interested in that at this point in my life. It would twist my desire to do so into something else altogether. I prefer to give freely and help others advance who are willing to invest the time and effort to do so.
Thank you so much! ^^^
hi, do you know how to edit the shortcut icon container? I'm using MikXe sense 3.6 rom and can't find where to edit that, thanks.
Can anyone repost some pics I would like to make my lock ring a chevy emblem thanks in adv.
Just wondering if anyone is interested in this? I learned how from the original back on the Motorola Droid and have made it work for other phones. I used to be a themer but have since been spending my free time on other things. However, I still have the urge every once in awhile. For those not familiar, this will create a little looped video playing on the pull down screen.
Guide:
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 images / Idea for making your own animation.
Computer Programs:
Java: http://www.java.com/en/download/index.jsp
Apk Manager: http://forum.xda-developers.com/showthread.php?t=695701
Text Editor (Suggested - Notepad++: http://notepad-plus-plus.org/download/v5.9.6.2.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 )*
Batch Renamer > if you are making your own (Suggested - http://www.den4b.com/?x=downloads&product=renamer )*
You'll also need the SystemUI.apk from your favorite rom.
(Found in: rom.zip > system > app > SystemUI.apk)
If wanting to make one with images from a video, you'll need:
A short vid (if you are wanting to use one from, say, http://www.youtube.com/ then you would copy/paste that web address to a site like http://www.savevid.com/) and export the video as a file to your computer.
Video Editor (Suggested - iWiSoft Free Video Converter: http://www.iwisoft.com/videoconverter/ )*
It's easiest to export the images as PNGs.
Alternatively, you can make your own images with PIMP or kang them from someone else's already made animation (Don't forget to send them a thanks if you do!).
Common Questions:
*How big does the image need to be? - The screen size is 480 x 800.
*How many images can I have? - I'm not sure. The one I made has 14 and there have been no issues whatsoever. I've used as many as 30 on my Atrix and didn't have any issues, but others did and the apk will get a little bloated with that many images, especially if it's not very transparent or there are a lot of colors.
*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. The default on mine is "200" Trial and error ftw!
*What kind of animation should I do? - Only you can answer that! If you are having trouble thinking of something, browse the forums and see if you can't find some ideas. Search YouTube for a cool video. Play with some creating some logos. Only limitation is your imagination.
After editing images or finding the ones you want to use...
Place your SystemUI.apk in the Apk Manager's place-apk-here-for-modding folder.
Double Click the Script.
Choose 22.
Choose the number of SystemUI.apk and hit Enter.
Choose 9 for Decompile.
Naviage to Apk Manager > projects > SystemUI > res > drawable hdpi (or drawable hdpi v4, depending on rom)>
Place your images resized and renamed as status_bar_background_animationX.pngs here. (where X is the number of the image in sequential order)
Navigate to Apk Manager > projects > SystemUI > res > drawable > and place this: http://dl.dropbox.com/u/9903887/status_bar_background_animation.xml in there.
The one I posted here is just the normal one I use that has 14 images, but you can adjust for the amount of images you want and the speed of the image changes using your Text Editor. 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.
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:
com.android.systemui.statusbar.TrackingView in the second line and right after that (leave a space) add:
android:background="@drawable/status_bar_background_animation"
Make sure there is a space after this too, then save the xml.
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/easy 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 very first time you pull down the screen it will be static, but any other time it should start to animate. This is the same with every phone I have seen and not sure why this is.
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 have attached for you to use/edit as you see fit:
*status_bar_background_animation.txt http://dl.dropbox.com/u/9903887/status_bar_background_animation.xml
*14 multicolored Honeycomb images inspired / kanged from the boot animation.
*status_bar_tracking.txt - Pretty sure these are similar/same between CM7 and Stock or just use as reference guide.
http://dl.dropbox.com/u/9903887/status_bar_tracking.xml
*Empty flashable zip for ClockWorkMod - Use the Archive Manager to open as archive and place your SystemUI.apk inside /system/app. Do NOT unzip and rezip as it will break the signature and not flash correctly.
es0tericcha0s said:
Just wondering if anyone is interested in this? I learned how from the original back on the Motorola Droid and have made it work for other phones. I used to be a themer but have since been spending my free time on other things. However, I still have the urge every once in awhile. I'll post a how to if there is interest. For those not familiar, this will create a little looped video playing on the pull down screen.
Click to expand...
Click to collapse
I'm interested, but how much does this impact the battery? Does it run while the statusbar is up? A little more info would be helpful but I'm certainly interested.
Nah, it only runs while the screen is down so the effects on the battery are negligible.
This one is NOT mine, but just so you get the idea:
http://www.youtube.com/watch?v=t5ZD6WzwS0k
And it's built into the SystemUI.apk, not framework for our phones.
es0tericcha0s said:
Nah, it only runs while the screen is down so the effects on the battery are negligible.
This one is NOT mine, but just so you get the idea:
http://www.youtube.com/watch?v=t5ZD6WzwS0k
And it's built into the SystemUI.apk, not framework for our phones.
Click to expand...
Click to collapse
Very nice, that would be something of interest.
Sent from my LG-P999 using xda premium
Alrighty then. It's dinner and movie time with the lady. I'll post it up here a little later on.
OP edited with detailed instructions!
es0tericcha0s said:
Nah, it only runs while the screen is down so the effects on the battery are negligible.
This one is NOT mine, but just so you get the idea:
http://www.youtube.com/watch?v=t5ZD6WzwS0k
And it's built into the SystemUI.apk, not framework for our phones.
Click to expand...
Click to collapse
+1 for negligible battery loss. I've ran this with my G2x for a few months now, only minor issues if the person who puts the animation gets too crazy.
es0tericcha0s said:
Just wondering if anyone is interested in this? I learned how from the original back on the Motorola Droid and have made it work for other phones. I used to be a themer but have since been spending my free time on other things. However, I still have the urge every once in awhile. For those not familiar, this will create a little looped video playing on the pull down screen.
Guide:
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 images / Idea for making your own animation.
Computer Programs:
Java: http://www.java.com/en/download/index.jsp
Apk Manager: http://forum.xda-developers.com/showthread.php?t=695701
Text Editor (Suggested - Notepad++: http://notepad-plus-plus.org/download/v5.9.6.2.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 )*
Batch Renamer > if you are making your own (Suggested - http://www.den4b.com/?x=downloads&product=renamer )*
You'll also need the SystemUI.apk from your favorite rom.
(Found in: rom.zip > system > app > SystemUI.apk)
If wanting to make one with images from a video, you'll need:
A short vid (if you are wanting to use one from, say, http://www.youtube.com/ then you would copy/paste that web address to a site like http://www.savevid.com/) and export the video as a file to your computer.
Video Editor (Suggested - iWiSoft Free Video Converter: http://www.iwisoft.com/videoconverter/ )*
It's easiest to export the images as PNGs.
Alternatively, you can make your own images with PIMP or kang them from someone else's already made animation (Don't forget to send them a thanks if you do!).
Common Questions:
*How big does the image need to be? - The screen size is 480 x 800.
*How many images can I have? - I'm not sure. The one I made has 14 and there have been no issues whatsoever. I've used as many as 30 on my Atrix and didn't have any issues, but others did and the apk will get a little bloated with that many images, especially if it's not very transparent or there are a lot of colors.
*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. The default on mine is "200" Trial and error ftw!
*What kind of animation should I do? - Only you can answer that! If you are having trouble thinking of something, browse the forums and see if you can't find some ideas. Search YouTube for a cool video. Play with some creating some logos. Only limitation is your imagination.
After editing images or finding the ones you want to use...
Place your SystemUI.apk in the Apk Manager's place-apk-here-for-modding folder.
Double Click the Script.
Choose 22.
Choose the number of SystemUI.apk and hit Enter.
Choose 9 for Decompile.
Naviage to Apk Manager > projects > SystemUI > res > drawable hdpi >
Place your images resized and renamed as status_bar_animationX.pngs here. (where X is the number of the image in sequential order)
Navigate to Apk Manager > projects > SystemUI > res > drawable > and place this: http://dl.dropbox.com/u/9903887/status_bar_background_animation.xml in there.
The one I posted here is just the normal one I use that has 14 images, but you can adjust for the amount of images you want and the speed of the image changes using your Text Editor. 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.
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:
com.android.systemui.statusbar.TrackingView in the second line and right after that (leave a space) add:
android:background="@drawable/status_bar_background_animation"
Make sure there is a space after this too, then save the xml.
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/easy 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 very first time you pull down the screen it will be static, but any other time it should start to animate. This is the same with every phone I have seen and not sure why this is.
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 have attached for you to use/edit as you see fit:
*status_bar_background_animation.txt http://dl.dropbox.com/u/9903887/status_bar_tracking.xml
*14 multicolored Honeycomb images inspired / kanged from the boot animation.
*status_bar_tracking.txt - Pretty sure these are similar/same between CM7 and Stock or just use as reference guide.
http://dl.dropbox.com/u/9903887/status_bar_tracking.xml
*Empty flashable zip for ClockWorkMod - Use the Archive Manager to open as archive and place your SystemUI.apk inside /system/app. Do NOT unzip and rezip as it will break the signature and not flash correctly.
Click to expand...
Click to collapse
Can I use Clockmod Recovery to flash the MultiColored Honeycomb Animation.zip or is there something else I need or need to do?
The Honeycomb zip ONLY has the 14 images of the animation. It won't do anything if you try to flash it. And, to get those to work, you'd have to follow the guide in the opening post. It's pretty thorough. If you get stuck, let me know.
Hi, I'm extremely interested in getting this working.
I spent a good four hours designing a custom set of frames to match my current background, all before I realized that for some reason my current ROM's SystemUI.apk will not decompile correctly, and therefore won't RE-compile correctly. I spent a couple hours trying different versions of APKtool and aapt, all proving the same result. Finally I felt stupid when I tried it out on a random APK I had from a backup, decompiled and recompiled perfectly...
Has anyone tried this on an MIUI ROM? If so, I'm really interested in finishing this half-a-day project I've just started and could use some help xD
If you want, hit me up on Talk using my screen name.
Sent via telepathy
k4p741nkrunch said:
Hi, I'm extremely interested in getting this working.
I spent a good four hours designing a custom set of frames to match my current background, all before I realized that for some reason my current ROM's SystemUI.apk will not decompile correctly, and therefore won't RE-compile correctly. I spent a couple hours trying different versions of APKtool and aapt, all proving the same result. Finally I felt stupid when I tried it out on a random APK I had from a backup, decompiled and recompiled perfectly...
Has anyone tried this on an MIUI ROM? If so, I'm really interested in finishing this half-a-day project I've just started and could use some help xD
Click to expand...
Click to collapse
This would be awesome on MIUI.
k4p741nkrunch said:
Hi, I'm extremely interested in getting this working.
I spent a good four hours designing a custom set of frames to match my current background, all before I realized that for some reason my current ROM's SystemUI.apk will not decompile correctly, and therefore won't RE-compile correctly. I spent a couple hours trying different versions of APKtool and aapt, all proving the same result. Finally I felt stupid when I tried it out on a random APK I had from a backup, decompiled and recompiled perfectly...
Has anyone tried this on an MIUI ROM? If so, I'm really interested in finishing this half-a-day project I've just started and could use some help xD
Click to expand...
Click to collapse
The key to decompiling certain system apps with MIUI is using apktool and then installing the framework from the MIUI rom as a dependency.
Windows Users (Linux Users - if you can use Linux, you probably know how to use the CMD Prompt well enough to follow these directions for your system too):
1) Place the framework-res.apk and SystemUI.apk from the rom in the folder where your apktool is located.
2) Open CMD Prompt and navigate (change directories / cd) to your folder with apktool and apps.
3) apktool.jar if framework-res.apk
4) apktool.jar d SystemUI.apk
5) This will create a subfolder in the main folder that will be named SystemUI.
6) Make your edits following the guide in the OP.
7) When finished, compile the apk with this:
apktool.jar b SystemUI
8) This will build the app for you and you will find it located in the subfolder Dist inside of the SystemUI folder.
I threw one together here*: http://dl.dropbox.com/u/9903887/MIUISystemUI.apk
This SystemUI is from the stock based MIUI rom ported by stormageddon posted here:
http://forum.xda-developers.com/showthread.php?t=1421713
It has:
1) status_bar_background_animation.xml added to res/drawable (14 image version)
2) 14 Honeycomb themed images in /res/drawable-hdpi
3) status_bar_tracking.xml edit in /res/layout
4) This version IS able to be decompiled without errors by Apk Manager, so if it doesn't work, at least you can decompile and make the needed edits.
* I have NOT tested this. I am not currently running MIUI as I NEED wifi calling and my SIM card will not work with it. I purchased another SIM card from some suggestions I have seen around the forum, but unfortunately was not paying close enough attention and purchased the same one I already had instead and am not interested in spending an hour with a nandroid backup, flashing MIUI, testing, then nandroid restoring back to my current rom. So, good luck and let me know if I can help any more.
Thank you es0triccha0s!
That got me to decompile and compile correctly! Yes I am on Linux, and yes it was the if (install framework) command. Got a new problem though, the animation doesn't show. I noticed a few things though..
For one, I'm using a Galnet MIUI based of ICS. Inside the Res folder is a "drawable-hdpi-v4" folder, not sure if that v4 is going to mess anything up with this mod. I'm going to nandroid and then test with a GB version right now.
Secondly, in the scripts you provided in the OP, in the file status_bar_background_animation.xml you have all the images referenced as status_bar_background_animationX, but also in the OP, you mention we should place our created pngs into the drawable-hdpi folder as "status_bar_animationX". I simply removed all "_background"s from the file and it compiled, but I'm not sure if that is causing them not to be seen.
I'm gonna check a few things and report back.
Okay I put it on the Galnet 2.16 MIUI build. Made sure verything was as it should be as far as mod instructions are concerned. It booted, but there is NO status bar whatsoever.. Do you think its a permissions issue or something? Next thing I'm going to try is manually pushing it to the phone with ADB. This is just a test ROM, I have my actually useful nandroid backup when I get tired of this. Once again, will report back.
k4p741nkrunch said:
Thank you es0triccha0s!
That got me to decompile and compile correctly! Yes I am on Linux, and yes it was the if (install framework) command. Got a new problem though, the animation doesn't show. I noticed a few things though..
For one, I'm using a Galnet MIUI based of ICS. Inside the Res folder is a "drawable-hdpi-v4" folder, not sure if that v4 is going to mess anything up with this mod. I'm going to nandroid and then test with a GB version right now.
Secondly, in the scripts you provided in the OP, in the file status_bar_background_animation.xml you have all the images referenced as status_bar_background_animationX, but also in the OP, you mention we should place our created pngs into the drawable-hdpi folder as "status_bar_animationX". I simply removed all "_background"s from the file and it compiled, but I'm not sure if that is causing them not to be seen.
I'm gonna check a few things and report back.
Okay I put it on the Galnet 2.16 MIUI build. Made sure verything was as it should be as far as mod instructions are concerned. It booted, but there is NO status bar whatsoever.. Do you think its a permissions issue or something? Next thing I'm going to try is manually pushing it to the phone with ADB. This is just a test ROM, I have my actually useful nandroid backup when I get tired of this. Once again, will report back.
Click to expand...
Click to collapse
Thanks for pointing out the _background deal. Missed that in my proof reading stage. I'm going to update the OP in a bit. The drawable_hdpi vs drawable_hdpi-v4 thing seems to be dependent on either the apktool version or rom, not entirely sure. Have seen it on other phones / roms I have worked with, but seems random. Never really delved into the whys and hows. However, not really sure why the status bar disappeared on you. It might have something to do with update.zip's update script. I haven't messed with theming MIUI in a long time and am not sure if there needs to be any changes made to the update script that would be different vs. AOSP or CM7. It will almost certainly not work adb pushing the SystemUI though. That always messes things up, from my experience. Since it is just your test rom, try to put the SystemUI into the rom zip with an archive manager via opening as an archive (do not unzip, add, then rezip) and reflash.
I liked this idea. went ahead an made my own blue flames, and it looks nice (although I may mess with it a bit to get it a little smoother).
Just a note though: Unless you also remove the reference to shade_bg in status_bar_tracking.xml, you'll end up with both an animated and non-animated background.
Also, I'd recommend you have people only delete the resources.arsc and the status_bar_tracking.xml files from the keep folder when compiling. Otherwise, it's not uncommon that certain decompiling errors will transfer over to your finished product and give issues like the previous poster was having.
I'm not sure why I had never though of doing this before, but I'm glad you brought it to my attention
Okay, I'm trying something new tonight.
I went and checked every XML file and did some manual comparisons to see if I could find what was causing it not to show. For one, I think the Animation Flasher zip isn't doing the job so from now on I'll be packing it into the MIUI zip. Secondly, I noticed a lot more references to other status bar BG files in status_bar_tracking.xml. I replaced every reference of background="@drawable/blah blah bg" to background="@drawable/status_bar_animation"
I'm gonna see how this goes, will report back xD
Edit: Okay, so DON'T do that xD. At least I know my edits are recognized. Going back and removing the unnecessary edits, then packing it into the ROM Zip again, will report back.
Edit2: Okay, I'm very close to having this working with MIUI. Now that I've included it into the ROM ZIP, the statusbar is appearing completely white with the animation going on behind it. I can barely see the animation at the bottom of the status bar. Something is drawing that white background on the status bar, perhaps a default theme. I think that may be what is causing the general incompatibility with MIUI, the built in theming. I'm gonna fiddle around with the themes, see if I can find a way to use NO status bar theme. Will report back.
k4p741nkrunch said:
Okay, I'm trying something new tonight.
I went and checked every XML file and did some manual comparisons to see if I could find what was causing it not to show. For one, I think the Animation Flasher zip isn't doing the job so from now on I'll be packing it into the MIUI zip. Secondly, I noticed a lot more references to other status bar BG files in status_bar_tracking.xml. I replaced every reference of background="@drawable/blah blah bg" to background="@drawable/status_bar_animation"
I'm gonna see how this goes, will report back xD
Edit: Okay, so DON'T do that xD. At least I know my edits are recognized. Going back and removing the unnecessary edits, then packing it into the ROM Zip again, will report back.
Edit2: Okay, I'm very close to having this working with MIUI. Now that I've included it into the ROM ZIP, the statusbar is appearing completely white with the animation going on behind it. I can barely see the animation at the bottom of the status bar. Something is drawing that white background on the status bar, perhaps a default theme. I think that may be what is causing the general incompatibility with MIUI, the built in theming. I'm gonna fiddle around with the themes, see if I can find a way to use NO status bar theme. Will report back.
Click to expand...
Click to collapse
you need to delete android:background="@drawable/shade_bg"
It's possible that MIUI calls it something different like statusbar_background or status_bar_background. Either way, it needs to be deleted, not modified.
MWBehr said:
I liked this idea. went ahead an made my own blue flames, and it looks nice (although I may mess with it a bit to get it a little smoother).
Just a note though: Unless you also remove the reference to shade_bg in status_bar_tracking.xml, you'll end up with both an animated and non-animated background.
Also, I'd recommend you have people only delete the resources.arsc and the status_bar_tracking.xml files from the keep folder when compiling. Otherwise, it's not uncommon that certain decompiling errors will transfer over to your finished product and give issues like the previous poster was having.
I'm not sure why I had never though of doing this before, but I'm glad you brought it to my attention
Click to expand...
Click to collapse
Didn't think about the shade_bg as it's not linked to that in every rom. You don't have to actually remove it. You can also do this instead:
android:background="@android:color/transparent"
Also, I am of the school of thought that if the app decompiles with errors then you shouldn't use that as your base. I've done a ton of theming and I just won't use an app that decompiles wrong. It usually only happens if you are trying to decompile an app that has already been modified by the dev. Best to find a "stock" base framework or SystemUI to work with.
Easy
Can anyone make a flashable zip?
Of what and/or for what?
Sent via telepathy
EDIT!!! F*&% photoshop defaults to background again when I save! This is ****ting me to tears.
EDIT: Just had a read of this articleabout photoshop background layer being saved by default after reading this guy's thread here
Short answer is that Layer 1 is an arbitrary assigned value to any layer above the background. Layer 0 is what your image needs to be so simply renaming the default value of 1 to 0 works AFAIK. I will be testing this in a couple of minutes.
Will leave the rest as a reference for everyone else. They may learn from my stupidity. I did use the search button though it just took searching and searching till I found that guys thread above that had something specific that applied to my situation.
Hi,
I have am a confident at Android, I have build ROMs and I have a great deal of knowledge and for some reason the most simplest thing stumps me and that is getting bootanimations to work. I understand how they work and I know its not the frame rate or anything like that it has to be something to do with my export settings? Can someone here point me in the right direction?
I will give you a scenario here and why I have mentioned the above. I can get an existing boot animation that is 100% functioning and working and then I might edit the images, say for instance I am changing the colours. I don't change their size or physical dimensions in any way shape or form (they will even play in the preview emulator perfectly), I flash them to the device and nothing? Blank screen on boot up. It completed the boot and opens the OS, but for teh duration of the boot sequence when there is usually a boot animation working it shows completely blank?
Surely it has to do with my export settings? I'm competent with use of GIMP and Photoshop, I have GIMP 2.8 the latest and PS CS6.
Can someone with some knowhow here PLEASE help me with supply "secret settings" for their export of images?
I read somewhere that the images need to be reindexed? I don't know how to do this? I have edited other PNGs that are non-bootanimation PNGS and I knew I had to uncheck indexing and check the box for R,G,B and that allowed me to edit the image.....but if I check the box for an boot animation image (set to R, G, B) back to indexed; when I close the image and re-open it again its back as a R, G, B image? WTF?
I have heard somewhere they need to be 24bit? I have NFI what that means or where to change it? My version of photoshop only has listings for 8bit, 16bit and 32bit?
Yes my kernel allows for bootanimations. Yes a boot animation was working on my phone!
I can change nothing except the colour of the images; package them in the same location in the zip; Test on the previewer for Windows; load it to the phone -> nothing!
EDIT: YES Permissions are set correctly. I can even change back to the boot animation that I changed the colour and it works perfectly
I read now 8 bits per channel. And there is 3 being that they are RGB, which makes them 24bit anyway? WTF is wrong. I fail hard if I can't get a boot animation working LOL.
Jarmezrocks said:
I read now 8 bits per channel. And there is 3 being that they are RGB, which makes them 24bit anyway? WTF is wrong. I fail hard if I can't get a boot animation working LOL.
Click to expand...
Click to collapse
you should upload here that bootanimation.zip file
About
In this guide I will be telling you about how to create your own device mods like this. This involves using an engine built into Android Nougat. There is no root required.
Prerequisites
- Apktool installed (official guide here)
- The apk of the app you wish to modify (ex: SystemUI.apk) (system dump here; USE WINRAR AS 7z DOESN'T EXTRACT RIGHT)
- Android Studio
- Basic knowledge of apk guts
- Template RRO project
- optional: Finished Example Project (for reference)
Tutorial
The first step is to decompile your target APK so we can see what options we can change. For this tutorial, I am going to be modding SystemUI.apk.
"apktool d SystemUI.apk"
After it finishes, go to "SystemUI/res/values", as this will be where we change most things.
Here we can see files like "bools.xml, strings.xml, integers.xml, etc..."
Let's look in "bools.xml".
I see a line in here that mentions lock screen rotation:
"<item type="bool" name="config_enableLockScreenRotation">@android:bool/config_enableLockScreenTranslucentDecor</item>"
For this tutorial, let's change this value, as it is easy to change, and we can visually see this change.
It looks like this boolean is enabled if "config_enableLockScreenTranslucentDecor" is enabled. To override this, we have to change it to "true" instead.
Now that we know what we are changing, let's open up the "RRO_Template" project in android studio.
First navigate to the Gradle Scripts and select the "build.gradle" for the "(Module: app)"
Here lets change some variables. First is the "theme_name". Let's change it to "Lockscreen Rotation"
Next is "theme_id". Let's make it "com.mod.lockscreen_rotation"
We don't need to mess with "priority"
Last is the "package_id" Since default is the id for the SystemUI, we don't have to change anything. If you need to find this for another app, look in the decompiled APKs AndroidManifest.xml under "package="com.app.id""
Next, navigate to the res folder. If you remember, our "bools.xml" file is under "res/values/bools.xml", so let's add that file.
We can delete the sample "strings.xml" as we don't need to change anything there, and add the "bools.xml" file.
Inside of the newly created XML file, we should see a setup like this (if not add it):
"<?xml version="1.0" encoding="utf-8"?>
<resources></resources>"
Looking back at the setting we want to change, it's "<item type="bool" name="config_enableLockScreenRotation">@android:bool/config_enableLockScreenTranslucentDecor</item>". So let's add that line.
But since we are overriding the value to true, it will now look like this :"<item type="bool" name="config_enableLockScreenRotation">true</item>"
And that's it for the value changing!
Now let's go build the APK. Press "Alt + B" to bring up the Build menu and press "Build APK"
Click "Show In Folder" on the bottom right after it compiles to see the APK.
Put this on your phone and install the APK.
Since we modified the SystemUI.apk, we need to reboot to see the changes.
Now, lets try going to the lock screen and rotating the screen. It should rotate!
Congratulations! You made a mod / theme!
If you have any questions, please ask. I will try to help if I am available. I have classes starting in a few days so I may be busy. Enjoy the guide!
Hello tytydraco,
Not sure if my problem is totally related to your posted thread but it sounds like you are very knowledgeable on Galaxy theming! I have a rooted Galaxy S8 and have merged/moded different themes from the Theme store, such as using another theme’s icon pack or wallpaper by swapping them out of their respective .apk files and implementing them with success!
My problem is with a theme’s "InCallUI" (accept, reject, hangup icons in phone dialer) after adding cool graphic .png icons (then changing to .qmg) it works flawlessly, however every time I restart my phone or a Samsung system app is updated, they revert back to those default Samsung cartoony icons. I then have to apply stock theme then re-apply customized theme to get icons back. This process also changes/breaks 3 or 4 other theming aspects, which are not affected by restarts, that I have to re-adjust!
Not only have I altered the theme’s “base.apk” in /Data/App/MyTheme folder, but also the theme’s InCallUI.apk and placed into; Data/Overlays/Style/Mytheme folder, then changed permissions to "rwx r-- r-w". I use these permissions because all the other apk's in this folder use them. I have even tried using different theme’s InCallUI.apk, whose icons remain after restart, by just changing the icons and renaming to my theme….but to no avail, same problem!
I know this all sounds really OCD, like probably most of us within these forums, but it’s getting to be a real pain in darse to constantly have to change everything back again every restart if I want to maintain my theme!
So if I may poach upon your smart nature, do you know if there is a configuration file/folder that can be edited/altered to make those “InCallUI” icons stick upon a restart?
Any advise or corrections in what I'm doing would be greatly appreciated!
Thanks in advance.
eltoro5 said:
Hello tytydraco,
Not sure if my problem is totally related to your posted thread but it sounds like you are very knowledgeable on Galaxy theming! I have a rooted Galaxy S8 and have merged/moded different themes from the Theme store, such as using another theme’s icon pack or wallpaper by swapping them out of their respective .apk files and implementing them with success!
My problem is with a theme’s "InCallUI" (accept, reject, hangup icons in phone dialer) after adding cool graphic .png icons (then changing to .qmg) it works flawlessly, however every time I restart my phone or a Samsung system app is updated, they revert back to those default Samsung cartoony icons. I then have to apply stock theme then re-apply customized theme to get icons back. This process also changes/breaks 3 or 4 other theming aspects, which are not affected by restarts, that I have to re-adjust!
Not only have I altered the theme’s “base.apk” in /Data/App/MyTheme folder, but also the theme’s InCallUI.apk and placed into; Data/Overlays/Style/Mytheme folder, then changed permissions to "rwx r-- r-w". I use these permissions because all the other apk's in this folder use them. I have even tried using different theme’s InCallUI.apk, whose icons remain after restart, by just changing the icons and renaming to my theme….but to no avail, same problem!
I know this all sounds really OCD, like probably most of us within these forums, but it’s getting to be a real pain in darse to constantly have to change everything back again every restart if I want to maintain my theme!
So if I may poach upon your smart nature, do you know if there is a configuration file/folder that can be edited/altered to make those “InCallUI” icons stick upon a restart?
Any advise or corrections in what I'm doing would be greatly appreciated!
Thanks in advance.
Click to expand...
Click to collapse
Sounds like the apk is reverting back... There may be another QMG file that puts the icon back. Other than that, it may be samsung's themes overriding this. Good luck and thanks for the question!
Couple of quick questions
Thanks for the guide OP!
I had a couple of quick questions.
You mention at the beginning of your guide that your method works because of a built in engine in Nougat and that it doesn't require root. I thought that RRO support was added to the AOSP by Sony in Marshmallow? Is this different, or did it just take until Nougat for Samsung to catch up?
The reason I ask is that I tried to do something very similar on an A5 (2017) running 6.0.1 and had no success. I had full root access so I manually installed my .apk into /system/vendor/overlay and could see that the app was installed in the Application Manager, but the desired changes did not take effect. I based my .apk on a similar guide from tutsplus and they say it should work on a device running Marshmallow or higher, but they emulate a Nexus which is obviously closer to AOSP than a Galaxy.
Is this guide Nougat specific or S8 specific? i.e. will a J5 2017 (released after the S8) running Nougat also work in the same way? Can you still install the app manually to the /system/vendor/overlay folder or do you have to manually install it through the UI?
Thanks again for the guide!
tytydraco said:
Enjoy the guide!
Click to expand...
Click to collapse
Hello, sorry for waking this up, the RRO template links are down. Can you attach them here?