[Tutorial] TopBars, Dividers, Icons, Button [Theme] 5 Topbars, TwIcons, Buttons - Verizon Samsung Galaxy S 4

This is a tutorial on how to do very little and get a lot by replacing the .9 pngs with broken .9 pngs applying to the tabs and title dividers.
This comes about by mistake. I broke a .9 and it didn't cause any fc's or any other errors.
I'm sharing because, well, because you know I love to, but also because it's an easy way to make a decent impact on your look.
Feel free to use any of the images however you like. If you end up with a theme to share, awesome I'll look forward to trying it. I won't have any user submitted sections here so you'll need your own thread.
Examples And/Or Templates In 2cd Post
From PC
1. Extract Example Zip
● right click and choose extract
2. Edit pngs
● inside you'll find only the folders and paths with only the pngs we'll need
● edit how you like but keep the sizes the same
3. Drag pngs into Template.zip
● make sure they're the same names and sizes
● make sure they go back into the same folder
4. Put on sdCard
● I use loki'd twrp
● I assume the zip will work for your rooted s4 rom
● I am not responsible for any damage that comes from your use of the zips or this tutorial
From Phone [I used Root Explorer & Photo Editor for the tutorial]
1. From Root Explorer, long press and choose extract and "go to"
2. Navigate to 'example'.zip/vrtheme/system/ and then apps, framework and priv-app and on to the first png,
●I start with apps/ClockPackage_OSup.apk/res/drawable-sw360dp-xxhdpi
3. Longpress png and send to photo editor
●You can edit how you like but don't change the size or name
●Make sure to overwrite the current png
●Do this for every folder
4. Zip back up
●You can rename the zip
●You can change the ui_print in updater-script;
- navigate to META-INF/com/google/android
- longpress updater-script and open with Text Editor
- Change only between the quotations in the first line = ui_print("ONLY WRITE IN HERE")
- Save and delete updater-script.bak
5. Done
Thanks to @Surge1223 for the zip.
Also a big thanks to @bajasur for his collaboration that led to multiple themes using this method.
Thanks!:good:

Flashable Examples and/or Templates
☆☆☆☆☆☆☆☆
About Top Bars and Dividers
☆Broken 9s for better and easier customization
●Better because they are resized to 1080×" "
●No .9 lines and no errors or stretching.
●No need to decompile
●Sizes of zips will depend on quality of png
Top Bar and Divider Examples and/or Templates
click for downloads and screenshots
Blue download https://dl.dropboxusercontent.com/u/9398026/topbars_dividers_1_Blue.zip
{
"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"
}
Green download https://dl.dropboxusercontent.com/u/9398026/topbars_dividers_2_Green.zip
USA download https://dl.dropboxusercontent.com/u/9398026/topbars_dividers_3_USA.zip
Steel download https://dl.dropboxusercontent.com/u/9398026/topbars_dividers_4_Steel.zip
Wood download https://dl.dropboxusercontent.com/u/9398026/topbars_dividers_5_Wood.zip
☆☆☆☆☆☆☆☆
About Buttons
☆ I've erased the backgrounds to create single buttons on/off/dim
●pngs are in system/framework/framework-res.apk/drawable-sw360dp-xxhdpi
●Follow the same tutorial but change only;
tw_switch_activation_holo_dark_dim,
tw_switch_activation_holo_dark_pressed,
tw_switch_thumb_activated_holo_dark &
tw_switch_thumb_holo_dark
●When editing try to maintain the button position in png, if not they'll move around when pressed
Settings Buttons Example and/or Template
click for download and screenshot
Wood Setting Buttons download https://dl.dropboxusercontent.com/u/9398026/Settings_Buttons_1_SWood.zip
☆☆☆☆☆☆☆☆
About TW Icons
☆ Browser, Calculator, Camera, Clock, Contacts, Downloads, Email, Gallery, Messaging, Music, Phone, S Planner, Settings, Video
●Browser is not in examples zip but path to icon is in zip
●Icons like "No Messages" and "No Video" are not in the zip and neither are the paths.
TW Icon Example and/or Template
click for download and screenshot
TW Icon Example download https://dl.dropboxusercontent.com/u/9398026/tw_Icons_1.zip
Thanks to Google Images

☆Extra Parts☆
Zips posted here are .9s or xmls. There are many tutorials on xda if you're interested in learning. I'm continuing to try to make you a themer without much effort. These will help complete your look.
☆Please note not all screen shots are with stock tw theme. Focus only on the parts in zip title
■Hard key and pop up menus
□Dark https://www.dropbox.com/s/erak8lv8s8h8ptc/HardKey_PopUps_Dark.zip
□Grey https://www.dropbox.com/s/ebnqpnx3xfikrja/HardKey_PopUps_Grey.zip
□Green https://www.dropbox.com/s/dyanr3knb6phb55/HardKey_PopUps_Green.zip
■App Backgrounds
□0A0A0A https://www.dropbox.com/s/1quslb5qtq9java/App_BG_0A0A0A.zip
□Aosp Gradient https://www.dropbox.com/s/c96dos0tfvbp4n7/App_BG_AOSP.zip

Nice, thanx for adding value!

just a little puzzled
These look SWEEEET!!! Thank you!!
Is the steel.zip file supposed to be that small compared to the other 2 zips? Also, doing this on the phone...a bit confused honestly. Can you elaborate a little more on the recommended process for doing this on the phone? Sorry...thank you!
---------- Post added at 11:49 PM ---------- Previous post was at 11:44 PM ----------
reggie cheeks said:
I'm still looking for an app that will save edits in the same place.
Click to expand...
Click to collapse
You mean a photo editing app?

Yes. I'm looking for a photo editor that will save the pic to the same place. Most I've found create a new file. I'll elaborate on the "from phone" as soon as I find one. Do you know of one?
The steel size confused me. But it's a simple gradient effect. With the resized pngs the sizes will depend on the quality of the image. As good as the steel looks, imo, the actual pic is low quality.
Thanks for trying this out!
sent

reggie cheeks said:
Yes. I'm looking for a photo editor that will save the pic to the same place. Most I've found create a new file. I'll elaborate on the "from phone" as soon as I find one. Do you know of one?
The steel size confused me. But it's a simple gradient effect. With the resized pngs the sizes will depend on the quality of the image. As good as the steel looks, imo, the actual pic is low quality.
Thanks for trying this out!
sent
Click to expand...
Click to collapse
Oh, ok...I gotcha. Try THIS APP out. It will allow you to easily "save as" or will also allow you to overwrite. Not sure if this is what you're looking for or not...if it isn't, let me know exactly what you need it to do and I'm sure I'll find you something!!

@calebcabob perfect. That is exactly what I needed. I'll need to get into it but it looks like it has plenty of features. I use picsay but it saves by folder name and I have to guess if it the right ""360dp"" folder. This one let's me overwrite and I was able to do it from the phone. I'll elaborate on the tutorial as I can. Thanks
Sent from my SCH-I545 using Tapatalk

Finally got to updating this. I added the from phone tutorial. You will need a lot of time to do it from phone, so maybe on a long trip or at work
I also added a template zip with settings buttons. It allows you to just have one button as apposed to switches.
Also added a homescreen icon template and example.
Templates and screenshots moved to 2nd post.
Sent from my SCH-I545 using Tapatalk

I've added some zips with hardkey and popups darkened and colored in the third post. No tutorial on those but you can use them to help complete your look. Background xmls will be added too in flashable zips.
If you have a request for a background or menus don't hesitate to ask.
Sent from my SCH-I545 using Tapatalk

Did this today waiting for oil change. Took about 15 minutes but I only applied a color replace effect to get the wood bluish. But then I saw it made it more green than blue lol.
All from my phone!
Download
https://www.dropbox.com/s/g618d31n8tyx5xh/TopBars_Blue-Wood.zip
Sent from my SCH-I545 using Tapatalk

reggie cheeks said:
Did this today waiting for oil change. Took about 15 minutes but I only applied a color replace effect to get the wood bluish. But then I saw it made it more green than blue lol.
All from my phone!
Download
https://www.dropbox.com/s/g618d31n8tyx5xh/TopBars_Blue-Wood.zip
Sent from my SCH-I545 using Tapatalk
Click to expand...
Click to collapse
I think it looks cool though!
Sent from my SCH-I545 using Xparent Skyblue Tapatalk 2

Related

[Theme][Swype][Metamorph] Sweet! Swypes 4 *NEW* Colors 9-29-11[Requests]

Introducing
Smoochiezz's Sweet! Swypes
Are you tired of that ugly gray swype? Ugh, so was I. Wish you could add a pop of color to it? Well look no further. I present to you my Sweet! Swypes. Featuring every color of the rainbow with some in varying shades. You can't go wrong. I plan on publishing several different Series/Styles. Each series will feature 8 colors, all other colors will be completed upon request. If you have an idea for a keyboard let me know. I can get you a preview and then go from there. I made these for personal use but there's no harm in sharing ;-)
*As of right now, noone has been able to theme the swype trace for the beta version. Once it is possible, every package will be updated with its respective trail color.
Requirements for Themes
*You Must be Perm-rooted.
*You must have Swype Beta installed and the included Swype Installer. (swype.com)
*Have Metamorph installed (https://market.android.com/details?id=stericson.xda.metamorph)
*Have ZipSigner2 installed (https://market.android.com/details?id=kellinwood.zipsigner2)
*Es File Explorer installed (https://market.android.com/details?id=com.estrongs.android.pop) or Root Explorer (https://market.android.com/details?id=com.speedsoftware.rootexplorer)
*All Of The Above Mentioned Apps Are Free Besides Root Explorer (Please Support This Great Piece Of Work)*
Code:
CHANGELOG
September 29, 2011
4 New Icy colorways to complete the series.
Kiwi with black text coming soon.
Glass Series previews soon
Icy Series dedicated to Roms. Whats your favorite ROM?
September 20, 2011
*NEW* IcySunkist Available under IcySeries
Added "Issue With MetaMorph" post under directions.
September 17, 2011
Icy Original, Honeycomb, and Cayenne have been updated with correce capitalization when SHIFT is hit
Corrected shading for Icy Original
Small other fixes
Please re-download updated version.
Unicolor Series
LuckySwype
iNDIGOSWYPE
MAJESTICPURPLE
TANGERINESWYPE
ScarletSwype
KiwiSwype
CottonCandySwype
GoldenSwype
SugaryCyan
​
Tinted Series
"Matrix, Teal, & Danger have been updated with Popup and Word Suggestion Bar Themed. Re-download and ensure you have version 1.2 when you morph!
MatrixSwype
TealSwype
DangerSwpe
Welch's
Raspberry
Burnt Pumpkin
Sour Blueberry
​
Icy Licorice Series
The Original
IcyLicorice *Updated Redownload and ensure you have version 1.6 when you morph.
IcyHoneycomb *Updated Redownload and ensure you have version 1.4 when you morph
IcyCayenne *Updated Redownload and ensure you have version 1.4 when you morph
{
"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"
}
IcySunkist
IcyGrape
IcyIndigo
IcySky
IcyNeon
​
Directions To Apply
*If this is not your first time using a morph of mine, just morph right over top of the previous.
No need to delete your current apk on your sd card, not even the signed one.
Only do so if you are having problems.*
*Open up your chosen file explorer. Navigate to \data\app\ and locate the com.swype.android.inputmethod-1.apk ( If you choose to use Es you will have to go into Settings>Tick Root Explorer Box)
*Copy the Swype apk to the root of your sdcard. (The theme will only take if the apk is in the root.)
*Go to Metamorph and select "Unzip/Extract New Theme"
*Navigate to wherever you downloaded your chosen theme to. (If you downloaded from the Xda App, it will be located in /sdcard/tapatalk_download/ I have Xda Premium and this is where mine is located)
*You will be presented with a preview and you may now choose "Apply All". Congrats! You have themed your Swype. Now onto signing and install!
*You Must sign the zip or else you will get constant force closes. Thats where ZipSigner2 helps. So let's open that up.
*Push the "Choose In/Out" button at the top and find the com.swype.android.inputmethod-1.apk in the root of your sd card.
*Your output should now read /sdcard/com.swype.android.inputmethod-1-signed.apk
*Leave the key mode on "auto-testkey" and Sign The File.
*Before going further, you should make a backup of your data with Titanium Backup or your preserver program of choice. This will collect your personal dictionary for late use. Now uninstall Swype (not the Installer, This step is not mandatory but is recommended to prevent any errors so just do it : ) )
*Using your file explorer, now install the signed swype. (There will be two on your sdcard. The themed one and the themed signed one. Make sure you install the one with "-signed.apk" at the end. If you choose the other one, you WILL get force closes)
*Go to the "Swype Installer" program and activate and choose swype.
*The final and most CRUCIALLLLLLLL step of them all.......ENJOY!
Known Errors With MetaMorph
The most common problem that you might face is getting a "The theme you have selected is invalid because the theme control file could be missing or is not correctly written." when you are extracting a theme. This is not a problem with my themes but with MetaMorph. Though it gives you an error and close, it still extracted the theme. Just go back into MetaMorph, (it will likely crash), go back into it and then hit "Pick Existing Theme" at the bottom. Find the folder name of the theme you just extracted and apply as normal.
For some reason the preview doesn't show if you extract a theme and immediately apply it. It only shows when you already extracted and then choose under "Pick Existing Theme". Not a big issue but these are the two known bugs pertaining to Metamorph.
Requests & Formats
Taken requests and ideas. Any of the Series can be modded to a specific color. If you want a custom color give me a sample. An HTML code, hex, sumthn 'kay. Refer to the following rough draft image to see the different aspects that may be themed. (I know its a bit jarringly bright but i was working on a girly theme when i uploaded it). If you do submit a request, please list the five colors and their corresponding titles. All requests are not guaranteed to be completed but I do promise to try. Until then, enjoy the unicolor ones above.
​
UPCOMING THEMES/SERIES/SPECIAL REQUESTS
Marshmallow Series
Marshmallow Series will contain white keyboards with accents of 8 selected colors. To be publish some time this week!
FlatLicorice-Special Request
​
Nice I really like the red one!
Sent from my PG86100 using xda premium
I have been waiting so long for someone to do these for the beta. Thank you
Would be cool if you could make a glossy black one
steal25 said:
Nice I really like the red one!
Click to expand...
Click to collapse
I was actually really reluctant to do a red one. Its my least favorite color but I do think they came out nicely. Which red one do you prefer? Scarlet or Danger?
mattfmartin said:
I have been waiting so long for someone to do these for the beta. Thank you
Click to expand...
Click to collapse
You are very welcome. Let me know which ones you like. I want to add more but I don't know if the demand is there or not.
mattfmartin said:
Would be cool if you could make a glossy black one
Click to expand...
Click to collapse
Working on it as we speak. Its a little harder so give me a little bit. Ill definitely get that for you tho!
Should the letters be white? Another Color? What about the buttons at the bottoms? Black too? Any Accents?
smoochiezz24 said:
I was actually really reluctant to do a red one. Its my least favorite color but I do think they came out nicely. Which red one do you prefer? Scarlet or Danger?
You are very welcome. Let me know which ones you like. I want to add more but I don't know if the demand is there or not.
Click to expand...
Click to collapse
I would keep all of them especially the red ones. Because of the Red Venom theme that these would match up nicely. Especially with CM on the way with Theme Chooser there will be high demand for all kinds of colors matching with different themes
smoochiezz24 said:
Working on it as we speak. Its a little harder so give me a little bit. Ill definitely get that for you tho!
Should the letters be white? Another Color? What about the buttons at the bottoms? Black too? Any Accents?
Click to expand...
Click to collapse
I think it should be all white letters and numbers, but thats just my opinion
mattfmartin said:
I think it should be all white letters and numbers, but thats just my opinion
Click to expand...
Click to collapse
Thats what Im going to do. When I publish this one then I will start editing the black theme with every color accent since guys seem to really like black themes
smoochiezz24 said:
Thats what Im going to do. When I publish this one then I will start editing the black theme with every color accent since guys seem to really like black themes
Click to expand...
Click to collapse
Nice and thanks again bro, definitely subscribing to this thread
mattfmartin said:
Nice and thanks again bro, definitely subscribing to this thread
Click to expand...
Click to collapse
Okay I'm definitely a girl but that's okay : P This is the way I was headed. Let me know what you want to see as far as background and other keys. I feel like the background was lacking so i added a little bit of transparency.
My bad that does make sense now with your name and pinkish/purple colored avatar.
That looks good. Can you do one with no white outlines around the letters?
Will do. No outlines is easy. So I should keep that gray looking background? I just did that one real quick to show. Swype has 19 layouts don't wanna get midway in and have to make a drastic change lol.
How's that? I can get the portrait part up tonight if it's a go. Landscape will have to wait until tomorrow.
Yea that's badass. That's a keeper

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

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

[SKINS][SENSE 3.0] * KnightWolfMOD * zomg 17 skins * New How To Guide *

Ladies and Gentleman
KnightWolf123 Does it again!!
Recently added a "How To" section for creating and porting a skin.​
After hanging out here on XDA for a while, I thought that along with trying to build flashable zips to taylor something to function or look a certain way, I would assemble a few Skins. Mostly what we have here is what I felt looked really cool and I could change on the fly without having to flash something.
Also with not needing to flash in recovery, these files can be used by an android device
Rooted or Not Rooted,
With or without a custom rom,
Odexed or Deodexed,
CDMA or GSM
and the file doesn't need to be altered. The ONLY thing required is..
HTC SENSE 3.0 (most devices)
Post 2 - Details/info
Post 3 - Thanks section
Post 4 - How to Create your own skin
Post 5 - How to port a theme to a skin
Post 6 - What's in a m10 ?
Post 7 - Skins I have currently available
Post 8 - Other member skins
If you enjoy this work please hit the THANK YOU button
Details / Info
Disclaimer!! YOU and only YOU are responsible for your phone !!​
These skins may be considered WIP (work in progress) so if there are any flaws just remember, it was FREE!
If you are on an unrooted phone or don’t have transparent status bar support, don't download the (clear stat bar) version of these skins.
Some have reported errors downloading, if errors please use another browser or download with PC
If you do download from mediafire with your phone and you get a ".txt" file just rename it to "whatever.apk"
HTC Desire, these skins may or may not work properly. sorry guys but you mat need to find those in your own thread.
Please note that the center icon/word phone in the rosie may differ depending on what rom your using or if your not rooted
To uninstall As with any other skin, simply goto from home screen... Menu/personalize/skin/menu/delete and choose any skin no longer wanted (must already be on a different skin as you cannot delete a skin if it is currently in use)
Thank You !
There are many people I need to thank and I am sure I will miss a few but here goes..
knightwolf123
myn
eg1122
mayfield103
bebida
zone23
magnusragnarock
fernandosor
jeffsanace
danweb66
team 420
team alpha
team derp
team badseed
team bamf
everyone I forgot
and everyone else that has an awsome theme or skin that has inspired me to get a look the way I did.
A few of these skins are Ports from full themes. click on the name above to see full theme page.
How to Create
OK Here goes...
please post if you have something helpfull to put here
Look here for links and to ask questions
This is a great post because you can find info on what file names you are looking for and what they do.
Here is a good link with lots of details for a skin
shared.m10 - I love this file. This is the bulk of what you see in a skin. This file is also found in the "fusion.apk" of a ROM or flashable theme. You can actually pull this from a theme, throw it into a skin and resign and BAM! New skin with your favorite look. Or vise versa. And you get your theme with the look of your favorite skin.
And this has helped me allot . Originally posted by Zone23
1)Install ApkManager & M10 tools(make sure to add apkmanager to your path)
2)Now go open up were apkmanager is installed and add your base apk to the(place-apk-here-for-modding).
3)Now run the Script.
4)Now run #22 to choose your current project(should be #1 if you only added one apk).
5)Now run #10 to decompile apk.
6)Once finished without closing the command prompt(Script)Open up the projects folder.
7)Open AndroidManifest.xml with NOTEPAD++(right click).
8)Now at the end of line #2 change the name of the skin to whatever you want to call it,save and close.
9)Now go to the assests folder and where the shared M10 volume is(it will be the folder with the name of the skin)
change that folder to the name that you used in the AndroidManifest.xml,but only the skin name and NOT the full string
for example com.KWM.CosmicBlue.apk(leave out everything but the "CosmicBlue")
10)Now go to /res/values/strings.xml and
right click to open and edit with NOTEPAD++,now edit line #4 to the name of your skin,save and close
11)Now adjust,replace,or modifiy any of the PNG files you want in the /res/drawable-hdpi & /res/drawable-land-hdpi.
12)Now to recompile your apk run #11.
13)Now open M10 editor without closing the other windows (just minimize them).
14)Now to edit the png's in the shared M10 we need to run the Load file,once finished make sure you check the box that says Decode images,Now run the Decompile/show button.
15)Edit the M10s files you want,I generally open the entire folder in explorer view. Once an icon appears on the right, right click it and open in explorer view. It’s a lot easier than picking the files one at a time. Make sure you’ve got everything because you won’t want to open this back up unless it’s absolutely necessary.
16)Now save M10 but uncheck were it says zipalign.It should be saved
back to the Modding folder.
17)Now to sign your apk go back to ApkManger(this is why you don't want to close any windows
during this procces)Run #4.All DONE!!!
18)Now after you do your first skin i suggest that you skip this last step and
follow these next two steps.
19)Now copy your apk to the Place-apk-here-to-batch-optimize folder and Run #15.
20)Now copy your apk to the Place-apk-here-for-signing folder and Run #16
Volume bar color is in "progress horizontal.xml"
How to port a theme into a skin !
This is a WIP
How to port a theme into a skin !
(May not be perfect or complete but it works for me)
This will not include xml edits or m10 edits
1) Learn how to use 7-zip and apkmanager then …
2) Download and place on desktop of pc (windows 7) these items… A base skin (use one of mine if you like), and from the theme you like get the com.htc.resources.apk and framework-res.apk (from the system/framework folder of the theme) and the systemUI.apk and fusion.apk (from the system/app folder of the theme)
3) Right click on desktop and create new folder. Label it “myskinfiles”
4) Then open (with 7-zip or other like program) theskinyouchose.apk and drag into your new folder the “res” folder from the skin.
5) Now open the resources file and drag onto the desktop C:\Users\USER\Desktop\com.htc.resources.apk\res\drawable-hdmi\ folder.
6) Now open the “myskinfiles” and snap it onto the left window side.
7) Open to res/drawable-hdmi and minimize.
8) Then open the drawable-hdmi from desktop and snap it into the right window side.
9) Now make sure you have both windows open and goto the right window and select all.
10) Drag all into left window. You will get a message that says “There is already a file with the same name in this location. “ On that window at the bottom where it says “do this for next 355 conflicts” check the box to the left then click on skip.
11) Then (while still highlighted) hit the “DELETE” key on your keyboard. (Let process complete)
12) Now goto right side folder and “select all” and drag to left folder again but this time select the box “do this for next 355 conflicts” and choose “Move and Replace”. Let complete and then minimize left window and close right window.
13) Now delete the C:\Users\USER\Desktop\drawable-hdmi and open framework then repeat steps 5 - 12 again with the drawable-hdmi in it then delete C:\Users\USER\Desktop\drawable-hdmi and finally, repeat steps 5 - 12 with the systemUI.
14) Now goto the skin and delete “res” folder and replace it with the C:\Users\USER\Desktop\myskinfiles\res you put together.
15) Next goto the C:\Users\USER\Desktop\fusion.apk and copy onto desktop the assets\Default\drawable\shared.m10 file.
16) Now open the skin you choose and drag that m10 into assets\skinnamefolder\drawable . it will say “confirm copy file” select yes.
17) If you want a transparent status bar and you have a ROM that supports it just go into the drawable-hdmi in your skin and find statusbar_background.png and use a program like gimp and make it totally transparent. If not then skip this step.
18) Close the skin and go into apkmanager and rename it, rezipalign it, and resign it.
Note...hdmi/hdpi you know what I mean
To port a sense 3.5 skin to sense 3.0 or vice versa follow a similar process.
Just transfer the contents from the drawable hdmi and assets folders of the original skin to the destination skin in the same method described above. It’s actually easier than porting from a theme.
For the wallpaper and skin preview just goto the image folder and replace the appropriately named files with your wallpaper of choice and take a screen capture of your finished skin then add it back into the skin and re sign.
I may have left a bunch of steps out but this will get you going until I can clean up this tutorial and add in what is needed. Have fun !!
.
What's in a m10 ?
M10 tools
What's in a m10? lots of stuff but here is a starter list...
this was provided by many members of the [intro to theming] and is where I start when I'm making a skin "My Way"
This list was started by il duce so make sure to thank him if you see one of his posts.
0x00000e37
0x00004205 = music buttons lockscreen
0x000021cf
0x0000287d = weather background
0x00003bc9 = center rosie button icon when pressed (center rosie button icon is in Rosie.apk)
0x000021f5 = left rosie button icon when pressed
0x00002831 = right rosie button icon when pressed
0x00003223 = rosie navbar screen normal
0x00002241 = rosie navbar lockscreen
0x00000231 = rosie left button icon static
0x000037a1 = rosie right button icon static
0x0000086d = lockscreen general widget background
0x00000893 = notification bubble background
0x0000092b = lockscreen calendar/alarm snooze button
0x00000951 = lockscreen calendar/alarm dismiss button
0x00000e83 = center rosie button background
0x00003c61 = huge widget background
0x00000ecf = right rosie button background?
0x000018c1 = large widget background
0x00001a3d = rosie slider thing
0x00001a63 = rosie navbar background layer3 ?
0x00001c9d = answer call button background
0x00002d17 = reject call button background
0x00002053 = lockring static (dragged lockring is in Idlescreen_Base.apk)
0x0000209f = right rosie button again?
0x00002669 = center rosie button background layer pressed ?
0x00002b9b = left rosie dragged app delete background ?
0x00003567 = right rosie dragged app delete background ?
0x00003b0b = medium widget background
0x000040fb = clock faded background
0x00002f77 = background for all sense medium and small widgets.
Skins currently available I've put together
Development skins​
Cosmic Blue youtube clip​
{
"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"
}
Cosmic Green youtube clip​
Radiant Blue video ​
Radiant Red video ​
Radiant White
Honey Sense video​
Honey Chrome V2
Pink youtube clip
Default HTC look
Warm RLS1 style
(semi clear stat bar)​
Market Skins​
Cosmic Blue
Cosmic Plus
Radiant Blue
Radiant Red
Radiant White
Clear Widgets
Clear Plus
Stock+Inverted clock
more coming soon!!!​
** Market skins **
* Development skins *
as of 06 april 2012 all skins are RE pngoptimized and
zipaligned and more clear stat bar versions available !
if you have older version of skin(s) please redownload ​
.
.
Other Skins Available
d3rp Skins (new)
PlatinumAndroid skins
Requested or Remade Skins
Honey Chrome V2 ZR3D
Cosmic Blue V2 ReMiX
Download ZR3D skins (no name rosie)
well this is cool
il Duce said:
well this is cool
Click to expand...
Click to collapse
Thankies
I can't wait to see tuns of d3rp skins out one day. !
If anyone would like to see there theme into a skin I "might" be able to help. It's pretty easy. Except into a sense 3.5 skin. I haven't mastered that yet.
They are downloading as text files
Sent from my PG86100 using xda premium
knightwolf123 said:
Thankies
I can't wait to see tuns of d3rp skins out one day. !
Click to expand...
Click to collapse
We already have:
black beauty
white hot
orange magic
pink passion
Steve is working on all of them, also GSM awesome guy "ajthescot" is helping too
We'll probably start a new thread soon...
royshero said:
They are downloading as text files
Sent from my PG86100 using xda premium
Click to expand...
Click to collapse
Might be an issue with mediafire. Try downloading with a different browser or just use a PC then transfer them over.
Sent from my PG86100 using Tapatalk
Use firefox to download.
Sent from my PG86100 using xda premium
I think I'm going green for a while. I love alien wares
Wallpapers..
http://forum.xda-developers.com/showthread.php?p=22255401
Sent from my PG86100 using Tapatalk
Uploaded stock skin.
(looks as your phone did when you bought it)
Sent from my PG86100 using Tapatalk
Good job KW i remember u from the Mag days we would chat.
BTW been flossing ur other themes over the Chogardjr ROM 2.17 odex
and its sweet as hell I really love the anims u put in!! would love to see more anims...HINT HINT, but for now about to bust these new skins u got..
Keep up the good work and Thanks!!
romannsjr said:
Good job KW i remember u from the Mag days we would chat.
BTW been flossing ur other themes over the Chogardjr ROM 2.17 odex
and its sweet as hell I really love the anims u put in!! would love to see more anims...HINT HINT, but for now about to bust these new skins u got..
Keep up the good work and Thanks!!
Click to expand...
Click to collapse
Hell yeah! Just wait till we get a working copy of ICS w/ sense. I've got a hole bunch of stuff on the shelf!
Sent from my PG86100 using Tapatalk
weird stuff, i was able to download red and blue fine from my phone but the stock skin for some reason isn't downloading with dolphin, stock, stock HC, opera, chrome or IE.

Themer's Tips and Tricks

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

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

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

Categories

Resources