8/14/2011 Update: See this post for details. Now you can make circular progress bars, dotted progress bars, the text is anti-aliased and smoothed, and more!
Attached is a very simple, small Windows .NET application that will generate a 101 Battery Icon images (for percentages 0-100) with a growing battery indicator bar and also the battery percentage text using the font, style, format and position that you desire.
Using an XML configuration file and some image templates, you can quickly generate a wide range of icons for your battery icon theme.
To start, just unzip the files into a folder and open up the "Config.XML" file in a text editor. Here's the one I've included to use as a guide/template/example:
Code:
<?xml version="1.0" encoding="utf-8" ?>
<batteryIcon>
<output folder="output" filename="stat_sys_battery_{0:0}.png" />
<batteryLevels>
<level max="24">
<background filename="Files\template.png"/>
<bar startX="6" startY="21" endX="31" endY="21" filename="Files\bar-red.png"/>
<pctStyle colorRGB="FFFFFF" fontFamily="Arial" fontSize="11" italic="false" bold="true" formatString="{0:0}%"/>
<pctPosition centerX="true" centerY="false" offsetX="1" offsetY="3"/>
</level>
<level max="49">
<bar filename="Files\bar-orange.png"/>
</level>
<level max="74">
<bar filename="Files\bar-green.png"/>
</level>
<level max="100">
<bar filename="Files\bar-blue.png"/>
</level>
</batteryLevels>
</batteryIcon>
In addition, in the "Files" folder, I have an example image called template.png, which is the example icon's background image, and some bar-xxx.png images, which are different colored 1-pixel-wide images that are used in the example to draw the horizontal battery meter over the background. Attached to this post is a picture of the output from this configuration and image files so you can get a basic idea of what it can do.
Using this application is (hopefully) quite simple: Create your template images, edit the config file to specify your parameters, then run the executable. 101 images, for battery levels 0-100 percent, will be created as specified. Tweak and run again as needed until you get it right. The "level" elements allow you to change any of the icon's characteristics (text color, size, position; background image; progress bar image) for different battery level intervals. Anything not changed from the previous level is carried over, so you only need to specify changes.
For most of you, editing the config.xml file is probably obvious from the example; you can probably just tweak it file and get what you want, but below are more details.
Documentation
The output element just indicates where the final images will be stored and how they will be named. The {0:0} part is a standard .NET format string and indicates where and how to put the battery percentage in the file name. (You probably won't need to change this; {0:0} will format numbers from 1-100, no leading zeroes, and we don't need to worry about commas or decimal places or anything).
After that, under the batteryLevels element, there are a series of level elements that define the icon options at each battery percentage interval. The end of the interval is defined using the "max" attribute, which is a number from 0-100 for the battery percentage.
The first level should include all layout and image and formatting options, but then after that, you just need to specify things that change from the previous interval. The level elements should go in order from lowest battery level to highest.
At each level, we can specify:
The background element which sets the base background image for the icon, on which the progress bar and pct text will be overlayed.
The bar element which determines how the progress bar is drawn over the background. startX/startY and endX/endY are the range of positions for which the progress bar image will be drawn. The image should be 1 pixel tall or wide, depending on if the bar is progressing vertically or horizontally. Omit this element completely if you do not wish to draw a progress bar -- i.e., for just the battery percentage text on top of one or more background images.
pctStyle lets you theme the battery percentage text a bit. formatString is a .NET format string, and is probably fine as is, except notice that it ends with a % symbol. Remove this if you don't want a % after the number. (i.e., it would be just "{0:0}")
pctPosition is used to indicate where on the background image the text is drawn. centerX/centerY are true/false if you want the text to be centered in that dimension, otherwise it is drawn at the top and/or left of the background. offsetX/offsetY let you move the text up/down or left/right pixels as needed from either the center or top/left position.
That's really it. Anything that doesn't change from the previous battery level will be carried over, so you just need to specify what has changed.
Tweak the XML file and re-run until you get the battery icons you are looking for! You can also create and drop different configuration XML files on the executable (or specify the file via the command line as the first argument) and it will run using that file as opposed to the default "config.xml" file in the application directory.
Additional Notes:
Specify an empty string ("") for the filename attribute of the bar element if you do not want a progress bar drawn.
Specify an empty string ("") for the fontFamily attribute of the pctStyle element if you do not want the percentage text drawn.
Remember that the background image can change at any interval as well, if you'd like to use a series of different backgrounds with percentage text overlayed and no progress bar, for example.
the start/end positions of the progress bar should be specified once and cover the entire range of the progress bar, from 0-100 %, and not change at different intervals (unless that is an effect that you want for some reason).
You can specify the filename for any valid configuration file as the single parameter for the executable to use that file instead of the default config.xml file if you like.
WOW! Are you kidding me. You mean I don't have to make 100+ Battery icons. THANKS. I'll definately be donating next time I get paid. DO YOU REALIZE how much time you just saved me? Thanks. DL'ing now.
EDIT: DUDE! Where's your donation link? I just tested this and IT'S INSANE! IT WORKS PERFECT! Seriously, post a donation link. You deserve a lot for making this. I'll also post a link to your thread at "themikmik.com". They'll love this program.
EDIT: Could you please give me an idea of what pctposition I would need to accomplish this type of battery? Thanks. I tried a pct of 1:1 but had an FC. Or Offest. I'm still trying to figure it out.
EDIT: I almost have it down. offsetX="3" offsetY="10"/> gives me:
Will the Font be transparent? Answer: YES
I finally got it looking the way I wanted. I used:
<bar startX="10" startY="15" endX="31" endY="15" filename="Files\bar-red.png"/>
It looks like I just have to modify the PNG bar's to make it the size I want so it fills up the battery.
To think, it took me 20 minutes to do TWO battery PNG's in Adobe photoshop! LOL.
How can I change which way the bar is going? It currently goes from Left to right. I'd like it to go from Left to Right.
Answer: I feel like an air-head. I figured it out. You just have to reverse the Start X. For example:
<bar startX="33" startY="9" endX="7" endY="9" filename="Files\bar-red.png"/>
Great!!!!
THX for this tool
Made my life much easier
raider3bravo said:
It looks like I just have to modify the PNG bar's to make it the size I want so it fills up the battery.
Click to expand...
Click to collapse
Yeah, those images are just examples, modify as needed. Glad it is working for you!
jsmith8858 said:
Yeah, those images are just examples, modify as needed. Glad it is working for you!
Click to expand...
Click to collapse
Can you give me an idea of some fonts we can use? I was thinking if I used a certain font that wasn't on the phone then it might not show.
EDIT:
On another note, I'd like to share with everyone the coding I used to achieve a perfect battery using a 38x38 icon and 1x21 bar colors.
Never before have I been able to custom make batteries this fast. Thanks!
Code:
<?xml version="1.0" encoding="utf-8" ?>
<batteryIcon>
<output folder="output" filename="stat_sys_battery_{0:0}.png" />
<batteryLevels>
<level max="24">
<background filename="Files\template.png"/>
<bar startX="34" startY="8" endX="6" endY="8" filename="Files\bar-red.png"/>
<pctStyle colorRGB="A7CEA7" fontFamily="Arial" fontSize="11" italic="false" bold="true" formatString="{0:0}"/>
<pctPosition centerX="true" centerY="false" offsetX="2" offsetY="9"/>
</level>
<level max="49">
<bar filename="Files\bar-orange.png"/>
</level>
<level max="74">
<bar filename="Files\bar-green.png"/>
</level>
<level max="100">
<bar filename="Files\bar-blue.png"/>
</level>
</batteryLevels>
</batteryIcon>
raider3bravo said:
Can you give me an idea of some fonts we can use? I was thinking if I used a certain font that wasn't on the phone then it might not show.
Click to expand...
Click to collapse
Use any font you have available on your pc that looks good. On your phone it's just a PNG image, it doesn't matter .
HTC style battery meter
I modified HTC battery png files to include the battery percentages.
Attached is the preview and output folder. Use as you please.
It would be awesome if we could get the charging icon pngs. Anyone care to post?
Sent from my ADR6400L using XDA Premium App
raider3bravo said:
It would be awesome if we could get the charging icon pngs. Anyone care to post?
Sent from my ADR6400L using XDA Premium App
Click to expand...
Click to collapse
Attached are all HTC battery pngs including the charging ones.
I just made another battery icon. This program is a huge time-saver.
When I asked about the power widgets. I was wanting to know if it's possible to include those images in the battery icon similar to the numbers being populated in the icon. The battery power widgets are easy to get but populating them inside a battery icon can be tricky and again time consuming. Just putting the thought out there. I'm happy the way it is, but maybe consider it for a future update?
raider3bravo said:
I just made another battery icon. This program is a huge time-saver.
When I asked about the power widgets. I was wanting to know if it's possible to include those images in the battery icon similar to the numbers being populated in the icon. The battery power widgets are easy to get but populating them inside a battery icon can be tricky and again time consuming. Just putting the thought out there. I'm happy the way it is, but maybe consider it for a future update?
Click to expand...
Click to collapse
I'm afraid that I don't really understand what you are requesting, can you be a little more specific or explain a bit more what you are trying to do?
jsmith8858 said:
I'm afraid that I don't really understand what you are requesting, can you be a little more specific or explain a bit more what you are trying to do?
Click to expand...
Click to collapse
Sure thing. Right now, the script populates 100 icons. However, there are 110 "battery icons." The other 10 are for charging. What I'm requesting is if the script could somehow, populate those charging icons along with the modified battery png's. I can easily add the charging icons but theming them will be a huge hassle. If it's possible, great. No big deal if it can't be done right now. I'm just thankful we have this script to make all 100 Png's.
How do I compress series png files as 1png file?
I'm running MIUI galnet 6.0 and need to add 1 png file that has all the percentage inside (0-100)
Do you guys know how I need to do this?
Thanks
This is amazing! Why doesen't everyone use it! Please create charging and different types of batteries like circular ones!
Circle battery indicators
see next post!
Version .2
Here's version .2. The OP will be updated at some point when I have time to rewrite it.
Changes:
1) The % text is now smoothed and anti-aliased.
2) You can draw a circular progress bar by specifying rotateStart and rotateEnd attributes for the bar element. These are in degrees (0-360). The "bar" image will be drawn at the startX, startY point (usually 0,0; omit if you like as this is the default) and then repeatedly rotated and drawn up to the currently drawn battery level. endX and endY are ignored if you use rotation. (The included config.xml file has an example of using this feature.)
3) You can now specify a "step" attribute in the batteryLevels element. This allows you to draw icons for only every nth battery level, say, 0,5,10,15...90,95,100. (the default config.xml file includes this attribute so you can see where it is; it is set to 1, which is the default.)
4) in the bar element, you can specify drawCount and skipCount attributes to toggle drawing the progress bar on and off to make a "dotted progress bar" effect. This is often done for circular battery icons. Basically, specify how many % to draw and then how many % to skip using these attributes. (The included config.xml file has an example of using this feature.)
5) An image called "preview.png" will be created in the output folder with a simple compilation of all of your icons in one image. This is useful for posting for others to see or for you to quickly review all in 1 place.
The standard horizontal bar example included with the app has been renamed to "config-bar.xml", while the default "config.xml" included creates a dotted circular progress bar and includes most of the features described above.
Have fun! See some attached examples. (PLEASE NOTE: I literally threw the examples together in 10 minutes, they are a little sloppy since I didn't take the time to line things up perfectly, you can do better!)
this tool is premium quality!
Since no one really knows about this tool, I have two requests:
1) If you use this for a theme you make available to others here on XDA, if you could include a link to this thread and (very) briefly mention that you used this to generate your icons that would be much appreciated.
2) Maybe a few clicks to "Submit to Portal" (on the top-right) can get this thread on the XDA home page! (I apologize if soliciting this is against forum rules)
3) Share your work here! Use the cool "preview.png" feature to post some examples of what you've created.
Enjoy!
R3D X said:
this tool is premium quality!
Click to expand...
Click to collapse
Thanks, glad it works for you!
jsmith8858 said:
Since no one really knows about this tool, I have two requests:
1) If you use this for a theme you make available to others here on XDA, if you could include a link to this thread and (very) briefly mention that you used this to generate your icons that would be much appreciated.
2) Maybe a few clicks to "Submit to Portal" (on the top-right) can get this thread on the XDA home page! (I apologize if soliciting this is against forum rules)
3) Share your work here! Use the cool "preview.png" feature to post some examples of what you've created.
Enjoy!
Click to expand...
Click to collapse
Ya, this should have been on the homepage of XDA months ago. lol. Thanks for the update. I know I included a link on my first theme to this thread, but forgot about the others. I'll mention you now in every OP. Thanks a million. My themes wouldn't be possible without this. Submitting to portal now!
Related
See Post 3 For Downloads.
Installation:
1. Extract contents of Sonnar Inspirat 0.1.zip anywhere on your PC then copy the .xml file along with the Sonnar folder to your Homescreen folder(\Program Files\Homescreen PlusPlus\).
2. Goto your Batterystatus settings and then hit the advanced tab and select Sonnar from the dropdown.
3. Then your Done.
All the Backgrounds attached are included in the Default BGs zip file.
Thanks to Appelton for the inspiration.
Waiting for Home2 adaption.. Looks promising.
Hmm looks like his concept was inspired by someone else's design lol.. well anyways ive attached the Sonnar Inspirat along with a PSD of the background so you can add your own unique images.
Also I will be taking on suggestions and requests for HS++ Today screens.. so just gimme a buzz. Ive been rather bored lately <_<;
For a preview of the BG's ive provided, see the first post.
IMPORTANT:
Woops.. almost forgot to mention the contacts link doesnt work and its QVGA ONLY
Changelog:
0.2:
Contacts Link Now Works! -Thanks tito! xD
Things to Do:
Figure out the WiFi States in the Registry
Figure out ALL the BT States in the Registry
Adapt that to the A2DP button.
Fix the Number for MMS. -lol my bad.
Hi Aegishua
thank you for posting on Mobile Custom.fr
We'll try your theme and tell you our remarks
Aegishua said:
Also I will be taking on suggestions and requests for HS++ Today screens.. so just gimme a buzz. Ive been rather bored lately <_<;
IMPORTANT:
Woops.. almost forgot to mention the contacts link doesnt work and its QVGA ONLY
Click to expand...
Click to collapse
Hi Aegishua
Hi there, nice and simple theme, extremely light. Keep on the good work
BTW you mention that "contacts" doesn't work, obviously your link has a small error: you wrote "contacts.ink" instead of "contacts.lnk" (with an L like austraLia
) happened to me too!
Ahaha nice, but will lnk work with the start_app item class? just verify that it does and i'll change it
THANKs
SiMPLE & NEAT
Aegishua said:
Ahaha nice, but will lnk work with the start_app item class? just verify that it does and i'll change it
Click to expand...
Click to collapse
I wouldn't post anything that is not verified of course it works (BTW see my answers on mobilecustom.fr)
Hi,
How do you get the background show up like the pictures posted here.
I set it as background via settings/Today but the colour appear faded/washed out.
I added it into the .xml by adding this line:
<image left="0" top="1" src="Sonnar BGFinal1.png" height="300" width="240"/>
The colours are great now but the bottom of the background is cut off. See screenshot
Also what is the purpose of the TrayIcons section of the xml. When I enable trayicons in Homescreen ++ options the display becomes too long for the screen and the scrollbar appears. Is this just a matter of reducing the height of the spacer row? Then the background may have to be shortened to compensate.
theme request
http://img110.imageshack.us/img110/8655/launcherzf8.png
can you make a theme like this
This theme is really great look at the picture some guy from XDA Developer was trying to make a new interface for omnia
(PLEASE TAKE PERMISSION FROM THE AUTHOR BEFORE YOU START MAKING THE THEME)
@ ronjoor, when you set your today background... try doing this.
1. Goto your file explorer and find the image file.
2.Then open it with pimg(the default image viewer) and then hit your RIGHT softkey to open the Menu.
3. Then from there SET AS TODAY BACKGROUND.
4. Set the Transperancy level to 0%
@fusioncoast We've been over this already. the fact that it uses a curved layout for the icons means the slide used in batterystatus wouldnt be smooth. You would need to use Flash or different program to accomplish this. Also.. you could always ask him to adapt it from whatever program he was using cause im not sure what that theme is from.
@tito12 Thanks a tonne mate. it works xD
I Still need some inspiration for a new BS Theme... feel free to post something and I'll get around to it. post about ANY issues about the theme itself or if you'd like to see some changes. Just say so and I'll consider it(I'll actually look into it lol).
IMPORTANT:
DOWNLOAD Version 0.2 TO MAKE CONTACTS WORK! See Post 3.
Looks good!
Diggin the layout, testing it on my Verizon XV6900 (HTC Vogue)
Downloaded 0.2, contacts link still not working. Any way to change the clock to 12-hr format?
Also, I can't change the batterystatus to Sonnar...is the reason because of the phone I have? I'm not terribly familiar with HS++ and how to customize the Today screen. I'd like to get my upcoming appointments on the screen if possible. Also, can you create a button on the screen to lock the phone? If i add it through the Today screen settings, it throws off the background image. Any help/guidance would be great!!
See the attached screenshots of with and without the device lock on Today.
Okay, if you want to get that lock working the easy way, I'd remove the bottom bar BUT if you want the tray icons with the bottom bar you'd need adjust the background and the spacer settings.
Code:
<!-- Spacer -->
<Row name="Spacer" rowtoggle="0">
<View height="85">
<Item class="space" type="value">
<label text=" " fontfamily="Segoe UI" align="center" left="0" top="0" fontsize="13" width="30"/>
</Item>
</View>
</Row>
you'd change "View Height" accordingly. My advice personally.. use todaytoggle, the softkeys will still work. Just the ugly bar will dissapear. Sorry i couldn't be of more help, sorta rushing to get to uni. maybe when i get back i'll help you abit more.
i think i kind of got the fix on it...
there is a DeviceLock settings that I can check through the OnHold function, which seems to lock it everytime the screen turns off (which is basically what I was looking for). Also, found a way to get my calendar in the homescreen by integrating the 'TodayAgenda' plugin and playing around with the XML file so it will fit. Also needed to change the background image a bit since the homescreen resizes depending on how much is in the Agenda screen.
I just need to figure out the 24 hr clock to 12 hr...my silly american upbringing won't allow me to learn how to read 24 hr clock. Ok, that's a lie, i just prefer 12 hr.
See my new TodayScreen attached. Thanks for getting this whole thing off the ground, I hope you don't mind my tweaking!
working on my device
very nice bro n thanks
Cool
Very nice dude looks great
Aegishua said:
See Post 3 For Downloads.
Installation:
1. Extract contents of Sonnar Inspirat 0.1.zip anywhere on your PC then copy the .xml file along with the Sonnar folder to your Homescreen folder(\Program Files\Homescreen PlusPlus\).
2. Goto your Batterystatus settings and then hit the advanced tab and select Sonnar from the dropdown.
3. Then your Done.
All the Backgrounds attached are included in the Default BGs zip file.
Thanks to Appelton for the inspiration.
Click to expand...
Click to collapse
thanks
abumhmmd1 said:
SiMPLE & NEAT
Click to expand...
Click to collapse
abumhmmd1,
Please write me in my PM, i want to discuss something with you.
Mohammed.
Ive been learning how to do my own PS type work and have come up with a couple sets of glossy button icons with text. So far ive only been a consumer in the Android world and thought it was time to offer a little something should anyone be interested.
The two zip files contain 43 button icons each. One set is a glossy carbon look while the other has a carbon fiber infield with red boarded text. Both sets are .PNG files and if you have any software which will open them feel free to make some more and or change anything you wish. I made these from scratch based upon a tutorial I found on the internet and from hear on place them in the public domain so have at them.
Here are a couple screen of then on my phone. I havent fine tuned the background but you can get the idea of how they look. Using Virtual Desktop you can scale them to any size you wish as well as link them to whatever application your prefer.
Seems im too new here to attach photobucket images.
thanks very nice work.. will look good on my DINC...
Very nice work, you earn my respect, I can just dream of something like this made by me...
Hope those who have DLed these icon buttons have liked them. Im a bit of a noob at the PS aspect of things and noticed that if I were to export the icons they will retain the same qualities yet are substantially reduced in file size. Example being one of them went from 55KB to 9KB and the zip files were 1/10th of what i offered originally. So, if you feel like it grab another set and lessen the load on your CPU.
Im working on a set of small normal size icons that match and offer system setting functions so check back in a day or so.
Added a set of matching smaller icons to the original post list. They are a little larger than normal sized icons and fit 5 across on a Droidx. Remember you can adjust the number of columns and rows in LP to best suit your layout needs.
I guess a word on what to do with all of these...
Use LP Plus allows you to resize all that you add. Download "Desktop Visualizer" from the market and install. You will find DV when you long press for widgets on the home screen.
Ive been using the 3x1 for the larger buttons but found the 2x1 works as well. For the smaller icons use the 1x1 (not the first listed 1x1ss). Once you have them extracted to a folder all you need to copy the folder to your SD card. Ive been putting them in the DCIM/Camera folder. Then when you have chosen the icon size to use you simply browse to the image and then select a function.
Some of the smaller icons need to be associated with an event rather than an application. Instead of tapping Application, choose Other and then "Activities". A new list of options become available to map the icon to whatever you want. Just take a little time and read the smaller print listed under the activity. Some of the display and sound related items are found in the Settings folder.
Ive also found that DLing an app called "Blocco" (free @ Market) and a few of their plug-ins are useful as well. There are plug-ins for Airplane mode and wifi toggle etc. If what you selected doesnt work just drag it to the trash and take another stab. I figured it out so you should be able to as well.
Added the psd file for both types of the carbon button icons. Feel free to make your own by using photo shop or similar software. Just edit the text, reposition it if needed and export the new image. Exporting the image will reduce the file size a lot and help with phone performance.
Included buttons say Market
greavous93 said:
The two zip files contain 43 button icons each. One set is a glossy carbon look while the other has a carbon fiber infield with red boarded text. Both sets are .PNG files and if you have any software which will open them feel free to make some more and or change anything you wish. I made these from scratch based upon a tutorial I found on the internet and from hear on place them in the public domain so have at them.
Click to expand...
Click to collapse
Just wanted to THANK YOU for posting your work here...great stuff!!
Was wondering if you might tell us what text icons you are using for your dock?? I am talking about the dock in the 3rd and 4th image you posted in the original/first post...
THANKS!!
Those are called "Manup's Simple Word Icons"
Im not established here enough to post links but if you google it you will find it. there are 116 in the pack
greavous93 said:
Added the psd file for both types of the carbon button icons. Feel free to make your own by using photo shop or similar software. Just edit the text, reposition it if needed and export the new image. Exporting the image will reduce the file size a lot and help with phone performance.
Included buttons say Market
Click to expand...
Click to collapse
First of all....VERY nice work. Nice and clean. Second..I downloaded the .psd zip and when I opened it, I didn't find the .psd....only the market.png files (one red and one black). I assume this was an accident, but I wanted to make an icon for TapaTalk. So far your one of the very few that have done TechBuzz and I thank you for that. If you would be so kind to either verify the .psd file and re upload it or make a TapaTalk icon, I would be very greatful. Thank You.
lilcdroid
These are beautifull! Some green one would be cool too.
Sent from my PC36100 using XDA App
These look sick! Do you mind if I use some of these in my theme? I might alter them a little to match. Good job!
no problem, do as you will. I put them here for anyone who can use them.
Chris
Big question. When you rotate the phone, the status bar background (in themes like Darkness, with a design) gets messed up because it's shaped for our screen and not a small piece that gets tiled like the original. Can you make a landscape version of the background? I noticed in TouchWiz30Launcher.apk there is a homescreen_icon_bg.png and homescreen_icon_bg_h.png the latter being for a horizontal orientation of the launcher. Can we apply this concept to a custom made portrait AND landscape drawer background in twframework-res.apk? I would really like to know if it is possible, but am not asking for the creation of the background. I can make my own, but I need to know how to make it work.
I think you have to create a layout-land and layout-port folder and put something in there. Hopefully someone else will chime in.
A simpler idea might be to modify status_bar_expanded.xml to have multiple images for the background and bottom bar, like 3 where the center is fixed and the outer 2 are tiled matched up to look seamless of course. Or just allow certain parts to be stretched and some not with draw9patch.
CuriousTech said:
I think you have to create a layout-land and layout-port folder and put something in there. Hopefully someone else will chime in.
A simpler idea might be to modify status_bar_expanded.xml to have multiple images for the background and bottom bar, like 3 where the center is fixed and the outer 2 are tiled matched up to look seamless of course. Or just allow certain parts to be stretched and some not with draw9patch.
Click to expand...
Click to collapse
Thanks a lot for your post, I looked into status_bar_expanded but couldn't find anything applicable. Looked at status_bar.xml and it contains all the info on status_bar_background in the vertical position. How would you put it all into horizontal? Would you have to edit the existing xml or make a new one in layout-land? Could I just copy it into layout-land and edit in some new filenames and stuff?
EDIT: You know how to signify a file it says @drawable/statusbar_background? Does this actually refer to status_bar_background.9.png? And how would you signify a drawlable-land destination? @drawable-land/statusbar_background?
That's mostly what I don't understand yet. In framework-res there are 3 folders:
layout
layout-land
layout-port
icon_menu_layout.xml is in land and port and not in just layout. I think because layout is default for both, and land or port is used for those modes if the file doesn't exist in layout. Just like an xml in drawable can replace an image if the same name is used. But I think there's more to it than that. I tried creating a layout-land and layout-port and moved status_bar_expanded.xml to both and it looked normal both ways. I would think that layout-land would automatically use the drawable-land images too. Something else is missing.
EDIT: Oh yes @drawable/statusbar_background is the png in drawable-hdpi, unless there's actually a drawable/statusbar_background.xml which would make it use that instead. I just don't know where drawable-land-hdpi fits in.
Inside the XML there is a "vertical" and "horizontal" section, you'd have to change that too. I have changed it and will try it tonight in my framework. I just don't understand the references it makes too well...
I've been trying to find a simple reference, but I guess most of it's here:
http://developer.android.com/guide/topics/ui/layout-objects.html
Or around that area of the docs. The vertical/horizontal I think is the alignment of objects in a group. I don't think it has to do with land/port.
This looks interesting too. I just found it. It looks like a way to view layouts on the computer.
http://developer.android.com/guide/developing/tools/hierarchy-viewer.html
CuriousTech said:
I've been trying to find a simple reference, but I guess most of it's here:
http://developer.android.com/guide/topics/ui/layout-objects.html
Or around that area of the docs. The vertical/horizontal I think is the alignment of objects in a group. I don't think it has to do with land/port.
This looks interesting too. I just found it. It looks like a way to view layouts on the computer.
http://developer.android.com/guide/developing/tools/hierarchy-viewer.html
Click to expand...
Click to collapse
I honestly don't know what that stuff means with a headache, so I can't understand what the links refer to, sorry
It's all really disorganized or I'm just used to Microsoft docs. The xml corelates with the android classes for coding java. So xml is used sort of like html tables where everything is nested so you can have rows or collumns of buttons (horiz/vert) or menus or whatever, but the elements used are all the members of the android class. It's just so hard to find the meaning of each one.
CuriousTech said:
It's all really disorganized or I'm just used to Microsoft docs. The xml corelates with the android classes for coding java. So xml is used sort of like html tables where everything is nested so you can have rows or collumns of buttons (horiz/vert) or menus or whatever, but the elements used are all the members of the android class. It's just so hard to find the meaning of each one.
Click to expand...
Click to collapse
Crap 10char
I'm running stock 4.4 on my Sprint Moto X and I want to edit my status bar icons to align them. But I can't seem to locate the battery icon(s). Experience and common sense tells me the png's should be in SystemUI.apk, but I've cracked it open and I don't see them. Hopefully someone knows something I don't. I thought this would be an easy mod, but...
sasokutenshin said:
I'm running stock 4.4 on my Sprint Moto X and I want to edit my status bar icons to align them. But I can't seem to locate the battery icon(s). Experience and common sense tells me the png's should be in SystemUI.apk, but I've cracked it open and I don't see them. Hopefully someone knows something I don't. I thought this would be an easy mod, but...
Click to expand...
Click to collapse
Battery icons in KK are drawn in java. There are no images used.
Thank you, sir. I didn't know.
sasokutenshin said:
Thank you, sir. I didn't know.
Click to expand...
Click to collapse
what do you mean by align them? although they are drawn in java, they are still called in within the status_bar.xml located in the layout folder.
Code:
<com.android.systemui.BatteryMeterView android:id="@id/battery" android:layout_width="10.5dip" android:layout_height="16.0dip" android:layout_marginBottom="0.33000004dip" android:layout_marginStart="4.0dip" />
mrvirginia said:
what do you mean by align them? although they are drawn in java, they are still called in within the status_bar.xml located in the layout folder.
Code:
<com.android.systemui.BatteryMeterView android:id="@id/battery" android:layout_width="10.5dip" android:layout_height="16.0dip" android:layout_marginBottom="0.33000004dip" android:layout_marginStart="4.0dip" />
Click to expand...
Click to collapse
I don't know how else to explain it. In 4.4, the battery, signal, etc icons aren't aligned. The battery is the most noticeable of these. It sits considerably higher than the signal bars right next to it. Prior to 4.4, when there were still battery images in the SystemUI.apk, I could've simply edited those images, lowering the battery a pixel or two. I appreciate the help with pointing out the appropriate xml. But even if I knew how to change that, I replaced my laptop recently and for some reason I'm having hell getting apktool or any of its variants working correctly. So I can't decompile/recompile currently.
sasokutenshin said:
I don't know how else to explain it. In 4.4, the battery, signal, etc icons aren't aligned. The battery is the most noticeable of these. It sits considerably higher than the signal bars right next to it. Prior to 4.4, when there were still battery images in the SystemUI.apk, I could've simply edited those images, lowering the battery a pixel or two. I appreciate the help with pointing out the appropriate xml. But even if I knew how to change that, I replaced my laptop recently and for some reason I'm having hell getting apktool or any of its variants working correctly. So I can't decompile/recompile currently.
Click to expand...
Click to collapse
use v2.0.0 beta 9. that's what i used.
in the code there, i would start with changing the marginbottom to 0.0dip
I keep getting a style-v17 error and I don't know what it means. Nothing will even decompile. I've searched, but all I've found are maybe two people asking the same question with no answers. I am by no means a "developer". More often than not, I simply crack open an apk with 7zip (or old school style with NinjaMorph if I'm on my phone) and edit png's. I've used apktool a handful of times, but I had no problems getting it working properly on my last laptop. Followed instructions and it worked. No such luck this time.
On a more topic-related note, it turns out it was more about the signal bars sitting too low than the battery sitting too high. I used Zipthemer and fixed the relevant signal bar png's.
sasokutenshin said:
I keep getting a style-v17 error and I don't know what it means. Nothing will even decompile. I've searched, but all I've found are maybe two people asking the same question with no answers. I am by no means a "developer". More often than not, I simply crack open an apk with 7zip (or old school style with NinjaMorph if I'm on my phone) and edit png's. I've used apktool a handful of times, but I had no problems getting it working properly on my last laptop. Followed instructions and it worked. No such luck this time.
On a more topic-related note, it turns out it was more about the signal bars sitting too low than the battery sitting too high. I used Zipthemer and fixed the relevant signal bar png's.
Click to expand...
Click to collapse
you need the newest version of java installed, 7 i believe
Get rid of the battery icon.....there is a wonderful free application called "energy bar" which replaces the battery icon with a very thin line on top of the screen indicating battery charge.
mrvirginia said:
use v2.0.0 beta 9. that's what i used.
in the code there, i would start with changing the marginbottom to 0.0dip
Click to expand...
Click to collapse
Man that v2.0.0 beta 9 did the trick. Craziness. Thanks for the tip.
ghstudio said:
Get rid of the battery icon.....there is a wonderful free application called "energy bar" which replaces the battery icon with a very thin line on top of the screen indicating battery charge.
Click to expand...
Click to collapse
Excellent find. Unfortunately, my brain only thinks in the form of crunching numbers, so I gotta have a battery icon with percentage text.
sasokutenshin said:
Man that v2.0.0 beta 9 did the trick. Craziness. Thanks for the tip.
Click to expand...
Click to collapse
yeah no problem :highfive:
As always, use at your own risk!
Quelle
BecauseI know I'm not theonly one whowants tounderstandit a lot,I'll showyoua way.Inspirationand ideasI got from this article. Huawei EMUI Themes gestalten und verändern [Teil 1]
What is needed:
- 7zip
- Sublime Text 3
Here we go. The prerequisite is time to rest and work accurately!
After you have installed the two programs are set to go.
Think up a folder where the issues come in here (.hwt). Always works only with copies!
Here you should create a subfolder with the topic name you now. There you unpacked the topic. Go into that folder and subfolders again sets each with the appropriate name. example:
com.android.settings = com.android.settings e
So you keep track of things.
The repeated her with the topic, which ye icons, etc you want to have.
Now comes the actual act. Take the issue of the want to edit it, in my case, Edward Returns.hwt and clicks it right (not extract!), Just select Open.
Next, locate the com.android.settings and open it again.
Here again open the res folder. Here delete the contents (click there and delete right).
Now we take the topic from which we want the icons. Also re-open and click through to the folder res. Now we select the content and push it, hold by the left, into the folder from another topic. We confirm the prompt with Yes. Now is the content in the other folder. Now we can both close, confirm the prompt with Yes and we already did it. Only on Mate7, select and look the topic. If you want, you can even assign a name. For the description.xml with Sublime Text 3 Open Notepad and then copy into the theme.
You can also use your own icons here on size, format and name eighth! It is also possible to take files from other themes if they do not exist.
Of course, goes even more, color etc, but you will still need to edit the corresponding .XML files.
Here are a few paths:
- Contacts com.android.contacts
- Gallery com.android.gallery3d: Here lies the Gallery widget.
- Player com.android.mediacenter: Here the player is widget.
- Settings com.android.settings: Here is what you see under settings and submenus.
- Links com.android.systemui: Here is what you see Status Bar / Benarichtigungen / Verküpfungen.
- Designs com.huawei.android.thememanager: Here is what you see under Themes.
- Clock / weather widget
com.huawei.android.totemweather / res
drawable-nodpi: Here are the wallpapers
drawable-sw360dp-xxhdpi: Here are the symbols
- Icons icons: This is what you see on the homescreen icons.
Thanks , i would like to create a theme for me, a dark one, simple and clear but unfortunately, i really didnt understand the procedure Is it possible for you to make a step by step guide ? Taking the default theme and changing it ?
I need one with dark toggle background, and white toggles, the one selected blue or red.
Than the notifications background black and white text and icons.
on settings , dark background and white text + icons.
So sorry i dont understand , i would have tried to make some themes
Thanks !
For the font you need to edit the corresponding XML files. This is tedious. It is easier to look for the best ducks already in coarse threads and replace only the background, symbols etc is.
A Guide for the XML I'm not going to write, which is too complex, as there is also still required Chinese.
You can read here.
http://forum.xda-developers.com/mate-7/themes-apps/mod-thememessages-notification-panel-t2973486
Or here keeping an eye out for suitable topics.
http://www.android-hilfe.de/root-cu...7/654285-themes-der-grosse-themes-thread.html
Fooox1 said:
For the font you need to edit the corresponding XML files. This is tedious. It is easier to look for the best ducks already in coarse threads and replace only the background, symbols etc is.
A Guide for the XML I'm not going to write, which is too complex, as there is also still required Chinese.
You can read here.
http://forum.xda-developers.com/mate-7/themes-apps/mod-thememessages-notification-panel-t2973486
Or here keeping an eye out for suitable topics.
http://www.android-hilfe.de/root-cu...7/654285-themes-der-grosse-themes-thread.html
Click to expand...
Click to collapse
Thank you dude !
cool instruction
i also want to edit this specific theme Edward Returns for my Ascend p7, the theme is as of now only for Mate 7 it cant be found on p7 online themes, so i downloaded this theme and installed on my p7, everything is as it should be except the icons, the system Apps icons are well, but the apps that i have installed their icons dont fit in the icon frame of the theme, they are bigger than the theme icons so they come on top of the frame, but some of the Apps that have smaller icons i can see the icon frame of the theme behind them. So i wanna know if it is possible to resize the icons so they fit the icon frame? and how it can be done?
Thanks in advance :good:
Unpack theme, edit icons and then copy the unzipped not matter.
Does anyone know how to change the background color in Messeges? i have a really cool theme but there is some error in its Messages App the background is white while the timestamp in the left side is also in white color so i can read the time... i dont know which line in themes.xml should i change????
Unfortunately, I do not quite understand you. The background images are. Just as the symbols of the timeline. About the xml you lay down only the text color and the assignment.
can you help me of that modified whatsapp called WhatsMaap changing icon cause it looks so bad because the whatsapp icon is circle so there is a black or green background the app icon
this is the app dude : https://plus.google.com/communities/111022663413469989470
I need to modify the text colour of notifications into NOTIFICATION PANNEL.
Not the standard text you find below email notification or whatsapp notifications, just the ones poping up with text surrounded by circle and asking to close a particular application consuming too much battery, for example.
Actually these notifications text are in black and, since the background is black, they aren' t readeble at all, while the others notifications (i.e. whatsapp notifications, email notifications, etc. etc.) are properly in white (see picture attached).
Considering that I need to keep the background as black, I would need to modify the notifications text colour only, from black to....white, or light blue, or other which result more readable on the black background.
I tried to edit and modify the hwt file, as well as the XML file contained into the com.android.systemui file, but unsuccesfully.
Can you explain me which file and line I must modify in order to have fixed this?
None can help me??? Fooox1, Kolembo,Hannanzikrea, please assist.
I've edited the stat_sys_battery_15.png file on a theme, but every time my phone goes down to that level the battery icon reverts to stock. All other times the battery icon displays the custom one. Anyone know why and/or how to fix this?
Sent from my HUAWEI MT7-L09 using XDA Free mobile app
mighty_moose said:
I've edited the stat_sys_battery_15.png file on a theme, but every time my phone goes down to that level the battery icon reverts to stock. All other times the battery icon displays the custom one. Anyone know why and/or how to fix this?
Sent from my HUAWEI MT7-L09 using XDA Free mobile app
Click to expand...
Click to collapse
You should add another .png file with name stat_sys_battery_15_new.png and stat_sys_battery_7_new.png
Sent from my HUAWEI MT7-L09 using XDA Free mobile app
hannanzikrea said:
You should add another .png file with name stat_sys_battery_15_new.png and stat_sys_battery_7_new.png
Sent from my HUAWEI MT7-L09 using XDA Free mobile app
Click to expand...
Click to collapse
Okies, thanks. I thought they were extraneous and deleted them... Then forgot all about them lol
Sent from my HUAWEI MT7-L09 using XDA Free mobile app
My modified dark theme
https://drive.google.com/folder/d/0Bw1wBQi9rn3WMnc1cHQ0eVNUQTQ/edit
Here's my modified theme Dark Knight v3.2.9. Some bug fix for Honor 6.