Select a button style.

I finally found some good example code that put me on the path to generating the buttons how I want and below are the results. Sorry I don't have them in CFE to show you, but I don't want to risk messing it up without a good reason ;)

The real good part is that I should be able to relatively add other UI elements (check boxes, popup lists, sliders, scroll bars, etc..) based off this code unlike the old evil method.

Now it is up to you to decide which you like the best. Reply here for which you prefer.
http://mysite.verizon.net/~res0t5u6/CFE/buttons.jpg

1. CarFrontEndButton - It was nice while it lasted, but it's time to say farewell in favor of one of the other contestants.
2. BlackButton - Sharp and clean, but not too snazy.
3. GradientButton - Still needs tweaking, but it is supposed to look like the HUD buttons that are found in iLife and 10.5.
4. UnifiedButton - Think iTunes buttons (the black boarder is lost in the background), but rounded.

Personally I think the GradientButton will look the best. UnifiedButton could look good, but it would mean changing lots of changes to the look&feel of CFE that i'm not sure would pay off.

Thanks,
-dave

I really like the look of black button. The sharpness of it would look great in my car :)

Quote:

---

Originally Posted by greend139

I really like the look of black button. The sharpness of it would look great in my car :)

---

Ascetically I like it. It just doesn't invoke a Mac feel to me which is one thing I really want to keep in CFE. The people will rule though ;)

-dave

Nice job on the buttons! My favorite is the unified. But, maybe this could be another user-defined option ;)

either #2 or #3

Poll added. I like gradient.

Quote:

---

Originally Posted by Bugbyte

Poll added. I like gradient.

---

Thanks. Did you try that build out for me yet?

-dave

Here are the 3 styles in the app. Sorry about the sizes, but I wanted to let everyone see them at "full" (800x480 anyway) size.

Black (flat):
http://mysite.verizon.net/~res0t5u6/CFE/flat.jpg

Gradient:
http://mysite.verizon.net/~res0t5u6/CFE/gradient.jpg

Unified:
http://mysite.verizon.net/~res0t5u6/CFE/unified.jpg

Me, I really like the gradient.

Note: The color on the Sample Plugin and iTunes buttons are off because they are images, not actual text. They will match the proper text color before all is said and done.

-dave

I like the gradient when i see it in use.

PS. is the eject button supposed to be off center?

Quote:

---

Originally Posted by pepsibobby

I like the gradient when i see it in use.

---

Technically it is a bit different than what's in the pic in the first post. The border isn't as heavy, the angle of the gradient is 90 instead of 85 (85 looks better on small buttons IMHO, but not at the size the CFE uses), and the start color for the gradient is a bit darker.

Quote:

---

PS. is the eject button supposed to be off center?

---

Nope. The "vol" and "mute" buttons are messed up too. It's because the strings are larger than the area that i'm drawing into. I haven't figured out how NSButton does it better yet.

If only there were graphics people running around that could generate images so we don't have to use text on the buttons any more... ;) (he knows who i'm referring to :p)

-dave