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
[youtube:8Aqw3xb8IK8]
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>