Attend XDA's Second Annual Developer Conference, XDA:DevCon 2014!
5,777,659 Members 44,281 Now Online
XDA Developers Android and Mobile Development Forum
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. 16 100.00%
Voters: 16. You may not vote on this poll

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

Tip us?
 
the_original_teknikl
Old
(Last edited by the_original_teknikl; 18th June 2014 at 12:19 AM.)
#1  
Senior Member - OP
Thanks Meter 2392
Posts: 773
Join Date: Mar 2013

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

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.

I LIKE COFFEE. FEEL FREE TO BUY ME SOME.

Are you about to ask a question? Hold up. Before you do that, did you check HERE? or HERE
FOR ANY ND8 RELATED QUESTIONS PLEASE VISIT THIS THREAD ----> TouchWiz 4.4 KitKat ND8 myth busters

My KITKAT 4.4.2 Touchwiz, Blue PCB Theme

TOUCHWIZ KITKAT ANIMATED PULLDOWN BAR AND ANIMATED PULLDOWN BACKGROUND MOD
The Following 16 Users Say Thank You to the_original_teknikl For This Useful Post: [ Click to Expand ]
 
the_original_teknikl
Old
(Last edited by the_original_teknikl; 17th June 2014 at 12:17 AM.)
#2  
Senior Member - OP
Thanks Meter 2392
Posts: 773
Join Date: Mar 2013

 
DONATE TO ME
Default 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, 106 views)

I LIKE COFFEE. FEEL FREE TO BUY ME SOME.

Are you about to ask a question? Hold up. Before you do that, did you check HERE? or HERE
FOR ANY ND8 RELATED QUESTIONS PLEASE VISIT THIS THREAD ----> TouchWiz 4.4 KitKat ND8 myth busters

My KITKAT 4.4.2 Touchwiz, Blue PCB Theme

TOUCHWIZ KITKAT ANIMATED PULLDOWN BAR AND ANIMATED PULLDOWN BACKGROUND MOD
The Following 12 Users Say Thank You to the_original_teknikl For This Useful Post: [ Click to Expand ]
 
the_original_teknikl
Old
(Last edited by the_original_teknikl; 16th June 2014 at 02:38 AM.)
#3  
Senior Member - OP
Thanks Meter 2392
Posts: 773
Join Date: Mar 2013

 
DONATE TO ME
Default 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 View Post
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!!!

I LIKE COFFEE. FEEL FREE TO BUY ME SOME.

Are you about to ask a question? Hold up. Before you do that, did you check HERE? or HERE
FOR ANY ND8 RELATED QUESTIONS PLEASE VISIT THIS THREAD ----> TouchWiz 4.4 KitKat ND8 myth busters

My KITKAT 4.4.2 Touchwiz, Blue PCB Theme

TOUCHWIZ KITKAT ANIMATED PULLDOWN BAR AND ANIMATED PULLDOWN BACKGROUND MOD
The Following 9 Users Say Thank You to the_original_teknikl For This Useful Post: [ Click to Expand ]
 
the_original_teknikl
Old
(Last edited by the_original_teknikl; 19th June 2014 at 05:00 AM.)
#4  
Senior Member - OP
Thanks Meter 2392
Posts: 773
Join Date: Mar 2013

 
DONATE TO ME
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 View Post

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, 40 views)

I LIKE COFFEE. FEEL FREE TO BUY ME SOME.

Are you about to ask a question? Hold up. Before you do that, did you check HERE? or HERE
FOR ANY ND8 RELATED QUESTIONS PLEASE VISIT THIS THREAD ----> TouchWiz 4.4 KitKat ND8 myth busters

My KITKAT 4.4.2 Touchwiz, Blue PCB Theme

TOUCHWIZ KITKAT ANIMATED PULLDOWN BAR AND ANIMATED PULLDOWN BACKGROUND MOD
The Following 9 Users Say Thank You to the_original_teknikl For This Useful Post: [ Click to Expand ]
 
the_original_teknikl
Old
#5  
Senior Member - OP
Thanks Meter 2392
Posts: 773
Join Date: Mar 2013

 
DONATE TO ME
reserved

I LIKE COFFEE. FEEL FREE TO BUY ME SOME.

Are you about to ask a question? Hold up. Before you do that, did you check HERE? or HERE
FOR ANY ND8 RELATED QUESTIONS PLEASE VISIT THIS THREAD ----> TouchWiz 4.4 KitKat ND8 myth busters

My KITKAT 4.4.2 Touchwiz, Blue PCB Theme

TOUCHWIZ KITKAT ANIMATED PULLDOWN BAR AND ANIMATED PULLDOWN BACKGROUND MOD
The Following User Says Thank You to the_original_teknikl For This Useful Post: [ Click to Expand ]
 
the_original_teknikl
Old
(Last edited by the_original_teknikl; 13th June 2014 at 07:27 AM.)
#6  
Senior Member - OP
Thanks Meter 2392
Posts: 773
Join Date: Mar 2013

 
DONATE TO ME
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.

I LIKE COFFEE. FEEL FREE TO BUY ME SOME.

Are you about to ask a question? Hold up. Before you do that, did you check HERE? or HERE
FOR ANY ND8 RELATED QUESTIONS PLEASE VISIT THIS THREAD ----> TouchWiz 4.4 KitKat ND8 myth busters

My KITKAT 4.4.2 Touchwiz, Blue PCB Theme

TOUCHWIZ KITKAT ANIMATED PULLDOWN BAR AND ANIMATED PULLDOWN BACKGROUND MOD
The Following 2 Users Say Thank You to the_original_teknikl For This Useful Post: [ Click to Expand ]
 
pharmdeon
Old
#7  
pharmdeon's Avatar
Senior Member
Thanks Meter 350
Posts: 172
Join Date: Jun 2013
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: [ Click to Expand ]
 
the_original_teknikl
Old
#8  
Senior Member - OP
Thanks Meter 2392
Posts: 773
Join Date: Mar 2013

 
DONATE TO ME
Quote:
Originally Posted by pharmdeon View Post
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....

I LIKE COFFEE. FEEL FREE TO BUY ME SOME.

Are you about to ask a question? Hold up. Before you do that, did you check HERE? or HERE
FOR ANY ND8 RELATED QUESTIONS PLEASE VISIT THIS THREAD ----> TouchWiz 4.4 KitKat ND8 myth busters

My KITKAT 4.4.2 Touchwiz, Blue PCB Theme

TOUCHWIZ KITKAT ANIMATED PULLDOWN BAR AND ANIMATED PULLDOWN BACKGROUND MOD
The Following User Says Thank You to the_original_teknikl For This Useful Post: [ Click to Expand ]
 
the_original_teknikl
Old
#9  
Senior Member - OP
Thanks Meter 2392
Posts: 773
Join Date: Mar 2013

 
DONATE TO ME
Quote:
Originally Posted by pharmdeon View Post
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.

I LIKE COFFEE. FEEL FREE TO BUY ME SOME.

Are you about to ask a question? Hold up. Before you do that, did you check HERE? or HERE
FOR ANY ND8 RELATED QUESTIONS PLEASE VISIT THIS THREAD ----> TouchWiz 4.4 KitKat ND8 myth busters

My KITKAT 4.4.2 Touchwiz, Blue PCB Theme

TOUCHWIZ KITKAT ANIMATED PULLDOWN BAR AND ANIMATED PULLDOWN BACKGROUND MOD
The Following User Says Thank You to the_original_teknikl For This Useful Post: [ Click to Expand ]
 
pharmdeon
Old
(Last edited by pharmdeon; 13th June 2014 at 01:47 PM.)
#10  
pharmdeon's Avatar
Senior Member
Thanks Meter 350
Posts: 172
Join Date: Jun 2013
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

The Following User Says Thank You to pharmdeon For This Useful Post: [ Click to Expand ]
Tags
animated, animated pull down back ground, custom pull down, mod, status bar pulldown/notification background
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes