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.

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.
>
>

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

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.

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.
>

This looks nice, thank you.