Flex”i”MMI

Yesterday I published an article on new components with background and border gradients of colors, extending HBox, VBox and Box. These components were directly inspired by the GradientCanvas that I created a few month ago.

Directly inspired and even exactly the same… as only the parent class changed  :roll: . So I wanted to refactor the code in order to share the 98% of common code. I have done this using include statements. This worked well and I tried to do more…

And the result of this is a set of container components that I call GradientComponents. All these components are just composed by the mandatory constructor and 3 includes :

1. the imports that are necessary to build the gradients
2. the styles that are used to configure the different gradients
3. the "body", containing all functions and overrides.

I don’t know if the use of the include statement is considered as smart but it is very simple and seems to work well. It’s the first time I use it.

As a result, you will be able to download below a set of GradientComponent including:

• Box, Hbox, Vbox
• DividedBox, HDividedBox, VDividedBox
• Canvas (the famous one)
• Form, FormItem, FormHeading
• Panel
• Tile, TileList, ViewStack
• Accordion
• RichTextEditor, TextInput, TextArea

in a "gradient version" of the original Flex components.

I have quickly modified the GradientHBox Style Explorer to use some of these new GradientComponents. The result is not perfect and I will probably refine it later but the primary goal was just to test and to demonstrate the components with their new backgrounds and borders.

Here is the demo :

 

Licence:

This component is free for use, modification and distribution under the following condition: Just mention the name and the url of the author in a part of your product that is visible to the user (about section, documentation…)

Download

• Version History:
• Known issues:

Downloaded a total of 7537 times

Have fun

 

Related posts

• Flex HBox, VBox and Box with background and border gradients (0)
• GradientComponents: showcase (0)
• Flex GradientComponents Style Explorer: new version available (0)
• Flex GradientCanvas v2 : get canvas with more background gradients, more borders ! (34)
• Flex Notification: a timed auto close Alert (0)

Written by Arnaud

Tags: Component, Flex, gradient, GradientCanvas, GradientComponents