Table of contents
- How To Make an Image With Border
- Continuing Image With Border
- Importing Image With Border in a Panel
This article is a follow-up of this two: How To Make an Image With Border and Continuing Image With Border. I’m writing it in order to show you that you can import Image With Border component in a Panel. Mike had some problems using the component so here it is.
To use Image With Border just place the <flexer:ImageBorder> in your panel. This article will show how to use it in MXML. To use it in Actionscript just importing, creating a new object and adding it with addChild method.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="600" height="570" xmlns:flexer="com.flexer.*"> <mx:Panel x="10" y="10" width="580" height="550" layout="absolute" title="Image with border"> <flexer:ImageBorder source="http://www.flexer.info/wp-content/uploads/2008/05/imgs/fxr-4_1280x1024.png" maxWidth="200" maxHeight="200" borderAlpha="0.4" borderColor="#FF0000" borderThickness="{borderWidth.value}" x="10" y="40" /> <flexer:ImageBorder source="http://www.flexer.info/wp-content/uploads/2008/05/imgs/fxr-4_1280x1024.png" maxWidth="200" maxHeight="200" borderAlpha="0.4" borderColor="#FF0000" borderThickness="{borderWidth.value}" x="50" y="250" verticalCenter="0" horizontalCenter="0" /> <mx:NumericStepper x="114" y="10" width="80" minimum="0" maximum="100" value="10" stepSize="5" id="borderWidth"/> <mx:Label x="10" y="12" text="borderThickness"/> </mx:Panel> </mx:Application> |
Simple!
The working example is following…
This is it!
| ||
|
Tags: ActionScript, border, image
This post was written by Andrei Ionescu
Views: 8345
Articles
