Database Develop

[Guide] Customize S2U2 Battery Animation, Slider Button, Animation & Curtain

POST 1:
Customize S2U2 "Slide to Unlock" text Animation
POST 2:
Customize S2U2 Slider button
Customize S2U2 Curtains
Change S2U2 Battery Animation
Here I will tell you guys how to customize the "slide to unlock" text animation.
1. The Animation file is in \Program Files\S2U2\gfx Folder named "slideanis.png"
2. It is made up of several slides of images of size 112x12 pixels(IMPORTANT), each placed right next to the other.
3. Its like the GIF animation but the images here are placed in a single image.
4. The resulatant file can be of any width but a multiple of 112, the Height should only be 12pixels.
4. You can also make customized animations like I did.
Creating animations using only Paint & Irfanview
Designing Frames:
==============
1. Open Paint.
2. Goto Image --> Attributes(Ctrl+E)
3. Set Width to 112 & Height to 12(If values are altered thing will go hazy). Choose the pixels combobox in 'Units' group.
4. You will get a 112x12 pixels white page.
5. Zoom in it to make designing easy.
6. Design a frame to be used in the animation.
7. Save it in BMP Format. I recommend using any naming convention. If Saved in other formats quality will be decreased.
8. Got the first frame, now create each & every frame to be used repeating the steps.
9. Save all of them in BMP format.
Of course: Instead of designing frames u can use any image just resize them.
Designing Animation:
===============
1. Open IrfanView.
2. Goto Image --> Create Panorama Image.
3. Choose Horizontal in the 'Directions' group.
4. Click 'Add images' & Choose all the frames u wish to use.
5. Adjust them 'Up', 'Down' as you want them in the animation. Top frame comes first & Bottom frame comes last.
6. Uncheck 'Insert file name into image'.
6. Click Ceate Image.
7. Save it in PNG format.
PS: Animations play really fast if only one unique frame is used once, In the Loading animation I got 12 frames, each frame was used 3 times repeatedly, to make it slow. i.e each frame was added 3 times.
Use Them:
========
1. I recommend to backup the \Program Files\S2U2\gfx folder.
2. Rename the saved PNG to 'slideanis.png'
3. Copy it to the \gfx folder.
4. Run iLock2 to stop S2U2.
5. Run iLock2 to rerun it.
That's it, Design your own animations & Share them here.
Have a look at a couple of mine:
Here's how my S2U2 looks like:
'll post the screen shots of others later.
Unzip & Copy 'slideanis.png' to \Device\Program Files\S2U2\gfx

Customize Slider Button
Here is a tutorial to customze the S2U2 Slider Button.
1. S2U2 Slider button image is in Device\Program Files\S2U2\gfx folder as Arrows.png.
2. It consists of two images each of size 47x30 pixels, that makes the original image 94x30 pixels.
3. The first image is used when Slide to unlock & second image is used when Slide to Answer.
Designing Buttons:
===============
1. Open Paint.
2. Goto Image --> Attributes
3. Change width to 47pixels & height to 30pixels.
4. Design button u want to use for slide to unlock.
5. When Done, save it in BMP format.
6. Repeat the process for the next button i.e. Slide to answer.
7. Open IrfanView.
8. Goto Image --> Create Panorama Image.
9. Choose 'Horizontal' in Directions Group.
10. Click Add Images & add the images (Remember the first file is for Slide to unlock & the second is for Slide to answer)
11. Untick 'Insert file names in images'.
12. Click Create Image.
13. This file should be of 94x30 pixels.
14. Save it in PNG format.
Use Them:
=========
1. Rename the file to arrows.png
2. Copy it to Device\Program Files\S2U2\gfx folder.
3. Stop S2U2 by running iLock2.
4. Start again by running iLock2
5. U are done.
Of course: Instead of designing buttons u can use any image just resize them.
For now have this @ end of post:
Copy it to \Device\Program Files\S2U2\gfx folder
==============================
Customizing the Curtains
===========================
Here how to customize the S2U2 curtains i.e Both Top & Bottom.
The files used for both curtains is topbar.png in the \Program FIles\S2U2\gfx\ folder.
To remove the curtains just delete the files topbar.png. PS: This will remove both the curatins.
1. Make any image of height 68 pixels, You can set any width. Note:- The width of PPC screen is 240 pixels. If the width is smaller it will be appended.
2. Save it as topbar.png.
3. Place it in GFX folder.
4. Stop S2U2 by running iLock.exe
5. Run S2U2.
That's it.
This file will be used for both curtains, but you can turn off top curtain from S2U2 settings.
============================================================================
Battery Animation:
==============
Screenshot:
With Text & Without Text

mushipkw said:
Reserved to add a Tutorial on modifying Button.
Cant add now coz my net is down and right now I am surfing using my cell data plan.
For now have this:
Copy it to \Device\Program Files\S2U2\gfx folder
Click to expand...
Click to collapse
looking 4ward to this one lol

Great Work

GOOD WK
I Lk it
4 the S2U2 Slider Button >> it would be better if a dark red rose used
4 th BATTERY >> can it B WT or LiT GRAY instead off GREEN Color
it wll B GREAT !!!!
THNKS

Slider Border
Here I'll be posting a tutorial on how to edit the Slider box. But for now Im uploading the Slider Boxes I have got.
Just rename them slide.png & copy them to Device\Program Files\S2U2\gfx folder.

figured it out
just made my own

I LK ths BLK & RD thm !!!
http://wiki.xda-developers.com/index.php?pagename=ATOM_USER_THEMES
down Ld LNK
http://www.mediafire.com/?2k9gjo2la2k

Here are few more:

And few more:

Few Themes:

do you mind if you pm me just the slider? it's the object that you slide across the bar. i'd like one that doesn't already have an icon on it, because i'm trying to figure out how to make my sliders have proper gradient work.
also, could you post here that sweet clock you have in the first post?
thanks for the themes, btw, i'm using the first one in the previous post (can't describe the wallpaper, lol.)

Azimuth21 said:
do you mind if you pm me just the slider? it's the object that you slide across the bar. i'd like one that doesn't already have an icon on it, because i'm trying to figure out how to make my sliders have proper gradient work.
also, could you post here that sweet clock you have in the first post?
thanks for the themes, btw, i'm using the first one in the previous post (can't describe the wallpaper, lol.)
Click to expand...
Click to collapse
I have already posted them in the 6th post in this thread http://forum.xda-developers.com/showpost.php?p=1768371&postcount=6

ah i meant the slider button itself, not the slider bar. sorry if i was vague.

for the slider, you actually just have to follow the first and second post and you can actually make your own slider buttons, ive done so myself and made 2 - 3 acuatll arrows that i actually switch from time to time

MrGalione973 said:
for the slider, you actually just have to follow the first and second post and you can actually make your own slider buttons, ive done so myself and made 2 - 3 acuatll arrows that i actually switch from time to time
Click to expand...
Click to collapse
Great u have made buttons, plz do post them here to share.

I just created the PointUI Slider. Hope you like it

mushipkw said:
Few Themes:
Click to expand...
Click to collapse
I have no probelm with you reposting or editing my themes but it would be nice if you gave me credit for the originals.

popdog54 said:
I have no probelm with you reposting or editing my themes but it would be nice if you gave me credit for the originals.
Click to expand...
Click to collapse
I didnt know they ware yours someone mailed me. Anyways your theme rocks.

Ifonz Skins by Worm+Icon pack

I have been using Ifonz since i first got my Samsung sch-I760 a couple months ago, and was unhappy with the visuals so set about making my own custom wallpapers..I am offering to you all in the hopes that maybe some of you can use them or better yet make your own and post them here for others to use/modify.
the zip file contains [3] folders
the folders contain:
1] the actual .jpg background images in both portrait and lanscape mode to be used with Ifonz [main files]
2] I have included psd layered files for you artists so you can easily add your own pictures.Just replace the background image with your own.The top layer contains the borders [optional]
3] I have also included the icons that i have been using personally. not necessary but there if you want them.44x44 in size [optional]
here are some screenshots (note: these are just a few and do not show all images available)
.
for the Ifonz configuration/settings:
_________________________
Under 'Top and Bottom Bar' settings:
make top bar and bottom bar fully transparent by dragging the transparency slider (0%) all the way to left
_________________________
Under 'Icons' settings:
N* Icons in Bottom Bar: = [4]
_________________________
Adjust the bottom [4] icons to be as follows:
choose blank.png for all four icon images (both pushed and unpushed)
and adjust their links as follows:
1) [phone] - 2) [messages] - 3) [power on/off] - 4) [contacts]
thats it. hope you like them and hope to see what you all come up with.

very nice theme.. good job! to bad I cant try it I lost my usb/phone plug -_- need to get a new one..

thanks for your work

Guide to ADW for newbs

This guide is to help people start creating Themes for ADW and understand what they are doing.
Instead of just replacing images by unzipping an APK I will tell you how to create your own theme from scratch.
I had a real struggle to find all this and I now I want to share what I found out
I will provide you with links with content that you should read and write some things by myself.
How to : Setup your working environment
How to : Make your own theme
Where should I put my images/xml?
The drawables (images/xml) should be putted in the drawable folder as standard. If you want to have different images for different pixel density(xhdpi/hdpi/mdpi/ldpi) make the folders: drawable-xhdpi,drawable-hdpi,drawable-mdpi and drawable-ldpi.
the text behind the hyphen (-) is a configuration qualifier. Android looks for these and if it suits the specific device it will choose the drawables from that folder instead of from the default folder. If a resource android looks for isn't found in the special folder it will instead look in the default folder for it.
If you want different images for landscape mode you would need to create a folder called drawable-land and if you want different images when the device is both mdpi and in landscape you would create a folder called drawable-land-hdpi.
Find out more about resource qualifiers
How do I add my own icons?
Find the name of the icon you want to replace at Theme Icon Name Database
Place your own drawable in the right folder.
E.g. To change the icon for the Android stock browser in a hdpi device I would ad a file called com_android_browser_browseractivity.png in drawable-hdpi. If I want the same icon for all devices that uses my theme I could add the same icon in the folder drawable.
How do I export my theme for testing?
Right click on you project in Eclipse and select export. Click the Android folder and select Export Android Application. Press next and then next again. Choose "Use existing keystore". Press browse.
In windows find C:\Users\ENTER YOUR USERNAME HERE\.android\debug.keystore
In Linux and OS X I think it is in: ~/.android/debug.keystore
The Password is android.Press next.Choose "Use existing key".
Alias: androiddebugkey
Password:android
Press next. Press browse and choose your destination of the apk. Click Finish and you are done.
Help! ADW force closes and I can't uninstall the theme!
Look here for sulution
If there is something that needs to be added send me a PM or write a comment.
I will add: program to use to create the images and eventually a complete sample theme with documentation.
If you find the tutorial good, please post to bump the thread.

hello
can you tell me how i make one of CUSTOM DOCK using the v0.3 dock_pack.xml standard in the theme ?
thanks

Nice guide damn thats a big youtube video lol

Hi there. Just wondering if you have gotten multiple wallpapers into a theme , and if they look right on screen?
I can change the wallpaper in the theme but i want to have a couple to choose from. Also i have tried a wallpaper that has a built in 'dock' graphic at the bottom. When i add it to a theme the dock is completely below the bottom. Any hints?

i hate that if after done with my theme and it says application not installed.
somebody knows how to fix it?

[Guide] Theme with transparent icons

At the request of a number of people, here's a little tutorial explaining how I made the theme below, I called abstract theme (do not ask me why ...)
(Note that I am not the inventor of this type of theme, I am inspired by many themes I have seen on other forums, I thank very much the creators of wallpapers I used (I never remind theyre names except EG Fox, sorry for that))
These examples where created for the Dell Streak but this guide can be used for every android phone, just use the good resolution for the wallpaper
1/ So, to start, install Launcherpro (you can also take the "plus" but paying)
2/ Adjust the settings you prefer (this is only the parameters related to the theme I present now, but there are other possible parameters):
- Number of pages, the default page, the number of columns, the number of lines (to position your shortcuts, personally I have 8 columns and 8 rows) => Menu / Settings / Homescreen Settings
- Number of dock (the dock is the Quick Launch bar that is located right in landscape mode, you have 5 possible shortcuts in one dock and it is possible to have up to 3 docks (to slide up or down on the dock) => Menu / Preferences / Dock Settings (you can also specify, if you choose to put shortcuts telephone, email and sms on the dock, if you want to be displayed a count of unread events)
- The bottom of the Dock (in the theme as an example, I have no background) => Menu / Preferences / Appearance Settings / Dock Background / None (if you want to put a custom dock by you or found on the net, then you must choose "Custom" and pick the dock from your SD card)
3/ Choose your screen and resize it at 800x480. So that the bottom is not distorted, use Multipicture Live Wallpaper which allows you to set a different wallpaper per page (if desired). Multipicture Live Wallpaperr is managed as an animated wallpaper
The bottom will not be distorted but the 36 Pxls top will be hidden by the notification bar.
4/ Then you need to know, based on the number of rows and columns you have chosen, where you must place your text on the wallpaper. To do so, complete page fully of shortcuts. Then made a screenshot, I recommend the excellent ScreenShot
5/ On your PC, using your editing software (photoshop, photofiltre ... etc.) you can have your wallpaper nude and the screen as it will be on your Streak with the location where applications will be.
So place your text on your nude background by ensuring that these areas are easily covered by applications..
Your wallpaper is ready !
6/ Now install Desktop Visualizer, which allows you to put shortcuts transparent (especially)
(For those who could not find it on the Market : http://www.partage-facile.com/GYV6DGY6CW/jp.co.bii.android.app.dskvzr.apk.html )
7/ Desktop Visualizer works as a widget : long press on background / add a widget and choose desktop visualizer (it has different sizes, choose the one that best fits the space you have planned for your shortcut)
DV lets you choose the icon of the application to launch, get the transparent icon on your SD card (if you do not have a transparent icon, here's one : http://www.partage-facile.com/0GJIEOUAO0/transparent.png.html )
Then select the application you want to start.
Delete the text of the application and confirm (you can change or remove the highlighting that appears when you press the link to the application you're using, otherwise it will be orange)
8/ Once you've validated, you see nothing changed on the screen, it is normal because you have placed a transparent icon ! The link will always be placed to the top left corner of your home. Make a mong press along the top left, your widget will be highlighted by launcherpro.
You may notice a kind of tab in the lower right corner of your shortcut, by pressing and holding down while moving your finger, you can resize your widget as you like.
So give the desired size for your shortcut and press "back", the highlight disappears. Now made a long press on the top left of the streak and held down, move your widget transparent to the place you want on your home. (To verify that it is well positioned, have a long support for and release to highlight it)
Do this for each shortcut you provided on your screen.
9/ The last step is the Dock. You've already put in the dock transparent, but it remains the shortcuts on the dock that are visible.
Make a long press on shortcuts, you can either change an icon (change icon/custom icon) or change the shortcut and put any you want and you can still choose the transparent icon before finalizing this shortcut.
Then, I think I pretty much said it all. To summarize, here is my wallpaper ith some details :
This is obviously a simple example that you described above some customization capabilities. Unleash your imagination and make us great themes!
I hope I was clear about (and sorry for my english), do not hesitate if you have questions or additions
Some other example of themes done with this method :
My latest :
I compiled my wallpapers and you can download them (empty and modified) here (updated with the 3 latest) : http://www.partage-facile.com/O87TRUWWBJ/compil_theme.zip.html
or here : http://dl.dropbox.com/u/12810448/compil_theme.zip

Great inspiration, thank you for sharing

nice home screen ...
but i can't download your wallpaper, can you upload to another

never thought about writing the text to the background, brilliant.
although wouldn't this cause issues with more then one homescreen?

gondronk said:
nice home screen ...
but i can't download your wallpaper, can you upload to another
Click to expand...
Click to collapse
I try with dropbox but I don't know very well. Does it work with this link ? (added to the first post)
http://dl.dropbox.com/u/12810448/compil_theme.zip

crzdcole said:
never thought about writing the text to the background, brilliant.
although wouldn't this cause issues with more then one homescreen?
Click to expand...
Click to collapse
No issue with more than one screen, just use multipicture live wallpaper to choose wich wallpaper you want for each screen.

lestat89 said:
I try with dropbox but I don't know very well. Does it work with this link ? (added to the first post)
http://dl.dropbox.com/u/12810448/compil_theme.zip
Click to expand...
Click to collapse
thanx..
this link work

ok, thank you for the confirmation

Great work and thanks for the guide!

Happy that you like it

Amazing work.
Not sure if i should use the ABEILLE, cube2 or cubecarbon2

Thank you
You can change every week for example ;-)
Sent from my HTC Sensation Z710e using XDA App

This is good and i will give it a try.

Thanx
Don't hesitate if you have any question

[ICONS][GUIDE] Creating Mask Based Icon Themes (with Example)

I've only created two icon packs, but they seem to work, so I'll take you through my process.
The first thing to research is how mask based icons work in general. There's a dearth of good information, but I did find the Icons Special Features section of the ADW Theming Guide to be useful. Alternatively, you can follow along and examine my images to gain an understanding of what I've done.
Let's proceed.
I began with mathur's Icon-Pack Template, but I've modified it to fit my needs by removing unnecessary bits and the parts relating to non-mask based icon packs. See the attached example, Crinkle.zip
Once you've downloaded Crinkle.zip and imported the code into eclipse, there are several things you'll need to alter:
First, you must rename the package. This can be done by doing one (or both) these actions:
[project (context menu)] > Android Tools > Rename Application Package
[package (context menu)] > Refactor > Rename​Second, ensure the correct scale factor. This can be found in two places:
assets / appfilter.xml
res / xml / appfilter.xml​Third, make sure your informational strings are correct. There are two locations:
res / values / strings.xml
res / values / theme_config.xml​Fourth, and most important, add your own icons. These can be found in res / drawable-xhdpi, and they are:
icon.png - the application icon
iconback.png - the background image
iconmask.png - the transparency / opacity mask
iconupon.png - the overlay image​Now test it out.
My finished icon pack is live on Google Play under the title Crinkle Icon Theme.
Enjoy!

This looks great, but how would you create a mask for making all the icons black and white? Something like this:
com.seangrondin.icons.filmstripdesaturate (sorry i can't post links yet )
I want to make a sepia themed icon mask.
Thanks

error
Also, I'm getting an error as soon as I import.
Is there a way to make this target api 10 instead of api 19?

1rdc said:
This looks great, but how would you create a mask for making all the icons black and white? Something like this:
com.seangrondin.icons.filmstripdesaturate (sorry i can't post links yet )
I want to make a sepia themed icon mask.
Thanks
Click to expand...
Click to collapse
I looked into it a bit, and here's what I've discovered. If you include a res/xml/shader.xml file, you will be able to affect the color in at least Apex and Nova. I found a fairly detailed explanation that should help you get started.
I will soon update the original post to include more details about this, as well as a cleaner icon pack framework.

How do I make it compatible with Smart Launcher? The icon pack applies but the shader doesn't work and the theme doesn't show up under "Themes"