Windows Vista Forums
Vista Forums Home Join Vista Forums Windows 7 Forum Vista Tutorials Tags
Welcome to Windows Vista Forums. Our forum is dedicated to helping you find solutions with any problems, errors or issues you are experiencing with Windows Vista. The Vista forum also covers news and updates and has an extensive Windows Vista tutorial section that covers a wide range of tips and tricks.


Go Back   Vista Forums > Misc Newsgroups > Avalon

RB

Vista - Aqua button in Avalon/WPF ?

 
 
04-16-2006   #1
CosminB [BRT]


 
 

Aqua button in Avalon/WPF ?

Hi,

I am trying to get this look for the buttons on my form:

http://home.zonnet.nl/epragt/tutoria.../index.jsp.htm

For starters, I need to know how to make those round corners. This
would mean that no matter the width, the corners should be rounded by a
radius equal with half the height. Also, how can I make the background
have that white-gray pattern alternate?

Thanks,
Cosmin.


My System SpecsSystem Spec
04-17-2006   #2
llester


 
 

RE: Aqua button in Avalon/WPF ?

you could use the corner radius property for styling

"CosminB [BRT]" wrote:

> Hi,
>
> I am trying to get this look for the buttons on my form:
>
> http://home.zonnet.nl/epragt/tutoria.../index.jsp.htm
>
> For starters, I need to know how to make those round corners. This
> would mean that no matter the width, the corners should be rounded by a
> radius equal with half the height. Also, how can I make the background
> have that white-gray pattern alternate?
>
> Thanks,
> Cosmin.
>
>

My System SpecsSystem Spec
04-18-2006   #3
Keith Patrick


 
 

Re: Aqua button in Avalon/WPF ?

Does the radius allow for percentage values, or is it just Point (absolute
physical size)?
Also, for the gel coating, the general gist of what they're doing is
overlaying a semi-transparent, gradient-shaded rounded rectangle (or in
Apple's case, multiple of them) over the main button & then adding a
BlurEffect to the edges


My System SpecsSystem Spec
04-19-2006   #4
CosminB [BRT]


 
 

Re: Aqua button in Avalon/WPF ?

Yes, but if the height of the button isn't fixed, then I cannot use
round corners, because I don't know the radius in advance. I did manage
to get this working by writing some code to implement a converter, but
it's not nice.

My System SpecsSystem Spec
04-22-2006   #5
rabidrobot


 
 

Re: Aqua button in Avalon/WPF ?

Hi.

I saw this thread a few days ago, and it got me motivated to try my hand
at an aqua look. I hope you don't mind...here is the result:
http://feebdack.com/article.php?id_art=21

As for the rounded corners discussed here and in another thread, I worry
that you may be overthinking it. If you want only for the button to
stay proportionally shaped at different sizes, you can do things with
brushes, or what I did, put the template inside a ViewBox with Stretch
set to uniform. This will force your button to keep its shape.

Anyway, good luck, have fun, etc.

rabidrobot

CosminB [BRT] wrote:
> Hi,
>
> I am trying to get this look for the buttons on my form:
>
> http://home.zonnet.nl/epragt/tutoria.../index.jsp.htm
>
> For starters, I need to know how to make those round corners. This
> would mean that no matter the width, the corners should be rounded by a
> radius equal with half the height. Also, how can I make the background
> have that white-gray pattern alternate?
>
> Thanks,
> Cosmin.
>

My System SpecsSystem Spec
04-30-2006   #6
CosminB [BRT]


 
 

Re: Aqua button in Avalon/WPF ?

This looks nice, thank you.

My System SpecsSystem Spec
 

RB


Thread Tools


Similar Threads for: Aqua button in Avalon/WPF ?
Thread Forum
Avalon Concept Windows Live
Aqua, aero... Vista General


Vista Forums is an independent web site and has not been authorized,
sponsored, or otherwise approved by Microsoft Corporation.
"Windows Vista", the Start Orb, and related materials are trademarks of Microsoft Corp.
© Designer Media Ltd