Triangular progressbars - Zooper Widget General

Why are all progressbars rectangular? Is it possible to make them e. g. triangular or trapezium shaped (like standard wi-fi bars in Android or antenna bars in Symbian)?

Well, the quickest answer I can think of say for a triangular one, would be to use three straight progress bars and simply rotate them and 'assemble' them into the shape of a triangle, and then set each one's min/max value to a different set of the range of whatever variable you're tracking, so Bar1 would have a min/max of 0-33, next one - 33-66, last one to 66-99 if you're tracking a var that scales 0-99 etc.
And in Advanced Parameters for each bar use some logic statements to make sure the bar doesn't display any selected value if the the var you're tracking is outside its range. (i.e. to have the selected segment 'jump' from one bar to another if you're trying to make a bar that shows one particular segment highlighted instead of a steady typical progress bar that fills up as the value goes up).

No, it's not what I need. I need a triangle that smoothly fills with solid color depending on a parameter. Imagine a usual rectangular progressbar, cut it diagonally and take a half of it.

Well the same premise would still apply, you would just choose Normal mode so that the progress bar just fills up normally, with no segments, highlights, etc.
I think it's difficult to describe in words, both of what we're talking about, so, do you have a link to some images of what you're trying to accomplish. From anywhere(s).
If I could actually see it I could maybe come up with some solution(s).

Something like 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"
}

Absolute impossible!! Cannot be done! You should just give up, buy an iPhone.
Or...
Do it like this - 60 seconds or less:
1. Make your progress bar
2. Make a rectangle slightly bigger than that, place it OVER the progress bar, make sure it is any color except one of these.
3. In the rectangle settings ROTATE IT to your angle of choosing, then....where it says "Drawing Mode" choose "CLEAR".
4. Watch the magic.
Extra Gold star if you can make something like the second two pics. Go bananas. Zooper is fun!!!

This is a better variant, but this rectangle will clear off anything under it. And what will I do if I need to place a text there?

Umm....you put the text...over it?
In the module manager you'll see the order from top to bottom of each element, they are drawn in this order, so if you want to see the text where the rectangle previously cut it out, just drag the text elements to the bottom of the list.
See attached example.
And as bonus tip - to get the jagged edge thing, or any other shape imaginable, create or download a png file that has the background transparent, then place it over your progress bar (or whatevers) and instead of "Clear" choose "XOR" and it will give you the shape as a cutout, like a cookie cutter.

Related

G1 Wallpaper Template in PSD Format

I just got a G1 a few days ago and wanted to make a wallpaper for it. As you know there's several screen breaks: three when viewed horizontal and three more when viewed vertical. I tried downloading a couple templates from various blogs and forums, but none were very thorough, so I made my own.
It's a tradition of sorts that I make a wallpaper for my phones featuring Keith Olbermann, so I named it after him cause I'm a big gay dork like that.
The template has two color coded Layer Sets: Each set of layers has three sub-layers that highlight the screen breaks and viewable area that occur on either of home screen's orientations.
I also included a layer of bars that align with the bottom row of icons for each orientation. I got the idea from another wallpaper I downloaded, I don't remember which but I tweaked it a little since it wasn't quite right when viewed horizontally.
The part at the bottom with my website link on it is never visible on the phone, so you can replace it with your credit there if you use it.
Some screenshots:
{
"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"
}
And the link to the template:
http://drop.io/olbermann
From one nola geek to another, good job!
or use any image thats 800x600 in res.
k34m0n said:
or use any image thats 800x600 in res.
Click to expand...
Click to collapse
You missed the point of the template. It has overlays that let you see beforehand exactly which parts of your wallpaper will display on all the Android "screens" whether landscape or portrait. Nothing worse than picking a wallpaper, no matter the res, and not being able to see the best part of it unless you open the keyboard and flip left.
k34m0n said:
or use any image thats 800x600 in res.
Click to expand...
Click to collapse
Yes, but when you're viewing in landscape mode about a third of the image is cut off. Plus, some of us like to use something other than just 'any image'
... and the resolution is 640x480.
Over 200 downloads so far.. just wondering if anyone is using it and if they are if they have any suggestions?
I'm downloading it now. I'll let you know if I can think of anything useful to share! Thanks for the template.
Thanks! I'm thinking about adding a layer in the horizontal set that gives you letterbox style bands on the top and bottom so you can see what gets cut off when the orientation is flipped.
Just updated it (the 1.5 version) to add letterbox style bars on the tops and bottom to make obvious what will be viewable in each orientation.

Missing lines of foreground in TF3D

This is a strange problem that I've noticed. I assume this happens to everybody else too?
When I go to the Internet Tab... without any scrolling taking place... the top of one of the favourite icons is missing, like it's been chopped off (see Image 1).
Upon scrolling this list slowly, I can see 2 areas on the screen where parts of the foreground simply disappear (see Images 2,3,4,5). Either the top of the whole favourite icon + favourite icon background disappears, or just the top of the inner favourite icon disappears, or the dotted line disappears. Notice the background displays fine!
After checking other scrollable tabs... like the Settings Tab, the Program Tab, plus others... they all have the same problem. The top of the black round square disappears on the Program List (see Image 6), and the dotted lines disappear on the Settings Page (see Image 7).
Something that is about 1-2 pixels high, and full width, is making anything that passes over it, or under it (if it's invisible)... disappear!
I have marked all the below images with arrows (which are placed in exactly the same place in every image), so you can see where the disappearing occurs! You may have to view the full sized images, as the smaller ones that appear in the overlay don't show some of the dotted lines anyway!
It's really starting to annoy me... primarily because it's immediately visible & noticeable on the Internet Tab.
Does anybody know why this happens, or how to correct it?
Image 1
{
"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"
}
Image 2
Image 3
Image 4
Image 5
Image 6
Image 7
Anyone know the solution????
I guess from the screenshots you're using an edited manila background, the two manila files that split a wallpaper in 2 to make a background for all the tabs? The top pixel line of the bottom file and bottom line of the top file do not show up on the phone - maybe they have something to do with it? I don't have this issue, using bg4all on Dutty R8.
Who can help,please........................
My problem is that the forth line of the Manila Contact list, the manila setting tabs are missing............

[App idea] Aetherphone - a musical theremin on your phone.

"Turn your phone into a robust musical instrument."
I am an artist and can do UI if a developer wants to tackle this. A theremin can be described here:
Here is a demo screenshot I made:
{
"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"
}
in this demo picture it is showing the "R" reverb filter being scrubbed to 54% the text on screen quickly fades away once the affected button is released.
How to play:
The screen will be able to operate with the vertical axis as pitch (in hertz) and the horizontal axis as volume (in %). Optionally these axis can be switched by the user in "settings". Also you can have a split screen mode for two independent instruments OR spit screen with pitch in one window and volume in another is so desired. If the latter sound will only come out when both fingers contact the phone.
Pitch range is by default 100 - 3000 hz but this can bet set to a different bracket in the settings dialog. on the top of the screen it will read the current pitch and closest note your finger is at example: 297 Hz (D)
Waveshape Selection Circle:
Toggles sine, triangle and square waveforms.
Filters:
You have three filter slots that you can customize with 15 different effects. Swap out filters in the settings mode.
• Tap a slot to toggle it on and off while in play.
• Touch and drag side to side on a slot to change the intensity of the effect. While you scrub a large number shows up in the middle of your screen to show you what its value is.
Loop:
Tap loop once and it inverts. While it is inverted it is recording.
Tap a second time and the loop is stored and a number comes up at the top of the screen 1-9.
Tap the numbers to toggle on and off loops. to clear a number drag the number to the settings gear at the bottom of the page. Loop auto snaps to the closest logical length of measure (guided by bpm and time sig settings)
BPM & time signatures can be set by scrubbing left and right. The text pulses gently to the beat and the time sig pulses to the appropriate scale.
Particle effects change under your finger depending on how long you have held a ante and how quickly your finger moves:
Tap a note/vol and a ripple happens like a drop of water.
Sustain a note and you will get many concentric rings fading from that spot.
Zip from one note to another and a line will appear to tell you were you came from. it will fade in one a couple measures.

[APP] SudokuTouch - A touch input friendly sudoku app

I've tested many Sudoku apps on Windows 8, but most of them are just very awkward to use. Neither mouse nor keyboard were really fun - although the touch input offered so many new possibilities. Partly the sudokus aren't really good, because they often had multiple solutions.
Finally I decided to do this better. I liked the result, but I think, you could judge this way better. Of course I would be pleased to get feedback and suggestions.
{
"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"
}
http://apps.microsoft.com/windows/de-de/app/sudokutouch/b1eb968c-f551-40d8-af8b-e131f798514e
it looks good, but i see room for a few improvements.
a message comes up at the start of a game, and the button to dismiss it is tiny and tucked away in a corner.
the button should be closer to the center of the screen, and it should be a bit bigger(wider)
the difference between generated squares and filled-in squares is too distracting.
perhaps it will work better if all squares are white, generated numbers are black, and filled-in numbers are dark-grey.
the close and move buttons overlap with the 3 and 6, this looks unprofessional.
i suggest you add a little "titlebar‘ on top like with windowed windows in Windows...
perhaps you could add a "game over" if you fill the field with a mistake.
it took me a while to realize that an extra 3 was the reason the clock didn't stop in my first game.
and last one: a paid version.
the ads are very distracting, and in a paid adfree version you could also use this space to display a permanent keypad.
thedicemaster said:
it looks good, but i see room for a few improvements.
a message comes up at the start of a game, and the button to dismiss it is tiny and tucked away in a corner.
the button should be closer to the center of the screen, and it should be a bit bigger(wider)
the difference between generated squares and filled-in squares is too distracting.
perhaps it will work better if all squares are white, generated numbers are black, and filled-in numbers are dark-grey.
the close and move buttons overlap with the 3 and 6, this looks unprofessional.
i suggest you add a little "titlebar‘ on top like with windowed windows in Windows...
perhaps you could add a "game over" if you fill the field with a mistake.
it took me a while to realize that an extra 3 was the reason the clock didn't stop in my first game.
and last one: a paid version.
the ads are very distracting, and in a paid adfree version you could also use this space to display a permanent keypad.
Click to expand...
Click to collapse
Thanks for your feedback!.
Many of your suggestions are great and are going to be released in the next version
Btw. there's an option to mark error's in the application bar - so if you don't find your mistakes, you could mark all wrong numbers red

[Q] Multi Layer Lettering?

I'm 99% of the way to creating exactly wha tI want, and I'm stuck on the smallest graphical detail.
I'm trying to recreate the font used for letters and numbers by the Baltimore Ravens football team.
This is what I've got so far...
{
"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"
}
You can see I've used a yellow shadow behind the numbers. But what I really want is a yellow outline around the numbers AND a black shadow behind them. I can do either one of those elements but can't do both. (Obviously if I can figure out the black shadow behind I'll use a lighter wallpaper as part of the theme so I can see the contrast)
I've tried putting a second layer of text with the outline on top of the layer with the shadow but it cancels out the first layer somehow. As soon as I put the second Rich Text module on top of the first one, they both become 100% transparent.
See this jersey for reference of what it's supposed to look like...
I'm sure there is a way and I'm sure it's simple but after 2 days of messing with it I'm just going in circles and seeing spots.
If someone can help me figure this out I'd be super greatful.
(The white blocks in the upper right corner are my signal bar, by the way, in case anyone wonders. The last time I posted a screen shot of that in another thread everyone kept asking.)
Skipjacks said:
[...]You can see I've used a yellow shadow behind the numbers. But what I really want is a yellow outline around the numbers AND a black shadow behind them. I can do either one of those elements but can't do both. (Obviously if I can figure out the black shadow behind I'll use a lighter wallpaper as part of the theme so I can see the contrast)
I've tried putting a second layer of text with the outline on top of the layer with the shadow but it cancels out the first layer somehow. As soon as I put the second Rich Text module on top of the first one, they both become 100% transparent.
[...]
Click to expand...
Click to collapse
Could you please check the "Drawing mode" settings on your Rich Text Modules? The disappearing issue sounds to me like it's set to XOR which would result in the behavior you're describing.
As to your problem with multiple outlines: your current solutions with overlaying multiple layer seems to be only one I can come up currently, so I hope we can solve your disappearing layer issue.
kwerdenker said:
Could you please check the "Drawing mode" settings on your Rich Text Modules? The disappearing issue sounds to me like it's set to XOR which would result in the behavior you're describing.
As to your problem with multiple outlines: your current solutions with overlaying multiple layer seems to be only one I can come up currently, so I hope we can solve your disappearing layer issue.
Click to expand...
Click to collapse
You are correct. Setting it to XOR is what causes that problem.
But I don't know how to create an outline of solid color font without using XOR.
To create what you see in the screen shot those letters and numbers were set up as NORMAL drawing mode. To add the outlined layer I was trying to use XOR. But obviously that's wha'ts causing my problem.
Is there a way to create a border around the characters without XOR? Or perhaps to make the shadow larger in all directions, rather than just to the left and the bottom?
When I go back to look at the XOR settings I realize I can't create the outline at all. It's shadow or nothing unless I use a font that is an outline instead of solid, but I can't find an outline only version of this font.
If I can't work it the way I want it, it still looks pretty damn cool the way it is. I'd jus tlike to make it perfect.
Thanks for your help!

Categories

Resources