It’s recommended to use same SDK version components in same file, so I skin a button in Flex SDK 4 using only Spark components.
In Halo we use to add an icon to a button using icon property:
<mx:Button width="120"
icon="@Embed(source=’ico/add-blue.gif’)"
[...]
Now Flash Builder 4 and Flex SDK 4 are available, so we can play around in beta version.
As you probably already know there are same changes regarding skinning from Halo to Spark, I search the web, I read the manual and I think that I got some skills .
It will be a series of [...]
MatrixGrid is a complex component I made that displays a bi-dimensional array and gives the possibility to change its values using combo boxes. These are the changes you can do:
change one single item
change one row at once
change one column at once
The MatrixGrid component receives for objects:
array with the possible values in each combo box
the [...]
In the previous articles in this series I explained how to create a horizontally and vertically resizable canvas. In this third article we will add the possibility to resize in both direction by dragging the right bottom corner.
What we will do:
add the new UI control (the right bottom button)
create the necessary events for it
create CSS [...]
In the previous article I explained how to create a horizontally resizable canvas. In this second part we will implement also the vertical resize functionality.
Taking into account that we have the previous article to implement this new functionality will not be a hassle. All we have to do is to duplicate some UIs, methods, events [...]
Yesterday I started to implement a new control: Resizable Canvas. A very interesting task which needed some thinking because there are more than one ways to achieve this.
My implementation is based on a canvas that includes a reskined button as the right edge of the canvas for dragging. The canvas will be resized when the [...]
Today I found a way to remove the “black line” of a tree which has drag and drop functionality enabled. I did that by skinning. Searching through the help I’ve been crossing over a property named “dropIndicatorSkin” where (as its name is suggesting) the drop line is drawn. So I just re-skinned it.
Here is the [...]
This it’s an working example of how you can customize your tab bar navigation.
So, we have a MXML file, style file and a skin script. Let’s see them all.In MXML file we just link style.css file and I have used a TabNavigator component with 3 tabs. Style.css files contains to css [...]