View Poll Results: Please rate the "KEWL" factor of this mod.
This is old news man... you wasted your time. 0 0%
Awesome! Thanks for bringing this to TW KK 4.4.2. 19 100.00%
Voters: 19. You may not vote on this poll

Post Reply

[MOD][TW KK][Guide][How To]Animated PullDown Background AND/OR Pulldown BAR

13th June 2014, 06:52 AM   |  #1  
OP Senior Member
Thanks Meter: 2,783
 
861 posts
Join Date:Joined: Mar 2013
Donate to Me
More
Quote:

An example of what I mean by ANIMATED STATUS BAR PULL DOWN BACKGROUND can be found HERE

Quote:

This is the thread I followed to get a feel for how to do it. ---> http://forum.xda-developers.com/show....php?t=1143675

Ok, after seeing a few posts a few days ago talking about people having animated status bar pulldown backgrounds, I decided to do some research because I had never heard of this before.

I noticed that for some reason the mod stopped with ICS.

So I decided to create a thread on how to add this feature to your ROM, or the ROM you are currently running.

The edits are very simple, actually, pretty much exact to the GB version of the mod.... however, they can be a little time consuming based on just how many images you would like to add to your animation.

Quote:

In POST #2, I have posted a guide on how to add add this feature to your TOUCHWIZ KITKAT 4.4.2 ND8/NDC ROM. (other phones also running touchwiz kitkat should be relatively similair, depending on if your systemui.apk is where the background is pulled from.)

Quote:

In POST #3, I have posted a guide for user/themer's, on how to create your own animations and use them with this mod.

Quote:

In POST #4, I have posted a guide on how to add animation to the statusbar PULLDOWN bar.

Quote:

In POST #6 I would like to link to animations posted by you... To make it easier to find the animations... Why not have them posted in the thread explaining how to create them... But I'll need your help on this one.



I would like to send a thank you to....
@bilgerryan
@tdunham
@dazednconfused
@CNexus
and
@erikalin ...

Without your answers to a few questions I've had or tuts on how to do something... I wouldn't have this mod... Or a few others that I've put out....

So thank you guys for your help.
Last edited by the_original_teknikl; 18th June 2014 at 12:19 AM.
The Following 18 Users Say Thank You to the_original_teknikl For This Useful Post: [ View ]
13th June 2014, 06:52 AM   |  #2  
OP Senior Member
Thanks Meter: 2,783
 
861 posts
Join Date:Joined: Mar 2013
Donate to Me
More
Dev instructions
Dev instructions on how to add this mod to your touchwiz kitkat 4.4.2 based rom is located below:

Please remember to hit thanks if you like or use this mod.

Quote:

NOTE: To get this to work with your rom... Read THIS POST..... To customize the animation read POST #3 and POST #4.

Quote:

Step 1 - Download the AnimatedPulldownMod.zip I have attached below.

Step 2 - Open the zip and extract the two files somewhere on your desktop.

Step 3 - Decompile your systemui.apk from your rom using apktool or what ever tool you use to decompile apps.

Step 4 - Navigate to the res/drawable folder in your decompiled app and the "pulldown.xml" from my zip to this folder.....

Step 5 - Navigate to the res/drawable-xhdpi folder, (or whatever folder your rom uses), and do the same for the "pulldown_animxxxx.png" images into your open folder..... You can now delete my files.

Step 6 - Navigate to "res/layout" folder and open "status_bar_expanded.xml" open it with an xml editor such as notepad++ or virtuos ten studio.

Step 7 - In line 2 of that file you should see this..

Quote:

<com.android.systemui.statusbar.phone.notification panelview android:id="@id/notification_panel" android:background="@drawable/twcustom"................

change the background to look like this android:background="@drawable/pulldown" so the image background gets directed to the pulldown.xml file you just put in your res/drawable folder.

Step 8 - Save and close this file now to prevent any conflicts while recompiling the app.

Step 9 - Once you have the images in the proper folder, edited the status_bar_expanded.xml file, and put the pulldown.xml file in your res/drawable folder... Recompile your apk and name it something different, like new.apk...

Step 10 - Open both the original systemui.apk and the new new.apk you just built, with 7-zip (that is what i recommend)

Step 11 - Drag the resourses.arsc and classes.dex file from the new.apk into the original systemui.apk.... Do the same for the res folder in the new.apk

Step 12 - Add to your rom and enjoy!!!

Attached Files
File Type: zip AnimatedPulldownMod.zip - [Click for QR Code] (2.56 MB, 161 views)
Last edited by the_original_teknikl; 17th June 2014 at 12:17 AM.
The Following 12 Users Say Thank You to the_original_teknikl For This Useful Post: [ View ]
13th June 2014, 06:52 AM   |  #3  
OP Senior Member
Thanks Meter: 2,783
 
861 posts
Join Date:Joined: Mar 2013
Donate to Me
More
Dev/Themer Instructions
THEMER INSTRUCTIONS FOR CREATING YOUR OWN ANIMATIONS AND EDITING THE ABOVE FILES TO WORK WITH YOUR NEW ANIMATIONS.

Please remember to hit thanks if you like or use this mod.

This guide is assuming you have either performed the DEV MOD in the post above or you are on a rom that has.... AND..... you already have the custom images you would like to use for your animation. If you do not, I recommend reading the guide created by @erikalin on how to create your own images

Quote:
Originally Posted by erikalin

If you ever want to learn, the tutorial I made up on another device thread shows the process. I made a video tutorial too - me talking and walking through the process of grabbing a video and turning it into an animation. FWIW, just sharing the love. Link is: written tutorial or video tutorial. Just replace with your own image sizes and file names, same process.

As stated above, the process is the same.

You could also search GOOGLE or XDA FORUMS for how to create frame by frame png animations... WARNING!!! It can be time consuming.

Quote:

NOTE:Read POST #4 to learn how to create a flashable zip for other users of your, and all other roms based on your phone carriers android version that have the mod above, to use.

Ok, so if you want to use a different animation than what i have inside the mod, you will have to edit the xml inside of Systemui.apk.

Quote:

Step 1 - Decompile the SystemUI.apk that already has the mod described in POST #2

Step 2 - Navigate to the res/drawable folder and open pulldown.xml

Step 3 - Count HOW MANY images are in your animation

Step 4 - Add or remove these lines

Quote:

<item android:duration="100" android:drawable="@drawable/pulldown_animXXXX" />

in that xml file you just opened to match the amount of images in your animation (see the next step to see what to name the images)
(THIS FILE ONLY CONTAINS THIS SPECIFIC MOD... DO NOT WORRY ABOUT BREAKING ANYTHING ELSE IF YOU MESS UP...OTHER THAN THE SYSTEMUI FORCE CLOSING WHEN REBOOTING....THIS IS WHERE THE BACKUP COMES IN HANDY.... JUST FOLLOW THE NEXT STEP AND YOU WILL BE OK) (USE THAT FILE AS A TEMPLATE FOR HOW YOURS SHOULD LOOK ONCE FINISHED) (REMEMBER TO HIT SAVE ONCE YOU ARE DONE EDITING THIS XML FILE.)

Step 5 - Rename your images to "pulldown_animXXXX.png" ... replacing the "XXX" with numbers starting at 0 ---> so if you have 10 images, you will start with pulldown_anim0 and end with pulldown_anim9

Step 6 - Move those newly named images to the res/drawable-xhdpi folder

Step 7 - Recompile the app and name it something else other than SystemUI.apk

Step 8 - Open BOTH the original SystemUI.apk and the new apk you just created with 7-zip

Step 9 - Drag the "resources.arsc" file, "classes.dex" file and the entire "res" folder from the NEW apk INTO THE ORIGINAL SYSTEMUI.APK

Step 10 - Push the MODIFIED systemui.apk (NOT THE NEW ONE YOU JUST CREATED) into the priv/app folder on you phone with a root explorer and reboot..... or remove the systemui from my zip above and replace with yours and flash.....

Step 11 - ENJOY!!!

Last edited by the_original_teknikl; 16th June 2014 at 02:38 AM.
The Following 9 Users Say Thank You to the_original_teknikl For This Useful Post: [ View ]
13th June 2014, 06:53 AM   |  #4  
OP Senior Member
Thanks Meter: 2,783
 
861 posts
Join Date:Joined: Mar 2013
Donate to Me
More
instructions for adding animated pulldown bar

Quote:


Follow this if you are on the STOCK systemui.apk

Step 1 - Download the zip below.

Step 2 - In your decompiled systemui.apk, Navigate to the res/drawable folder and drop all 3 xmls from the zip, into this folder.

Step 3 - Navigate to the res/drawable-xhdpi and drop the images from the zip into this folder.

Step 4 - Recompile the apk and enjoy.

Quote:

Note: Use the same methods for the previous posts to customize your own animation.... what i did was put the same animation on both the close and open animations.... but you can have one for opening and one for closing... your choice.

Quote:

These are instructions courtesy of @talkingmonkeys for how to add the mod if you are using @dazednconfused single bar pulldown mod.

Quote:
Originally Posted by talkingmonkeys


Open drawable/tw_close_handle_bg.xml and look for these 3 lines

Code:
<item android:state_pressed="true" android:drawable="@drawable/tw_close_handle_bg_press" />
    <item android:state_focused="true" android:drawable="@drawable/tw_close_handle_bg_press" />
    <item android:drawable="@drawable/tw_close_handle_bg_normal" />
Replace the above with this

Code:
<item android:state_pressed="true" android:drawable="@drawable/pulldown_bar_on" />
    <item android:drawable="@drawable/pulldown_bar_off" />

Attached Files
File Type: zip AnimatedPulldownBarMODFILES.zip - [Click for QR Code] (240.0 KB, 59 views)
Last edited by the_original_teknikl; 19th June 2014 at 05:00 AM.
The Following 9 Users Say Thank You to the_original_teknikl For This Useful Post: [ View ]
13th June 2014, 06:53 AM   |  #5  
OP Senior Member
Thanks Meter: 2,783
 
861 posts
Join Date:Joined: Mar 2013
Donate to Me
More
reserved
The Following User Says Thank You to the_original_teknikl For This Useful Post: [ View ]
13th June 2014, 06:53 AM   |  #6  
OP Senior Member
Thanks Meter: 2,783
 
861 posts
Join Date:Joined: Mar 2013
Donate to Me
More
This is where I would like to post links to flashable animations that you guys make using this guide.

As long as it is for a NDC (virgin/boost mobile) or ND8 (sprint) TOUCHWIZ KITKAT 4.4.2 based rom for the Galaxy S3, simply post your zip here with an ANIMATED pic of your animation, I will link it here in this post.

Quote:

If you follow step 12 in @erikalin tutorial here

you can create an animated preview of the animation to post here for the screenshot....

I would like to thank anyone who creates and posts a zip for us to use in advance.... Thank you.
Last edited by the_original_teknikl; 13th June 2014 at 07:27 AM.
The Following 2 Users Say Thank You to the_original_teknikl For This Useful Post: [ View ]
13th June 2014, 07:01 AM   |  #7  
pharmdeon's Avatar
Senior Member
Thanks Meter: 367
 
183 posts
Join Date:Joined: Jun 2013
More
Awesome! I love this mod! I just modified my systemui to include 111 images of the transformer in the other thread ... Changes d from Autobot to decepticon. Thanks for all of your work on this:thumbup::thumbup:

Sent from my SPH-L710 using xda premium
The Following User Says Thank You to pharmdeon For This Useful Post: [ View ]
13th June 2014, 07:12 AM   |  #8  
OP Senior Member
Thanks Meter: 2,783
 
861 posts
Join Date:Joined: Mar 2013
Donate to Me
More
Quote:
Originally Posted by pharmdeon

Awesome! I love this mod! I just modified my systemui to include 111 images of the transformer in the other thread ... Changes d from Autobot to decepticon. Thanks for all of your work on this:thumbup::thumbup:

Sent from my SPH-L710 using xda premium

sweet... just follow the instructions in post 4 and you can create a flashable zip to use on the updated version of wicked x rom... as it will have the mod implemented according to @bilgerryan.... and any other rom for our phone that decides to implement this mod....

also, im going to use post 6 as a place to post links to the animations for this mod on our phone.. if ya wanna post it here i'll link it in post 6....

and if you follow step 12 in @erikalin tutorial here

you can create an animated preview of the animation to post here for the screenshot....
The Following User Says Thank You to the_original_teknikl For This Useful Post: [ View ]
13th June 2014, 01:08 PM   |  #9  
OP Senior Member
Thanks Meter: 2,783
 
861 posts
Join Date:Joined: Mar 2013
Donate to Me
More
Quote:
Originally Posted by pharmdeon

Awesome! I love this mod! I just modified my systemui to include 111 images of the transformer in the other thread ... Changes d from Autobot to decepticon. Thanks for all of your work on this:thumbup::thumbup:

Sent from my SPH-L710 using xda premium

Sweet... guess my issues going above 30 were isolated.... I WAS playing with the animation duration time so that was prolly my issue.

Sent from a Wicked Virgin Mobile Samsung Galaxy S3 running KT747 Kernel on KITKAT Touchwiz.
The Following User Says Thank You to the_original_teknikl For This Useful Post: [ View ]
13th June 2014, 01:27 PM   |  #10  
pharmdeon's Avatar
Senior Member
Thanks Meter: 367
 
183 posts
Join Date:Joined: Jun 2013
More
I wasnt successful turning the 111 image into a zip though. The systemui I modified works, but once I make a zip out of it and flash it, it breaks the apk as before. I went back to the working nandroid and was able to flash the other 28 image one that I put together (I went back and forth between the Autobot and deception anims)
I may be zipping the 111 image XML and images wrong though?? ... I was pretty tired last night when messing around.

Sent from my SPH-L710 using xda premium
Last edited by pharmdeon; 13th June 2014 at 01:47 PM.

The Following User Says Thank You to pharmdeon For This Useful Post: [ View ]
Post Reply Subscribe to Thread

Tags
animated, animated pull down back ground, custom pull down, mod, status bar pulldown/notification background
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Top Threads in Sprint Galaxy S III Themes and Apps by ThreadRank