Flex Skinning with Degrafa - Part 3
Part 3 of the video series, 'Flex Skinning with Degrafa'. I walk through the creation process of a skin for a Flex Button component using Degrafa. I finish this part of th series by adding syles support for our Flex Button Skin.
Download the example source files
windhood
Jeremy Saenz
FPlayer
Kolyan
I'll point one thing in addition.
At very beginning when you started deleting <Canvas> tags and replace it with <GraphicBorderSkin> it would be worth mentioning, for newbs like me, WHY would such tag name will be chosen.
Is that default start-up tag for ANY degrafa'ical components?
Or you just picked that randomly?
I'd like to have some clarification on that, please.
Thank you.
Nikos
Julian
how, I could solve that?
Pogi
Reto Peter
thanks a lot for the nice presentations.
I got one little question:
I wanted to include an image to the Button
--> lets say for a search button i want to include a loupe
--> for a save button want to include a disk icon
But i was not able to include it with the GraphicImage tag.
I tried to do like that:
<GeometryComposition id="test" state="upSkin">
<GraphicImage source="@Embed('assets/Search.png')"/>
<RoundedRectangle
cornerRadius="{_cornerRadius}"
width="{awidth}"
height="{aheight}"
fill="{upFill}"
stroke="{mainStroke}"
/>
</GeometryComposition>
How to do this within a MXML-Component with the usage of degrava???
thanks in advance for your quick help...
Reto
Reto Peter
<GeometryComposition>
<RoundedRectangle
cornerRadius="{_cornerRadius}"
width="{awidth}"
height="{aheight}"
fill="{normalFill}"
stroke="{normalStroke}"
>
<RasterImage source="@Embed('Search.png')" top="{_imageTopSpan}" left="{_imageLeftSpan}" stroke="{noStroke}"/>
</RoundedRectangle>
</GeometryComposition>