[Q] How to get a progress bar satisfy two conditions? - Zooper Widget General

Hello all,
been trying to do this: battery progress bar
= red for <20%
= cyan for general discharge above 20%
=yellow while charging
=green when fully charged
i managed to get the red part right but have problems with yellow and green. for red i used #BLEVN# comparison. for cyan just the standard color option for foreground.tried using the battery status numeric tag but it just turns to white.
i'm a noob. so please tone down the answers. Thank you!

this might help
paramdinkar said:
Hello all,
been trying to do this: battery progress bar
= red for <20%
= cyan for general discharge above 20%
=yellow while charging
=green when fully charged
i managed to get the red part right but have problems with yellow and green. for red i used #BLEVN# comparison. for cyan just the standard color option for foreground.tried using the battery status numeric tag but it just turns to white.
i'm a noob. so please tone down the answers. Thank you!
Click to expand...
Click to collapse
i just started using this and kinda learning how it works but i think this will help
1st put #ff00ffff as FG Color (cyan)
Code:
$#BSTATN#=2?[cf]#ffff00[/cf]$$#BLEVN#<20?[cf]#ffff0000[/cf]$$#BSTATN#=5?[cf]#008000[/cf]$
i tested and it works for me

quilll said:
i just started using this and kinda learning how it works but i think this will help
1st put #ff00ffff as FG Color (cyan)
Code:
$#BSTATN#=2?[cf]#ffff00[/cf]$$#BLEVN#<20?[cf]#ffff0000[/cf]$$#BSTATN#=5?[cf]#008000[/cf]$
i tested and it works for me
Click to expand...
Click to collapse
Thank you quilll. Your code gave me a good starting point. Without it I had no idea what to do.
What I wanted to do is:
battery <16% = red
battery <31% = yellow
battery <100% = green
Here is what I came up with.
Code:
$#BLEVN#<16?[cf]#ffff0000[/cf]$$#BLEVN#<31?[cf]#ffff00[/cf]$$#BLEVN#<100?[cf]#008000[/cf]$

I like the idea of this. Did you get it working and if so could you post a screenshot the codes in place in the zooper settings? I have tried and can't figure out the placement. Thanks @sonny_c
Sent from my SPH-L720 using XDA Premium 4 mobile app

sonny_c said:
Thank you quilll. Your code gave me a good starting point. Without it I had no idea what to do.
What I wanted to do is:
battery <16% = red
battery <31% = yellow
battery <100% = green
Here is what I came up with.
Code:
$#BLEVN#<16?[cf]#ffff0000[/cf]$$#BLEVN#<31?[cf]#ffff00[/cf]$$#BLEVN#<100?[cf]#008000[/cf]$
Click to expand...
Click to collapse
I tried this code but my progress bar get transparent with this. If I change the [cf] in [cb] it works but its just the background color, I want that the bar who progress that change the color. An issue ?
Thx

deleted

Fugi888 said:
I like the idea of this. Did you get it working and if so could you post a screenshot the codes in place in the zooper settings? I have tried and can't figure out the placement. Thanks @sonny_c
Sent from my SPH-L720 using XDA Premium 4 mobile app
Click to expand...
Click to collapse
Fugi888,
It is working for me. Screenshots are below.
My homescreen. The battery bar stays green when the battery is above 31%. Then it changes to yellow from 16% - 30%. Finally it turns red when the battery drops below 15%.
{
"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"
}
Add a Progress Bar and and go into its settings.
The next five pics are my settings.
Tap on Advanced Parameters.
I typed the code in the highlighted box.
---------- Post added at 07:51 PM ---------- Previous post was at 07:43 PM ----------
Faxx4840 said:
I tried this code but my progress bar get transparent with this. If I change the [cf] in [cb] it works but its just the background color, I want that the bar who progress that change the color. An issue ?
Thx
Click to expand...
Click to collapse
The code is working for me and I haven't had any issues. Check out my settings in my post above.

[/COLOR]The code is working for me and I haven't had any issues. Check out my settings in my post above.[/QUOTE]
thanks! gonna give this a try now!

Here is the battery below 30%.
Sent from my SAMSUNG-SM-N900A using Tapatalk

sonny_c said:
Fugi888,
It is working for me. Screenshots are below.
My homescreen. The battery bar stays green when the battery is above 31%. Then it changes to yellow from 16% - 30%. Finally it turns red when the battery drops below 15%.
Add a Progress Bar and and go into its settings.
The next five pics are my settings.
Tap on Advanced Parameters.
I typed the code in the highlighted box.
---------- Post added at 07:51 PM ---------- Previous post was at 07:43 PM ----------
The code is working for me and I haven't had any issues. Check out my settings in my post above.
Click to expand...
Click to collapse
I don't know what I do wrong. I try your variable and now it works perfectly. Thank you for your help .

Faxx4840 said:
I don't know what I do wrong. I try your variable and now it works perfectly. Thank you for your help .
Click to expand...
Click to collapse
Glad I could help.

Your code is working! Thanx man!

thanks!!
quilll said:
i just started using this and kinda learning how it works but i think this will help
1st put #ff00ffff as FG Color (cyan)
Code:
$#BSTATN#=2?[cf]#ffff00[/cf]$$#BLEVN#<20?[cf]#ffff0000[/cf]$$#BSTATN#=5?[cf]#008000[/cf]$
i tested and it works for me
Click to expand...
Click to collapse
thanks it works fine!!

Not so much of a noob am i ?
paramdinkar said:
Hello all,
been trying to do this: battery progress bar
= red for <20%
= cyan for general discharge above 20%
=yellow while charging
=green when fully charged
i managed to get the red part right but have problems with yellow and green. for red i used #BLEVN# comparison. for cyan just the standard color option for foreground.tried using the battery status numeric tag but it just turns to white.
i'm a noob. so please tone down the answers. Thank you!
Click to expand...
Click to collapse
Not such a noob am i then?

I know this is an old thread but look at your screen you have the state abbreviation under you bar for texas; TX. Is this generated in zooper or manually added?
Thank you!

how bout if i want an image instead of bar? when the batt is 100% the image if full. then when it comes to 50% the image will only show half of the image

wakaranay said:
how bout if i want an image instead of bar? when the batt is 100% the image if full. then when it comes to 50% the image will only show half of the image
Click to expand...
Click to collapse
One way to achieve that should be (if you don't want the image to change its position):
Create a widget with the bitmap of your choice. Adjust size of widget to your needs. The image should fill the whole wigdet. Set widget background to full transparency.
Add a Rect to your widget. Set its Screen Anchor 'Center left'
Height of the rectangular should be set to the height of your widget or bigger
Width of the rectangular should be of the exact size of the widget's width
Than go to 'Advanced parameters' and type [ox]#BLEVN#*xxx/100[/ox] --> xxx is width of your rectangular in pixels
Set 'Drawing mode' of your rectangular to 'Clear', if you want the image to disappear completely for the percentage of battery used
Set it to 'Normal' if you want your rectangular to mask your image.
Another way is to play with the Advanced parameters of your image itself. If you can determine the width of your widget after adjustment of size just type [ox]#(100-BLEVN#)*xxx/100[/ox] there. After setting Screen Anchor to 'Center right' or 'Center left' and your image should move out of sight step by step (either left or right)...

zephyr1100 said:
One way to achieve that should be (if you don't want the image to change its position):
Create a widget with the bitmap of your choice. Adjust size of widget to your needs. The image should fill the whole wigdet. Set widget background to full transparency.
Add a Rect to your widget. Set its Screen Anchor 'Center left'
Height of the rectangular should be set to the height of your widget or bigger
Width of the rectangular should be of the exact size of the widget's width
Than go to 'Advanced parameters' and type [ox]#BLEVN#*xxx/100[/ox] --> xxx is width of your rectangular in pixels
Set 'Drawing mode' of your rectangular to 'Clear', if you want the image to disappear completely for the percentage of battery used
Set it to 'Normal' if you want your rectangular to mask your image.
Another way is to play with the Advanced parameters of your image itself. If you can determine the width of your widget after adjustment of size just type [ox]#(100-BLEVN#)*xxx/100[/ox] there. After setting Screen Anchor to 'Center right' or 'Center left' and your image should move out of sight step by step (either left or right)...
Click to expand...
Click to collapse
Wow Thanks mate! how bout if my image disappear from top to bottom?

wakaranay said:
Wow Thanks mate! how bout if my image disappear from top to bottom?
Click to expand...
Click to collapse
just play with [oy] ... [/oy] and height instead of [ox] ... [/ox] and width

zephyr1100 said:
just play with [oy] ... [/oy] and height instead of [ox] ... [/ox] and width
Click to expand...
Click to collapse
Cool! but the image disaappear in reverse. what i mean. when my batt is 10% left the image left is the top instead of the bottom

Related

[SKN]Notification Icons[5-27]

Here is the latest Icon Pak Enjoy!
Update 5-27-09:
* Battery depletion icon - now match the 5% depletion battery icon I created in Stericson's custom lock screen which can be found here Custom Lock Screen, White Clock...
* New GPS icon
* Updated googletalk notification icon
* New USB icon
* New sync / sync error icon
* Darker notification bar (Easier to see the icons with something a lil darker)
{
"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"
}
* The available file will only be the .png files
* If you would like to use these icons go for it just please give credit if you release a theme or somethin
* All these icons can be used in all version EXCEPT the US version of the 1.5 update (seems that the framework-res.apk file has changes - Cramfs )
* If you are not familiar with installing the .png files into the update.zip file then please visit [HOW TO] Manuals for creating a theme There is gonna be a ton of info there on how to do this process.
Androidd-Icon-Pak <---- Download and Enjoy!
Dude, those are sweet looking icons. I'm fonder of the darker colors, so IMO they'd look better on something like the Gloss Suite bar rather than the standard.
Mi|enko said:
Dude, those are sweet looking icons. I'm fonder of the darker colors, so IMO they'd look better on something like the Gloss Suite bar rather than the standard.
Click to expand...
Click to collapse
Yeah I'm gonna try and see how a darker notification bar would look with these icons.
this is the latest of what I've done with font and new slider icon and a new font...
Looking good man, keep it up!
Excellent! For the EDGE indicator, you could have the center light up the same green for 3G. This looks great! Keep it up.
androidd said:
So I wanted to show some of the stuff I've made / changed for my G1 notification Icons.
*This is a work in progress but think it's starting to come along thanks for all the help from everyone on the boards and reefermattness for help on creating the icons.
I also added a couple screenshots to show how they look with the phone running them
Row 1: No Signal / Airplane Mode / Regular Cellular Signal Bars
Row 2: BlueTooth Connected / BT not connected / Edge In & Out / Edge In / Edge Out / No Data
Row 3: Battery Charging Animations / Battery Meter Icons
Row 4: Battery 0%
Row 5: Wifi Signal
Im working on the rest as we speak! So more to come XD
Click to expand...
Click to collapse
whats that sca thing for???
JackD3ath said:
Excellent! For the EDGE indicator, you could have the center light up the same green for 3G. This looks great! Keep it up.
Click to expand...
Click to collapse
Thats a great idea!! Wouldn't be hard to do and implement will post with what it looks like
I would definitely love to use this on my theme (personal theme) Im glad you liked the idea, just seemed the natural progression. Only thing that could be a little different, making the greens the same shade, either the android green or the neon green, but i would definitely stick with one shade.
JackD3ath said:
I would definitely love to use this on my theme (personal theme) Im glad you liked the idea, just seemed the natural progression. Only thing that could be a little different, making the greens the same shade, either the android green or the neon green, but i would definitely stick with one shade.
Click to expand...
Click to collapse
I've been thinking the same thing... prolly will go with the android neon green just haven't been able to get to it with work in all lol ok maybe a lil bit of laziness lol
LOL
androidd said:
I've been thinking the same thing... prolly will go with the android neon green just haven't been able to get to it with work in all lol ok maybe a lil bit of laziness lol
Click to expand...
Click to collapse
I try to get him to work on this kind of stuff when he is at my house but he is a slacker, and i end up doing it for him.
LMAO JKJKJK
Ok so here is the newest look to the batt icons as well as a link to download the .png files if u want to use it on your own g1 just remember where u got them from lol The biggest diff on this one is that the battery icons are a brighter green.
However the only files contained in the .zip file is what is shown in this pic if u want the wifi signal and the cellular signal icons let me know. Everything for the battery / wifi / edge in and out all go in the framework.apk file under drawable. I also included a link if you want to download the HTC icon for your slider bar. Those icons go into apps/launcher.apk under drawable-land and drawable-port you also need to rename the files to replace what is there.
This worked for JF1.42 rc33 update as well as JF1.42 1.5ADP
http://www.4shared.com/file/104756006/2e3cd561/Icons-Final.html <--- Download Icons
http://www.4shared.com/file/104765643/6ba24d66/Htc-Slider.html<--- Download Slider icons
Thanx!! I will check them out!
Pardon me for a stupid question, as I've just started going crazy with the rooting, customization, etc.
Are you saying that these icons need to replace the applicable files prior to a flashed update(ie, alter the build prior to installation) or can these be just updated with the flash utility after you are already running cupcake, etc?
Sorry if it's a dumb question.
Thanks.
You have to edit the update first then sign then install.
@ androidd,
I threw these in my phone, and they are working great. Im gonna try to implement my idea with the same green for 3G, the standard grey for EDGE, and red for GPRS. Ill let you know how it goes thanx for the initial files.
EDIT: I have edited the files and sent you a PM. Lemme knoe what you think.
Crackbone said:
Pardon me for a stupid question, as I've just started going crazy with the rooting, customization, etc.
Are you saying that these icons need to replace the applicable files prior to a flashed update(ie, alter the build prior to installation) or can these be just updated with the flash utility after you are already running cupcake, etc?
Sorry if it's a dumb question.
Thanks.
Click to expand...
Click to collapse
No worries you have to edit the update.zip >system>framework> unpack framework-res.apk extract the res folder outta the unzip program and then edit the files you want edited (Easiest to just name the file the same as the icon your replacing and then replace the file that is there.) every thing is a .png file and I think most is in a drawable / drawable-port / drawable-land... after your done with all that you have to repack the update.zip file, then you have to resign the update.zip and drop on your sd card... then do a system update to implement the new changes... i.e Home and power button... etc
whew... lol Hope that sheds some light on this, I know it's a lot lol one tip I would say is watch your res folders.. android uses that file for alllll the icons it seems lol This is really a nutshelled version of how to do all this so you may want to check some other threads to get detailed info
So are all these png's already named correctly? Or do we need to search through the framework-res.apk to rename them?
EDIT: Nevermind just downloaded the zip. Can you post the extra icons also?
Beast84 said:
So are all these png's already named correctly? Or do we need to search through the framework-res.apk to rename them?
Click to expand...
Click to collapse
They are good to go, the only one that is diff is the htc slider icons for the landscape view.
Im going to be fixing the missed call icon, doesn't look right...
androidd said:
The are already named correctly. The only ones that are not is the slider icons and thats because the landscape view of the htc icon is a different size. so thats the only one you have to rename. Other than that the are g2g
Im going to be fixing the missed call icon doesn't look quite right.
Click to expand...
Click to collapse
Thanks how bout those extra icons? The wifi & edge/3g/airplane mode icons would look sweet with these
Updated HTC icon for network usage.
See first post...
Beast84 said:
Thanks how bout those extra icons? The wifi & edge/3g/airplane mode icons would look sweet with these
Click to expand...
Click to collapse
Yeah if you want them you are more than welcome to have them
enjoy! just do me a favor post a pic of how they look im curious to see how it looks with other peoples phones.

[Guide] How to Make a Boot Animation [Photoshop]

*This guide was originally made for the Kindle Fire, which has a different screen resolution than the Nexus 7. Wherever you see a 1024x600, replace with the desired resolution.*
End Result
Getting Started
YOU WILL NEED
-A computer with Photoshop installed
-Basic knowledge of how Photoshop works
-A bit of patience
So go get a cup of coffee and let's get started. First fire up Photoshop (or whatever image editor you are using) and create a new image that is 800x1280. (Or whatever the screen resolution of your device is)
The 800x1280 is the resolution of your screen. If you want a landscape boot animation, you make it 1280x800.
File>New
Now that we have a canvas that is 800x1280, let's make a background.
BACKGROUND
I used the gradient tool and created a gradient that was dark grey in the middle and went to black near the edges.
This is done using the gradient tool using the radial setting. Drag from the middle to one of the 4 corners.
{
"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"
}
Now the background looks great right here but I want some more texture. I grabbed a wooden background and put it as a new layer on top of the gradient and set the opacity to 60%
TEXT
Then I added the text "TUTORIAL" in Devil Breeze font with a slight gradient over it.
LOADING BAR
Now that we've got the Background and Text out of the way lets do the loading bar.
Use the rounded rectangle tool with a radius of 5 pixels to make a shape that is roughly 447x48 (doesn't have to be exact)
Here is roughly what it should look like.
Now create a drop shadow using the following settings
Next create an inner shadow using the following settings
Now here's what it should look like. It has some depth and looks like it's sunk into the wooden background.
The background of the Loading bar is done. Now we need the actual moving portion of the bar.
Create a new rounded rectangle shape that is about 1 pixel smaller on each side than the loading bar background that we just created. (You can just duplicate that layer and resize it) I'll pick a nice blue color for it but of course you can choose whatever color you wish.
Plain blue is pretty boring though. Lets make it glossy! Duplicate the layer that we just made and make it white. Then delete the bottom half and set the opacity to around 8%.
Now it's looking snazzy! There's one last thing to do... Well, ANIMATE it of course! That's why it's called a boot animation.
ANIMATION
Now we need to set up Photoshop to do animations... Window>Animation
Now an animation window should come up at the bottom of your screen.
Next we're going to merge some of the layers so it's not so messy. To merge layers Shift+Click on the layers you want and the right click and merge layers.
I merged the Gloss and the blue loading bar to create one loading bar. This should leave you with 4 layers and they should be in this order. (From Top to Bottom)
1. The loading bar
2. Loading bar background
3. Your Text
4. The main background
Now click on the Loading bar layer and go to Layer>Create Clipping Mask
Then give the Loading bar a drop shadow and set the distance to 0. This gives it a slight 3D look.
We're almost done here.. hang tight!
Then move the loading bar layer straight left until you can't see it anymore like so.. and then click on the little clock next to Position.
Next drag the slider over to 04:00f (4 seconds) and then move the Loading Bar layer back over to the right so it's fully visible again. Now if you slide the slider back and forth between 0 and 4 seconds you should be able to see the bar moving.
We're done animating! Pat yourself on the back for making it this far. But hold on... we need to save this don't we?
SAVING
Go to File>Export>Render Video
We're going to name it 0 (Zero) (Otherwise you will have to go through and rename 120 different files), Create a new subfolder and call it part0. Select Image Sequence. In Range we're going to select the In/Out Frame option. This should be from 0-120 because our animation is 4 seconds long at 30 frames per second. Then go ahead and click Render and you're done
Bump
Sent from my Nexus 7
Stop... MUFFIN TIME!!!
Great tutorial. Thank you for taking the time to post it.
Very nice tutorial, I'm a Linux user so I use GIMP and the technique used here is pretty much the same on GIMP.
Edit: Also on exportation would the document size not be 800 x 1280?
CJHolderUK said:
Very nice tutorial, I'm a Linux user so I use GIMP and the technique used here is pretty much the same on GIMP.
Edit: Also on exportation would the document size not be 800 x 1280?
Click to expand...
Click to collapse
Yes you're right. If you read the first sentence you will realize why. I made this guide originally for the Kindle Fire forum. And the KF has a 600x1024 screen. I just haven't gotten around to editing the numbers.
Sent from my Nexus 7
Stop... MUFFIN TIME!!!
Bumpity?
Sent from my Nexus 7
Stop... MUFFIN TIME!!!
Nice one though resolution needs editing
---------- Post added at 08:53 PM ---------- Previous post was at 08:16 PM ----------
Please help me
I am on CS6 and my animation is coming in a different style. Frames are coming and nothing like the one in above image where i can set keyfranmes
Yo veeman, I got myself a couple of nexus7's.
I want to do boot animations but have had no luck in the past. I'm going to have another crack at it
Standby for assistance. Lol
Sent from my Nexus 7 using xda premium
lovejoy777 said:
Yo veeman, I got myself a couple of nexus7's.
I want to do boot animations but have had no luck in the past. I'm going to have another crack at it
Standby for assistance. Lol
Sent from my Nexus 7 using xda premium
Click to expand...
Click to collapse
Glad you can join us
If you have questions, feel free to ask. :thumbup:
Sent from my Nexus 7
Stop... MUFFIN TIME!!!
iHarkunwar said:
Nice one though resolution needs editing
---------- Post added at 08:53 PM ---------- Previous post was at 08:16 PM ----------
Please help me
I am on CS6 and my animation is coming in a different style. Frames are coming and nothing like the one in above image where i can set keyfranmes
Click to expand...
Click to collapse
Can you post a screenshot of what you're seeing? I haven't got CS6 installed yet.
Sent from my Nexus 7
Stop... MUFFIN TIME!!!
If you are a lazy bugger like me, as long as u can get a gif of what U want as a startup,
Romtoolbox pro has an option to convert .gif to startup
OK, Take it here
Try clicking Window > Timeline
Sent from my Nexus 7
Stop... MUFFIN TIME!!!
hey,
I'm currently rendering the bootlogo - and with 50 png's already rendered I got 31,5 MB
That's fn huge - did I do something wrong? :crying:
veeman said:
Try clicking Window > Timeline
Sent from my Nexus 7
Stop... MUFFIN TIME!!!
Click to expand...
Click to collapse
Nothing like Animations there too. Just installed CS5 and still no way to get that keframe style animation pane :'(
grabba said:
hey,
I'm currently rendering the bootlogo - and with 50 png's already rendered I got 31,5 MB
That's fn huge - did I do something wrong? :crying:
Click to expand...
Click to collapse
No, you didn't do anything wrong. Rendering as jpegs will give you a smaller file size.
Sent from my Nexus 7
Stop... MUFFIN TIME!!!
really appreciate the tutorial, currently working on an animation for my MyTouch4g as a I wait for my nexus....
One question though, when animating the loading bar, how do you make it start at the edge of the loading bar background as opposed to the edge of the screen? I want the animation to "fill" up the bar but as of now i can only get it to slide across the whole screen and settle into the loading bar background, thanks!
cjwebb said:
really appreciate the tutorial, currently working on an animation for my MyTouch4g as a I wait for my nexus....
One question though, when animating the loading bar, how do you make it start at the edge of the loading bar background as opposed to the edge of the screen? I want the animation to "fill" up the bar but as of now i can only get it to slide across the whole screen and settle into the loading bar background, thanks!
Click to expand...
Click to collapse
In the first post, look under the Animation section. There I talk about making a clipping mask. I believe that's what you're trying to do.
Sent from my Nexus 7
Stop... MUFFIN TIME!!!
iHarkunwar said:
OK, Take it here
Click to expand...
Click to collapse
I finally got around to installing CS6 and I figured it out. See this image.
http://i.imgur.com/usKMT.png
can you provide a zip file of it?? please? I keep getting the clipping mask wrong somehow...
Ediit: Nevermind had color overlay on the bottom layer, silly me.

Watchface for Facer, Casio White

My first watchfaces for Facer
White:
http://facerepo.com/app/faces/details/classic-white-149fc055c0f
Black:
http://facerepo.com/app/faces/details/classic-black-149fc2c4ac8
Update 1.0:
Some background tweaks..
Update 1.1:
Added white watchface with dimmed Battery Percentage. (only in dimmed state with screen on.)
Added black watchface with dimmed Battery Percentage. (only in dimmed state with screen on.)
You can replace the Battery Percentage with anything you like, and add more!
Update 1.2:
White watchface: made black stripes more black and and tweaked 12 o'clock sign for dimmed state.
Update 1.3:
Changed arrows into black stripes.
Update 1.4:
Changed the white dimmed state to the black image background.
Update 1.5:
Normal state with current temp, weather and weather icon.
And more visible and modern ambient mode.. Also better with cards notifications and nice black background..
Please let me know what you think... The arrows come from another watchface.
I prefer the white one, the black is an inverted and little bit tweaked white face.
With the black one, in dimmed state, notifications are a bit easier to read.
Unfortunately Facer isn't showing the notifications as on the stock watchfaces at the moment..
{
"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"
}
Love the white one.. think it's gonna be on my wrist for a while!
Thanks for the time and effort you have put into this!
suggestion.. mute symbol, even if just when dimmed.
Changed the white dimmed state to the black image background. Now you can see the mute and other icons..
I think its not possible to change the icon/card colors from wear within facer.
Thanks for the feedback!
Yeah, love that little tweek.. a lot easier to see when dimmed and those icons now visible.. great stuff!!
some times takes a few seconds to change when dimmed.. but not that I'm staring at my new watch all of the time
Thanks dude!
N1XM1X said:
Yeah, love that little tweek.. a lot easier to see when dimmed and those icons now visible.. great stuff!!
some times takes a few seconds to change when dimmed.. but not that I'm staring at my new watch all of the time
Thanks dude!
Click to expand...
Click to collapse
Lol
Send with Tapatalk on Sony Z2
How can i install ? Im new to Sony SW3
Enea307 said:
How can i install ? Im new to Sony SW3
Click to expand...
Click to collapse
Good question: you have to buy the app called Facer from the Playstore..
Send with Tapatalk on Sony Z2
I see the API is released, our about to be, don't know if this is any use to you but i look forward to the new faces for our watch.. hope to see more from you :good:
sadfaces
so apparently facer is updated for new API (GW5) and SW3 is still on old software aka not compatible. uber sadfaces.
What do you guys think?
Normal state with current temp, weather and weather icon.
And more visible and modern ambient mode.. Also better with cards notifications and nice black background..
djgodlike said:
What do you guys think?
Normal state with current temp, weather and weather icon.
And more visible and modern ambient mode.. Also better with cards notifications and nice black background..
https://www.dropbox.com/s/ije7jt49l5mbl9z/Casio AQ 230 White.face?dl=0
Click to expand...
Click to collapse
is this support new API ??
alunx said:
is this support new API ??
Click to expand...
Click to collapse
This wasn't my question but I think this is a Facer question. If you have AW5.0.1 on your watch you have to choose the "Facer on Android Wear 5" watchface. Then you are using the new API...
Send with Tapatalk on Sony Z2
Is it possible to create something like that:
And change the bottom sphere with battery and inside the sphere put the weather. Thanks a lot. If not I'll try to clean the watch face.
Sure it's possible but seems to have some work with PhotoShop.. But it's a nice watch for our Swr50. Maybe I'll digg into it when I have some spare time. Or do it together? Do you have a high res pic straight from the top?
Otherwise you can design it yourself vector based. But i think PhotoShop is more like the easy way...
It's worth a try...
eXPerience1983 said:
Is it possible to create something like that:
And change the bottom sphere with battery and inside the sphere put the weather. Thanks a lot. If not I'll try to clean the watch face.
Click to expand...
Click to collapse
Done some work on the corners already... Now The hard part, wipe out the hands...[emoji15]
Wow
eXPerience1983 said:
Wow
Click to expand...
Click to collapse
Finally got it fully working, first hours of PhotoShop then correcting the hands and code! 1 days hard work.. I must say I'm very happy with it, it looks cool. Screenshots below made with Wear app..
Soon on facer. Never ask again if I can do it [emoji35]
Battery and weather included...
What the hell??? You are amazing!!!!
OK, the version I first upload it's not the same that you are working on it, maybe this version is easier to work with it.
I tried (and still working on it, but I have no Photoshop, so I'm working with GIMP, and I'm learning as I use it) to make a pure black/white (and red for Sunday indicator) version.
I'm on it, but its difficult to me. But maybe it's better solution for dimmed version too.
The idea... insert weather into the bottom circle (or digital clock), use the bottom white circle as battery indicator, still need to clear/clean other 3 spheres an "repair" them.
And try to rescue the clock hands as real as I can. And the last thing, try to get better bottom line numbers, the others seems fine.
Feel free to use it as you want. I need more time to do that, but I'll try if nobody do it before.
And sorry, my English is not as good as I want.
EDIT: Clean/Clear top Sphere added (I have to improvise, because it has 31 points, and it's difficult to get it 100% real)
EDIT 2: added the original one, and another point of view (but it's not good to use it for the face)
EDIT 3: Centre Hands added (valid for center-right, center-left, and top sphere)
eXPerience1983 said:
OK, the version I first upload it's not the same that you are working on it, maybe this version is easier to work with it.
I tried (and still working on it, but I have no Photoshop, so I'm working with GIMP, and I'm learning as I use it) to make a pure black/white (and red for Sunday indicator) version.
I'm on it, but its difficult to me. But maybe it's better solution for dimmed version too.
The idea... insert weather into the bottom circle (or digital clock), use the bottom white circle as battery indicator, still need to clear/clean other 3 spheres an "repair" them.
And try to rescue the clock hands as real as I can. And the last thing, try to get better bottom line numbers, the others seems fine.
Feel free to use it as you want. I need more time to do that, but I'll try if nobody do it before.
And sorry, my English is not as good as I want.
EDIT: Clean/Clear top Sphere added (I have to improvise, because it has 31 points, and it's difficult to get it 100% real)
EDIT 2: added the original one, and another point of view (but it's not good to use it for the face)
EDIT 3: Centre Hands added (valid for center-right, center-left, and top sphere)
Click to expand...
Click to collapse
Nice work dude! Your background works with my face too. Even the hands are the same settings..
Maybe you can adjust the letters "SU" a bit more bright. I think the minute and hour hands in white will be hard to read and possibly need a bit more contrast. My Edifice face is a bit hard to read to..
I will PM send you my facer file. And one with your background..
We keep in touch...

Official S6 themers, please help me find how to change these key areas

Hello, I have been trying to get a few themes into the theme store, but they always fail in the same areas. The problem is my personal phone screen works perfectly fine, but Samsung tester's screens look different. I was wondering if anyone could tell me where in the theme editor I have to go to change these key areas? I have included some pictures of what my screen looks like (left) compared to what theirs looks like (right). Also, I am using the mac version and am on Android 5.1.1. if that makes any difference.
Screen 1 is clock then task at the top
Screen 2 is not even close to mine
Screen 3 shows my buttons appear
Screen 4 is a two part problem. The date is impossible to change from black as far as I can tell. Also, I am not sure where in the theme editor to change the date highlight color. My primary, secondary, etc colors are all different in the common area, yet the date highlight does not show.
I would be extremely grateful if anyone knew the answers and could help me out.
Part of the issue is that they are using Marshmallow to test your theme, hence why some major differences in the screenshots.
Primary color and text color should not be the same as any text color (including button text), that is probably the issue with some sections.
In Screen 3/4, you cannot change the color of the month text. I reported the bug on their very first release and it still has not been fixed.
cambunch said:
Part of the issue is that they are using Marshmallow to test your theme, hence why some major differences in the screenshots.
Primary color and text color should not be the same as any text color (including button text), that is probably the issue with some sections.
In Screen 3/4, you cannot change the color of the month text. I reported the bug on their very first release and it still has not been fixed.
Click to expand...
Click to collapse
Ugh, I have had so many little issues like this. I wish you could have a link to common, or be able to change things per screen. Literally that one button is the only one that is the same as the text. All other buttons or menus are fine and now I'll have to rethink my entire design because of it. Same with that date bug. Impossible to make the bottom black for any themes because of it. Another potential bug I found was if you open the phone > dialer > then hit speed dial. The top menu text is always the same as the bottom body section. It's almost always hard to see.
However, I heard a new version is coming out this month (for mac at least). Hopefully a lot of these little issues will be fixed. Also, where did you report the bug, emailed the main guy, or on their forum? I have a huge list of bugs to report, but find it difficult to report them as their forum, for unknown reasons, won't let me type in the text box.
shmogt said:
Hello, I have been trying to get a few themes into the theme store, but they always fail in the same areas. The problem is my personal phone screen works perfectly fine, but Samsung tester's screens look different. I was wondering if anyone could tell me where in the theme editor I have to go to change these key areas? I have included some pictures of what my screen looks like (left) compared to what theirs looks like (right). Also, I am using the mac version and am on Android 5.1.1. if that makes any difference.
Screen 1 is clock then task at the top
Screen 2 is not even close to mine
Screen 3 shows my buttons appear
Screen 4 is a two part problem. The date is impossible to change from black as far as I can tell. Also, I am not sure where in the theme editor to change the date highlight color. My primary, secondary, etc colors are all different in the common area, yet the date highlight does not show.
I would be extremely grateful if anyone knew the answers and could help me out.
Click to expand...
Click to collapse
About screen 4 Highlight color you can see it if not theme dropdown menu . Let it white background and black text as it be. Please try.
pas2001 said:
About screen 4 Highlight color you can see it if not theme dropdown menu . Let it white background and black text as it be. Please try.
Click to expand...
Click to collapse
Where tho? It doesn't give me any options in the clock settings to change it and all other menus work fine and have a highlight color.
shmogt said:
Where tho? It doesn't give me any options in the clock settings to change it and all other menus work fine and have a highlight color.
Click to expand...
Click to collapse
In common mate. You use v2 now right?
Sent from my SM-G925F using Tapatalk
pas2001 said:
In common mate. You use v2 now right?
Sent from my SM-G925F using Tapatalk
Click to expand...
Click to collapse
I am, but it's impossible to change. It's not the highlight color as I changed that, but it won't change in this one menu only. I tested other themes out from the store and their's don't change either. I think it is just a bug from Samsung.
shmogt said:
I am, but it's impossible to change. It's not the highlight color as I changed that, but it won't change in this one menu only. I tested other themes out from the store and their's don't change either. I think it is just a bug from Samsung.
Click to expand...
Click to collapse
{
"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"
}
Sent from my SM-G925F using Tapatalk
pas2001 said:
View attachment 3650287View attachment 3650293View attachment 3650287
Sent from my SM-G925F using Tapatalk
Click to expand...
Click to collapse
It's in Clock>Alarm>date that is the issue. It rarely works when I use themes. The only one it worked on is the Iron Man theme, but all others didn't work. What is the exact setting in common that changes it?
shmogt said:
It's in Clock>Alarm>date that is the issue. It rarely works when I use themes. The only one it worked on is the Iron Man theme, but all others didn't work. What is the exact setting in common that changes it?
Click to expand...
Click to collapse
Try it please . Open project. Reset dropdown menu part in common part. Send to your device and look in clock and calendar.
Sent from my SM-G925F using Tapatalk
pas2001 said:
Try it please . Open project. Reset dropdown menu part in common part. Send to your device and look in clock and calendar.
Sent from my SM-G925F using Tapatalk
Click to expand...
Click to collapse
That is the problem I have. I am not exactly sure what menu it is that changes it. However, if you go to S Planner>Task (top left), the highlight color appears fine on the same colored menu.
shmogt said:
That is the problem I have. I am not exactly sure what menu it is that changes it. However, if you go to S Planner>Task (top left), the highlight color appears fine on the same colored menu.
Click to expand...
Click to collapse
Not get what you mean in last sentence.
I tell you that if you leave dropdown menu in common as it be. White background and dark text. By press reset button. The year highlight in calendar and clock will show as highlight color you choose. But if you theme that part text of years will tinted all to color you choose so not show highlight.
Sent from my SM-G925F using Tapatalk
pas2001 said:
Not get what you mean in last sentence.
I tell you that if you leave dropdown menu in common as it be. White background and dark text. By press reset button. The year highlight in calendar and clock will show as highlight color you choose. But if you theme that part text of years will tinted all to color you choose so not show highlight.
Sent from my SM-G925F using Tapatalk
Click to expand...
Click to collapse
Yes, meaning it is a bug by Samsung. Since you should be able to change its color and have everything appear correctly.

[App] Energy Bar - a pulsating Battery Indicator! [Special Curved Edition for S9]

UPDATE: New version EB_CD_1.4_BETA is now up on Google Play Store. Download now! Please leave a rating on Google Play Store if you try the App, your feedback is very valuable!
NOTE: The App is tested on Samsung Galaxy S9 so far, for the looks. If you have a Galaxy S8/S8+/S9+, please post some pictures as a feedback. Thanks!
Greetings! I made this special Curved Edition of Energy Bar for Galaxy S8/S9/+. Look forward to hear community feedback on this.
{
"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"
}
Many of you who have a Windows Mobile past like me, might have instantly recognized the thin colorful line(s) in the above image. And for the new Android generation, introducing Energy Bar - a pulsating Battery indicator!
Energy Bar puts a thin line on top of your Status Bar whose length corresponds to your device's current Battery level.
Got a full charge? The line will cover the whole width of your screen.
Battery depleting? So will the length of Energy Bar.
After several iterations (thank you for the feedback, early testers), the App is now feature packed:
Energy Bar can be configured from a width of 1 pixel to cover the entire status bar
Energy Bar puts almost 0% load on CPU, as it wakes up only to reflect any change in battery level
Energy Bar's origin can be configured as left/center/right
Energy Bar can hide on fullscreen content (apps, videos, images, games etc)
Energy Bar can be configured to change colors automatically depending on the live battery level
Energy Bar could have a mono color/multiple color segments/gradient
You can literally assign any color in the world for your favorite configuration
Energy Bar as a cool pulsating animation whenever a power source is plugged into your device
There is something about visual over numbers that keeps you and your device's battery level in sync with just a glance. You may find it intuitive/effective/stylish way to read the battery level, let me know what you think
--------------------------------------------------------------------------------------------------------------​
DOWNLOADS:
--------------------------------------------------------------------------------------------------------------​LOOKS:
--------------------------------------------------------------------------------------------------------------​
Charging animation demo (style - bounce), thanks @sl33pyK!
im using s9 but app cant regconize , tell me must use standard version
hoangtu2410 said:
im using s9 but app cant regconize , tell me must use standard version
Click to expand...
Click to collapse
Hi! I just released a 'hotfix', please try the latest version from Play Store, eagerly look forward to hear your feedback!
jagan2 said:
Hi! I just released a 'hotfix', please try the latest version from Play Store, eagerly look forward to hear your feedback!
Click to expand...
Click to collapse
Works great on my s9 tmobile running u1 firmware.....Would be great for nav bar...just a suggestion :good:
Nice!
But I've found one oddity. I'm trying to define three segments. The first from 1 to 25%, the second from 26% to 50%, and the third from 51 to 100%. But I can't get the first segment any lower than 27%. They're now set at 1 to 27, 28 to 50, and 51 to 100. If I try to slide the top bar down to 25, I get a toast popup that says "Minimum segment length is 2." It seems that it's trying to create a new segment between 1 - 27 and 28 - 50, when what I really want it to do is start the second segment at 26, instead of 28.
Not really a huge deal, but there should be a way to make this work.
meyerweb said:
Nice!
But I've found one oddity. I'm trying to define three segments. The first from 1 to 25%, the second from 26% to 50%, and the third from 51 to 100%. But I can't get the first segment any lower than 27%. They're now set at 1 to 27, 28 to 50, and 51 to 100. If I try to slide the top bar down to 25, I get a toast popup that says "Minimum segment length is 2." It seems that it's trying to create a new segment between 1 - 27 and 28 - 50, when what I really want it to do is start the second segment at 26, instead of 28.
Not really a huge deal, but there should be a way to make this work.
Click to expand...
Click to collapse
Working fine for me....Are you on newest update?
bzzybfrm313 said:
Working fine for me....Are you on newest update?
Click to expand...
Click to collapse
Installed it from the Play Store this afternoon.
Finally got it set up. I had to delete all but one of the segments, and then wind that down to 25%.
Full bar thickness at 5
bzzybfrm313 said:
Full bar thickness at 5
Click to expand...
Click to collapse
EDIT: its weird that corner wasn't like that nor its it still like that screenshots
bzzybfrm313 said:
Works great on my s9 tmobile running u1 firmware.....Would be great for nav bar...just a suggestion :good:
Click to expand...
Click to collapse
Thanks for your feedback! I feel Nav Bar would be bit tricky for now, as it's dynamic on S9, the whole idea of Energy Bar is to stick on top of screen for most of the time.
meyerweb said:
Nice!
But I've found one oddity. I'm trying to define three segments. The first from 1 to 25%, the second from 26% to 50%, and the third from 51 to 100%. But I can't get the first segment any lower than 27%. They're now set at 1 to 27, 28 to 50, and 51 to 100. If I try to slide the top bar down to 25, I get a toast popup that says "Minimum segment length is 2." It seems that it's trying to create a new segment between 1 - 27 and 28 - 50, when what I really want it to do is start the second segment at 26, instead of 28.
Not really a huge deal, but there should be a way to make this work.
Click to expand...
Click to collapse
Whenever you drag a segment's length to something lower and drop, Energy Bar will try to split that particular segment into two at the point of drop. In this case it was probably attempting to split as 1-26, 27-28, 28-50, 51-100.
Ideally, to achieve the configuration you would have had to do like this:
* Delete the 28-50 segment by sliding it all the way to extreme left. Deleting any segment will merge itself to the segment above it. Deleting the top most segment will delete all segments.
* Now you will have 1-50, 51-100 segments. You can drag and drop first segment to 25, to make it split as 1-25, 26-50, 51-100.
bzzybfrm313 said:
Full bar thickness at 5
Click to expand...
Click to collapse
bzzybfrm313 said:
EDIT: its weird that corner wasn't like that nor its it still like that screenshots
Click to expand...
Click to collapse
I saw the screenshots, looks as expected, is there any issue you would like to report? Remember that only the phone's physical screen is cut off, Android still thinks it's a perfect rectangle.
UPDATE: What's new?
EB_CD_1.2_BETA:
* Adjusted the curve at left corner by 1 pixel, because every pixel matters!
* Fixed issues with 'Status Bar' mode - portrait to landscape switching/auto-hides.
EB_CD_1.2.1_BETA:
* Minor Bug fixes
Hey Guys! If you try the App, please leave a review on Google Play Store, it will be really helpful, thanks!
Hello! What about Note8?
bigtom5000 said:
Hello! What about Note8?
Click to expand...
Click to collapse
Hello! Please check out the NOTE 8 Thread.
What's new in EB_CD_1.3_BETA ?
* The curves just got smoother, the smoothness level will depend on the thickness you choose.
* The 'Merged Segments' and 'Gradient' color configurations now displays mirrored, as expected in 'center' origin.
Hey Guys! If you try the App, please leave a review on Google Play Store, it will be really helpful, thanks!
Ohh, I like it a lot ! I made a donation
Wow. This is very cool. However, I feel the curve itself needs a little tinkering, when going below 6, especially 4 and below, you can clearly notice that line is not the same thickness at everywhere. Other than that this is amazing.
celine62 said:
Ohh, I like it a lot ! I made a donation
Click to expand...
Click to collapse
Thanks!
immu23 said:
Wow. This is very cool. However, I feel the curve itself needs a little tinkering, when going below 6, especially 4 and below, you can clearly notice that line is not the same thickness at everywhere. Other than that this is amazing.
Click to expand...
Click to collapse
Thanks! The curve, it's based on feedback from remote users and devices, if you could send me photos of the phone at varying thickness level, I can look into it.
What's new in EB_CD_1.4_BETA?
* Fixed internal crashes.
* 'Hotfix' for Energy Bar disappearing randomly, it's based on remote devices' feedback. Thanks for the patience. Please uninstall current version > reboot phone > Install latest version, this will make sure that there are no traces of Energy Bar running from previous version.
Hey Guys! If you try the App, please leave a review on Google Play Store, it will be really helpful, thanks!
It doesn't curve at all. The edges just taper off on the s9+. ( excuse the crappy picture of the phone, the screen shot would not capture the edges ). If I set it to status bar, it goes all the way around to the edge .
rkennison said:
It doesn't curve at all. The edges just taper off on the s9+. ( excuse the crappy picture of the phone, the screen shot would not capture the edges ). If I set it to status bar, it goes all the way around to the edge .
Click to expand...
Click to collapse
Hi! You seem to be on the standard/original version of Energy Bar. You should download the 'Curved Edition' of Energy Bar for S9.

Categories

Resources