I was recently presented a component that I find interesting and useful at the same time, this is Flex/Flash Pivot Table and Charts component.
The Flexmonster team made a nice multidimensional data visualization, reporting and analysis tool for any BI solution. A few of most important features are:
Display large amounts of information the friendly way
Pivot [...]
This component was created in order to improve user experience when the user must select multiple options from a long list of items. As you already know, if you select more items from a list component you have to scroll in order to see what it’s you actual selection.
So, what you do if you [...]
Let’s say you created a new component and you want to add some properties that need to be bindable. Something like this:
<flexer:myComp width="400" height="200" myNewSetter="{_myData}" />
<mx:Script>
[Bindable]
private var _myData:String= "";
</mx:Script>
And when we do this
_myData = "new_val_1";
the myComp component should know that _myData has changed and should modify itself [...]
This weekend I’ve been programming a new tree component that is intended to be used as a hierarchical menu. One thing that I have to do was to change the default behavior of the disclosureIcon. If you wonder what is the disclosureIcon, it is the grey arrow that shows if there is a node or [...]
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 last article I explained how to create an image surrounded by border. That article is a start for fixing the issue: “image doesn’t have border style”.
Now I extended even more the new ImageBorder component to be able to center it horizontally and vertically and still be well displayed.
Modifications were made in updateDisplayList method [...]
How to put border around an image? How to do that when you set only maxWidth and maxHeight? This is not an easy task. Googleing about my issue I found this, on Adobe’s LiveDocs (you must go at the end where comments are): a couple of helpful comments where Justin.Buser is, literally, drawing a rectangle [...]
Some time ago, in a previous article I presented you ImageRail component that displays some thumbnails with possibility to scroll to left or right. Now we will add some new features that were missing.
Click Event – imageClick
Styles – imageBackgroundAlpha
HandCursor
Click event will be triggered when there is a click on an image, more precisely, on the [...]
Using events is fun in MXML components is fun and easily you can specify events using Event meta tag inside the component like this:
<mx:Metadata>
[Event(name="myevent", type="com.MyEvent")]
</mx:Metadata>
The following lines defines the myevent attribute of the component like this:
<com:FramedImage x="10" y="10" myevent="handleMyEvent(event)" … />
FramedImage component is a custom component which displays a framed image.
For [...]
In this article I’ll present a new component I built: ImageRail. This MXML component will display a series of thumbnails having the possibility to scroll them horizontally.
Parameters:
paths: an array containing URLs to images
images: an array containing image objects
imagesToShow: an unsigned integer that specifies the number of images displayed at a time – deafult is [...]
This it’s a clean example about how to add a CSS style to a component in Flex.
We need to create the CSS file (style.css) and add a custom style:
.myStyle {
font-size: 20px;
color: #cc0000;
}
Make a new Flex project and in the defalul MXML aplication file add this code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute" >
<!–// Here we call our [...]