A Flex component with transparent holes inside

Hi there,
Does anyone have any idea on how could I achieve something like this: I need to create a component that should be blur and semi-transparent with one or more rectangular transparent holes inside.
Is it possible through the graphics API to cut holes in components?
Thanks!

Whereever there are no drawn pixels, you will have a hole. Play around with the .mask property.
Alex Harui
Flex SDK Developer
Adobe Systems Inc.
Blog: http://blogs.adobe.com/aharui

Similar Messages

How to create Icon with transparent shape inside

Hi All
I would like to create a vector icon with a transparent shape inside it, like in this image below:
So everything should be transparent except of course the dark grey area...
How Do I do that?
Below is a link to my AI file if you want it:
AI File
Thank you!

With just the book icon selected, release clipping mask. Select both items, Minus Front.
Is that what you did? What Illy version?
this is what I get, green rectangle was placed behind to see the "hole."
Mike

Flex component with HTTPService

OK, so I'm a Flex newbie so forgive me if I'm missing the
obvious.
I created a Flex component that references a HTTPService to
populate a DataGrid with data. As a standalone .mxml file, it works
fine. When I place it into a Flex application where the component
is referenced, the grid shows up, but I get no data. I've tried
referencing the HTTPService in the application itself, no luck.
I've tried referencing the service in a creationComplete function
on the application page, no luck. I'm sure there's just some little
snippet that allows the service to run in the component...the
component looks fine when I run it, I just don't get any
data.

Thanks--actually I figured it out--I was overlooking
something obvious. However, I have a new issue that I would
genuinely appreciate assistance on.
I am building a Flex app where I have 4 custom components.
Each component calls a web service to pull data in. I am using an
MXML application file to bring in each component with an additional
component where the user can select a date range and submit that
range to the various web services. So what I need to do is make the
date fields public variables and then append those variables to the
web service calls as name/value pairs.
No matter what I do, I cannot seem to get the other
components to recognize the date variables as public vars. I've
written them out as variables as part of a public function, tried
to make them bindable, nothing works...
So for example, this is a simplified version of my date range
component (using only one date), assuming I've named the component
datebar.mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="
http://www.adobe.com/2006/mxml"
width="100%">
<mx:Script>
<![CDATA[
public function clickHandler():void
var sdate:String = start_date.text;
]]>
</mx:Script>
<mx:ApplicationControlBar width="100%" height="30">
<mx:DateField id="start_date" />
<mx:Button label="refresh" click="clickHandler();" />
</mx:Label>
</mx:ApplicationControlBar>
</mx:Canvas>
Then in another component using a web service, I place:
<mx:HTTPService
id="os_downloads"
url="
http://publishingdynamics.com/service.asmx?start_date={datebar.sdate}"
useProxy="false">
Where {datebar.sdate} is the variable I'm referencing to get
a value from. I get a constant error doing this. I've tried several
varitions. I can successfully create a public variable in the same
manner not using a form value and get the component to display that
variable using the same syntax, where I reference the source
component like: {datebar.myvar} so I know the namespace referene
works.
Admittedly I'm not a very good ActionScripter...

Update either html site or another flex component with Data from ESRI Flexviewer

Hello all,
What I have is a basic flex mapping application that enables a user to update a feature (that is referenced to a ArcGIS server SDE database) by clicking on a the map. Once the feature is added to database it updates a total feature count label.text. What I need to do is somehow reflect this same number in a dreamweaver site through html or create another flex component that can be added to dreamweaver html as a .swf. Any comments or suggestions would be greatly appreciated!!
Thank you!

Hello all,
What I have is a basic flex mapping application that enables a user to update a feature (that is referenced to a ArcGIS server SDE database) by clicking on a the map. Once the feature is added to database it updates a total feature count label.text. What I need to do is somehow reflect this same number in a dreamweaver site through html or create another flex component that can be added to dreamweaver html as a .swf. Any comments or suggestions would be greatly appreciated!!
Thank you!

Flex Component with BAD Flicker

I have been making Flex Components in Flash with no problems, but I suddenly have one that I can't figure out. I am making a set of buttons that expand about 30% in the over and down states. So they are about 55x55 pixels in the up state, and 74x74 pixels in the over and down states. Because I did not want objects moving around due to the resizing of the buttons, I created a boundingBox instance that is 55x55 pixels for each of these components. My understanding is that with this boundingBox instance, that the button can resize to the 74 x74 pixel size without causing other elements to shift their positions. So what happens is that if you mouse over the button, it resizes as it should, but if you mouse over a part of the boundingBox instance that does not include any of the button on it, it just starts flickering between the up and over states at a very fast rate. Any thoughts as to what I am missing?
Thanks!
Here is my timeline:

I thought about that. Does a boundingBox have to encompass your button at it's full size? My understanding is that you could blow something up larger than your original component size, and stop it from reshifting other elements by including a bounding box. But then I got to thinking that a button is an interactive element that depends on mouseovers and having an element shift outside of the bounds of the box could cause unpredictable behavior. Is this correct? If I want a button that behaves predictably, do I need to keep it inside of the boundingBox?
Thanks

JAVA 7u4 with Flex component.

While Removing Tabbed Pane having Flex Component , on java 7u4 throws following exception.
Note : it works fine with JAVA 6u32
.... FlexServiceThread exited...
Exception in thread "AWT-EventQueue-0" java.lang.NullPointerException
at sun.java2d.ScreenUpdateManager.createScreenSurface(Unknown Source)
at sun.java2d.d3d.D3DScreenUpdateManager.createScreenSurface(Unknown Source)
at sun.awt.windows.WComponentPeer.createScreenSurface(Unknown Source)
at sun.awt.windows.WComponentPeer.replaceSurfaceData(Unknown Source)
at sun.awt.windows.WComponentPeer.replaceSurfaceData(Unknown Source)
at sun.awt.windows.WComponentPeer.updateGraphicsData(Unknown Source)
at java.awt.Component.updateGraphicsData(Unknown Source)
at java.awt.Container.updateGraphicsData(Unknown Source)
at java.awt.Container.updateGraphicsData(Unknown Source)
at java.awt.Component.setGraphicsConfiguration(Unknown Source)
at java.awt.Container.remove(Unknown Source)
at javax.swing.JTabbedPane.removeTabAt(Unknown Source)
at testing.test.myTabbedPane.*removeTabAt*(myTabbedPane.java:42)
Please Help ?

That's really weird!
After digging around, reinstalling Flash CS3 again and doing
multiple tests, I finally found the source of the problem:
Two .swc files residing in the same folder where I was saving
my tests files were avoiding the Flash compiler to successfully
create new .swc files!? I cannot understand how this can be
possible. As soon as I choosed a new folder for saving the test
files, I could link to the .swc and access the component from Flex.
Also as soon as I moved out the two culprid files I could again
save in the previous folder...
Does anyone has an idea how this can happen?
For those interested in the case, you can download the 2
culprid files
here
Best regards,

Flex Component Kit publish SWC not working with Flex 4

I started this thread in the Flex forum and they are telling me that the SWC's I'm creating with Flash Professional CS5 and Flex Component Kit 2.0.0 are not linked with FCC for Flex 4.
http://forums.adobe.com/thread/777789?tstart=0
That means the problem is with my Flash Professional CS5 setup instead of my Flash Builder 4 setup. Can someone here help me fix my Flash setup? As I described in that thread I can't find anything wrong with my setup but apparenty I'm generating SWC's for the wrong version of Flex.
Thanks,
Ryan

I unzipped my SWC and verified what Flex harUI in the Flex forum told me. My SWC seems to be linked with FCC 1 not FCC 2. I don't understand how this is possible. I am using Flash Professional CS5 and only FCC 2.0.0 is installed, FCC 1 is not even installed. Here are the contents of catalog.xml in my SWC file. How do I get Flash CS5 to generate an SWC for Flex 4?
<?xml version="1.0" encoding ="utf-8"?>
<swc xmlns="http://www.adobe.com/flash/swccatalog/9">
<versions>
    <swc version="1.2" />
    <flash version="11.0" build="d485" platform="WIN" />
</versions>
<features>
    <feature-script-deps />
    <feature-files />
</features>
<libraries>
    <library path="library.swf">
      <script name="mx/core/mx_internal" mod="1146523398000" >
        <def id="mx.core:mx_internal" />
        <dep id="AS3" type="n" />
      </script>
      <script name="mx/core/IStateClient" mod="1185825125000" >
        <def id="mx.core:IStateClient" />
        <dep id="AS3" type="n" />
        <dep id="Object" type="i" />
      </script>
      <script name="mx/automation/IAutomationObject" mod="1182369703000" >
        <def id="mx.automation:IAutomationObject" />
        <dep id="flash.events:Event" type="s" />
        <dep id="AS3" type="n" />
        <dep id="Object" type="i" />
      </script>
      <script name="mx/core/IConstraintClient" mod="1188589376000" >
        <def id="mx.core:IConstraintClient" />
        <dep id="AS3" type="n" />
        <dep id="Object" type="i" />
      </script>
      <script name="mx/managers/IFocusManagerComponent" mod="1182369904000" >
        <def id="mx.managers:IFocusManagerComponent" />
        <dep id="AS3" type="n" />
        <dep id="Object" type="i" />
      </script>
      <script name="mx/core/IInvalidating" mod="1150233077000" >
        <def id="mx.core:IInvalidating" />
        <dep id="AS3" type="n" />
        <dep id="Object" type="i" />
      </script>
      <script name="mx/core/IChildList" mod="1149255249000" >
        <def id="mx.core:IChildList" />
        <dep id="flash.display:DisplayObject" type="s" />
        <dep id="flash.geom:Point" type="s" />
        <dep id="AS3" type="n" />
        <dep id="Object" type="i" />
      </script>
      <script name="mx/core/IFlexModuleFactory" mod="1185825071000" >
        <def id="mx.core:IFlexModuleFactory" />
        <dep id="AS3" type="n" />
        <dep id="Object" type="i" />
      </script>
      <script name="mx/core/ComponentDescriptor" mod="1149112409000" >
        <def id="mx.core:ComponentDescriptor" />
        <dep id="AS3" type="n" />
        <dep id="mx.core:mx_internal" type="n" />
        <dep id="Object" type="i" />
      </script>
      <script name="mx/core/DragSource" mod="1149694704000" >
        <def id="mx.core:DragSource" />
        <dep id="AS3" type="n" />
        <dep id="mx.core:mx_internal" type="n" />
        <dep id="Object" type="i" />
      </script>
      <script name="mx/events/PropertyChangeEventKind" mod="1149796273000" >
        <def id="mx.events:PropertyChangeEventKind" />
        <dep id="AS3" type="n" />
        <dep id="mx.core:mx_internal" type="n" />
        <dep id="Object" type="i" />
      </script>
      <script name="mx/managers/IFocusManager" mod="1191005122000" >
        <def id="mx.managers:IFocusManager" />
        <dep id="mx.managers:IFocusManagerComponent" type="s" />
        <dep id="flash.display:InteractiveObject" type="s" />
        <dep id="mx.core:IUIComponent" type="s" />
        <dep id="flash.display:Sprite" type="s" />
        <dep id="AS3" type="n" />
        <dep id="Object" type="i" />
      </script>
      <script name="mx/managers/IFocusManagerContainer" mod="1150207146000" >
        <def id="mx.managers:IFocusManagerContainer" />
        <dep id="mx.managers:ISystemManager" type="s" />
        <dep id="flash.display:DisplayObject" type="s" />
        <dep id="mx.managers:IFocusManager" type="s" />
        <dep id="AS3" type="n" />
        <dep id="flash.events:IEventDispatcher" type="i" />
        <dep id="Object" type="i" />
      </script>
      <script name="mx/core/IFlexDisplayObject" mod="1149200749000" >
        <def id="mx.core:IFlexDisplayObject" />
        <dep id="flash.display:DisplayObjectContainer" type="s" />
        <dep id="flash.display:DisplayObject" type="s" />
        <dep id="AS3" type="n" />
        <dep id="flash.events:IEventDispatcher" type="i" />
        <dep id="flash.display:IBitmapDrawable" type="i" />
        <dep id="Object" type="i" />
      </script>
      <script name="mx/events/ResizeEvent" mod="1150087635000" >
        <def id="mx.events:ResizeEvent" />
        <dep id="AS3" type="n" />
        <dep id="mx.core:mx_internal" type="n" />
        <dep id="flash.events:Event" type="i" />
      </script>
      <script name="mx/events/MoveEvent" mod="1150087695000" >
        <def id="mx.events:MoveEvent" />
        <dep id="AS3" type="n" />
        <dep id="mx.core:mx_internal" type="n" />
        <dep id="flash.events:Event" type="i" />
      </script>
      <script name="mx/events/StateChangeEvent" mod="1149206364000" >
        <def id="mx.events:StateChangeEvent" />
        <dep id="AS3" type="n" />
        <dep id="mx.core:mx_internal" type="n" />
        <dep id="flash.events:Event" type="i" />
      </script>
      <script name="mx/events/FlexEvent" mod="1182369867000" >
        <def id="mx.events:FlexEvent" />
        <dep id="AS3" type="n" />
        <dep id="mx.core:mx_internal" type="n" />
        <dep id="flash.events:Event" type="i" />
      </script>
      <script name="mx/events/ToolTipEvent" mod="1150132131000" >
        <def id="mx.events:ToolTipEvent" />
        <dep id="mx.core:IToolTip" type="s" />
        <dep id="AS3" type="n" />
        <dep id="mx.core:mx_internal" type="n" />
        <dep id="flash.events:Event" type="i" />
      </script>
      <script name="mx/events/PropertyChangeEvent" mod="1149879771000" >
        <def id="mx.events:PropertyChangeEvent" />
        <dep id="mx.events:PropertyChangeEventKind" type="e" />
        <dep id="AS3" type="n" />
        <dep id="mx.core:mx_internal" type="n" />
        <dep id="flash.events:Event" type="i" />
      </script>
      <script name="mx/managers/ISystemManager" mod="1182369908000" >
        <def id="mx.managers:ISystemManager" />
        <dep id="mx.managers:IFocusManagerContainer" type="s" />
        <dep id="flash.text:TextFormat" type="s" />
        <dep id="flash.geom:Rectangle" type="s" />
        <dep id="flash.display:LoaderInfo" type="s" />
        <dep id="flash.display:Stage" type="s" />
        <dep id="flash.display:Sprite" type="s" />
        <dep id="AS3" type="n" />
        <dep id="mx.core:IFlexModuleFactory" type="i" />
        <dep id="flash.events:IEventDispatcher" type="i" />
        <dep id="mx.core:IChildList" type="i" />
        <dep id="Object" type="i" />
      </script>
      <script name="mx/core/UIComponentDescriptor" mod="1149784081000" >
        <def id="mx.core:UIComponentDescriptor" />
        <dep id="AS3" type="n" />
        <dep id="mx.core:mx_internal" type="n" />
        <dep id="mx.core:ComponentDescriptor" type="i" />
      </script>
      <script name="mx/managers/IToolTipManagerClient" mod="1146518802000" >
        <def id="mx.managers:IToolTipManagerClient" />
        <dep id="AS3" type="n" />
        <dep id="Object" type="i" />
        <dep id="mx.core:IFlexDisplayObject" type="i" />
      </script>
      <script name="mx/core/IUIComponent" mod="1188511099000" >
        <def id="mx.core:IUIComponent" />
        <dep id="mx.managers:ISystemManager" type="s" />
        <dep id="flash.display:DisplayObjectContainer" type="s" />
        <dep id="flash.geom:Rectangle" type="s" />
        <dep id="flash.display:DisplayObject" type="s" />
        <dep id="flash.display:Sprite" type="s" />
        <dep id="AS3" type="n" />
        <dep id="Object" type="i" />
        <dep id="mx.core:IFlexDisplayObject" type="i" />
      </script>
      <script name="mx/events/DragEvent" mod="1182369866000" >
        <def id="mx.events:DragEvent" />
        <dep id="flash.events:Event" type="s" />
        <dep id="mx.core:DragSource" type="s" />
        <dep id="mx.core:IUIComponent" type="s" />
        <dep id="AS3" type="n" />
        <dep id="mx.core:mx_internal" type="n" />
        <dep id="flash.events:MouseEvent" type="i" />
      </script>
      <script name="mx/events/FlexMouseEvent" mod="1148318971000" >
        <def id="mx.events:FlexMouseEvent" />
        <dep id="flash.events:Event" type="s" />
        <dep id="flash.display:InteractiveObject" type="s" />
        <dep id="AS3" type="n" />
        <dep id="mx.core:mx_internal" type="n" />
        <dep id="flash.events:MouseEvent" type="i" />
      </script>
      <script name="mx/core/IDeferredInstantiationUIComponent" mod="1149722730000" >
        <def id="mx.core:IDeferredInstantiationUIComponent" />
        <dep id="mx.core:UIComponentDescriptor" type="s" />
        <dep id="mx.core:IFlexDisplayObject" type="s" />
        <dep id="AS3" type="n" />
        <dep id="mx.core:IUIComponent" type="i" />
        <dep id="Object" type="i" />
      </script>
      <script name="mx/core/IToolTip" mod="1149203558000" >
        <def id="mx.core:IToolTip" />
        <dep id="flash.geom:Rectangle" type="s" />
        <dep id="AS3" type="n" />
        <dep id="mx.core:IUIComponent" type="i" />
        <dep id="Object" type="i" />
      </script>
      <script name="mx/flash/UIMovieClip" mod="1192596260000" >
        <def id="mx.flash:UIMovieClip" />
        <dep id="flash.ui:Keyboard" type="e" />
        <dep id="flash.events:Event" type="e" />
        <dep id="flash.display:DisplayObjectContainer" type="e" />
        <dep id="mx.events:FlexMouseEvent" type="e" />
        <dep id="Math" type="e" />
        <dep id="mx.core:IInvalidating" type="e" />
        <dep id="mx.events:ToolTipEvent" type="e" />
        <dep id="flash.display:InteractiveObject" type="e" />
        <dep id="mx.core:IUIComponent" type="e" />
        <dep id="flash.system:ApplicationDomain" type="e" />
        <dep id="mx.events:StateChangeEvent" type="e" />
        <dep id="mx.managers:ISystemManager" type="e" />
        <dep id="mx.events:ResizeEvent" type="e" />
        <dep id="mx.events:MoveEvent" type="e" />
        <dep id="flash.events:FocusEvent" type="e" />
        <dep id="mx.events:FlexEvent" type="e" />
        <dep id="mx.events:PropertyChangeEvent" type="e" />
        <dep id="mx.events:DragEvent" type="e" />
        <dep id="flash.events:Event" type="s" />
        <dep id="flash.display:DisplayObjectContainer" type="s" />
        <dep id="flash.geom:Rectangle" type="s" />
        <dep id="mx.core:UIComponentDescriptor" type="s" />
        <dep id="flash.display:InteractiveObject" type="s" />
        <dep id="mx.core:IUIComponent" type="s" />
        <dep id="mx.core:IFlexDisplayObject" type="s" />
        <dep id="mx.events:StateChangeEvent" type="s" />
        <dep id="mx.managers:ISystemManager" type="s" />
        <dep id="mx.events:ResizeEvent" type="s" />
        <dep id="mx.events:MoveEvent" type="s" />
        <dep id="flash.display:DisplayObject" type="s" />
        <dep id="flash.events:FocusEvent" type="s" />
        <dep id="flash.display:Sprite" type="s" />
        <dep id="AS3" type="n" />
        <dep id="mx.core:mx_internal" type="n" />
        <dep id="mx.managers:IFocusManagerComponent" type="i" />
        <dep id="mx.core:IDeferredInstantiationUIComponent" type="i" />
        <dep id="flash.events:IEventDispatcher" type="i" />
        <dep id="mx.managers:IToolTipManagerClient" type="i" />
        <dep id="mx.core:IConstraintClient" type="i" />
        <dep id="flash.display:MovieClip" type="i" />
        <dep id="mx.automation:IAutomationObject" type="i" />
        <dep id="mx.core:IStateClient" type="i" />
      </script>
      <script name="BallComponent" mod="1295554958134" >
        <def id="BallComponent" />
        <dep id="AS3" type="n" />
        <dep id="mx.flash:UIMovieClip" type="i" />
      </script>
      <script name="BlueBall" mod="1295554958134" >
        <def id="BlueBall" />
        <dep id="AS3" type="n" />
        <dep id="mx.flash:UIMovieClip" type="i" />
      </script>
      <script name="Cam180Button" mod="1295554958134" >
        <def id="Cam180Button" />
        <dep id="flash.events:Event" type="e" />
        <dep id="flash.events:MouseEvent" type="e" />
        <dep id="CamButton" type="e" />
        <dep id="flash.display:MovieClip" type="e" />
        <dep id="flash.events:MouseEvent" type="s" />
        <dep id="flash.display:MovieClip" type="s" />
        <dep id="AS3" type="n" />
        <dep id="mx.flash:UIMovieClip" type="i" />
      </script>
      <script name="Cam360Button" mod="1295554958134" >
        <def id="Cam360Button" />
        <dep id="flash.events:Event" type="e" />
        <dep id="flash.events:MouseEvent" type="e" />
        <dep id="CamButton" type="e" />
        <dep id="flash.display:MovieClip" type="e" />
        <dep id="flash.events:MouseEvent" type="s" />
        <dep id="flash.display:MovieClip" type="s" />
        <dep id="AS3" type="n" />
        <dep id="mx.flash:UIMovieClip" type="i" />
      </script>
      <script name="CamButton" mod="1295554958134" >
        <def id="CamButton" />
        <dep id="flash.events:Event" type="e" />
        <dep id="flash.events:MouseEvent" type="e" />
        <dep id="flash.display:MovieClip" type="e" />
        <dep id="flash.events:MouseEvent" type="s" />
        <dep id="flash.display:MovieClip" type="s" />
        <dep id="AS3" type="n" />
        <dep id="mx.flash:UIMovieClip" type="i" />
      </script>
      <script name="ComponentButtons" mod="1295554958134" >
        <def id="ComponentButtons" />
        <dep id="flash.display:MovieClip" type="s" />
        <dep id="AS3" type="n" />
        <dep id="mx.flash:UIMovieClip" type="i" />
      </script>
      <script name="DeckButtons" mod="1295554958134" >
        <def id="DeckButtons" />
        <dep id="flash.events:Event" type="e" />
        <dep id="flash.events:MouseEvent" type="e" />
        <dep id="flash.events:MouseEvent" type="s" />
        <dep id="flash.display:MovieClip" type="s" />
        <dep id="AS3" type="n" />
        <dep id="mx.flash:UIMovieClip" type="i" />
      </script>
      <script name="DoorTest" mod="1295554958134" >
        <def id="DoorTest" />
        <dep id="flash.events:Event" type="e" />
        <dep id="flash.events:MouseEvent" type="e" />
        <dep id="flash.events:MouseEvent" type="s" />
        <dep id="AS3" type="n" />
        <dep id="mx.flash:UIMovieClip" type="i" />
      </script>
      <script name="LightButton" mod="1295554958134" >
        <def id="LightButton" />
        <dep id="flash.events:Event" type="e" />
        <dep id="flash.events:MouseEvent" type="e" />
        <dep id="flash.events:MouseEvent" type="s" />
        <dep id="flash.display:MovieClip" type="s" />
        <dep id="AS3" type="n" />
        <dep id="mx.flash:UIMovieClip" type="i" />
      </script>
      <script name="OrientationNavigator" mod="1295554958134" >
        <def id="OrientationNavigator" />
        <dep id="flash.events:Event" type="e" />
        <dep id="flash.events:MouseEvent" type="e" />
        <dep id="flash.events:MouseEvent" type="s" />
        <dep id="AS3" type="n" />
        <dep id="mx.flash:UIMovieClip" type="i" />
      </script>
      <script name="OrientationNavigatorComponent" mod="1295554958134" >
        <def id="OrientationNavigatorComponent" />
        <dep id="flash.events:Event" type="e" />
        <dep id="flash.events:MouseEvent" type="e" />
        <dep id="flash.events:MouseEvent" type="s" />
        <dep id="flash.display:MovieClip" type="s" />
        <dep id="AS3" type="n" />
        <dep id="mx.flash:UIMovieClip" type="i" />
      </script>
      <script name="mx/flash/ContainerMovieClip" mod="1186099503000" >
        <def id="mx.flash:ContainerMovieClip" />
        <dep id="mx.flash:FlexContentHolder" type="e" />
        <dep id="flash.display:DisplayObjectContainer" type="s" />
        <dep id="mx.flash:FlexContentHolder" type="s" />
        <dep id="flash.events:FocusEvent" type="s" />
        <dep id="mx.core:IUIComponent" type="s" />
        <dep id="AS3" type="n" />
        <dep id="mx.flash:UIMovieClip" type="i" />
      </script>
      <script name="mx/flash/FlexContentHolder" mod="1192597011000" >
        <def id="mx.flash:FlexContentHolder" />
        <dep id="flash.display:InteractiveObject" type="e" />
        <dep id="flash.display:DisplayObject" type="e" />
        <dep id="Math" type="e" />
        <dep id="flash.utils:getDefinitionByName" type="e" />
        <dep id="Error" type="e" />
        <dep id="flash.display:DisplayObjectContainer" type="s" />
        <dep id="mx.core:IUIComponent" type="s" />
        <dep id="Error" type="s" />
        <dep id="AS3" type="n" />
        <dep id="mx.core:mx_internal" type="n" />
        <dep id="mx.flash:ContainerMovieClip" type="i" />
      </script>
    </library>
</libraries>
<files>
</files>
</swc>

Flex 4, is it possible to populate a tree component with sqlite table data?

is it possible to populate a tree component with sqlite table data?
If it is, how would I go about doing this?
Thanks
Kristin

Hi Mustafa,
it is true, the function can return component as type. This is more for the scenario, when you want to recognize some component based on some checks, eg.
if(something)
return CHECKBOX_1;
else
return CHECKBOX_2;
so, the use case exists for sure. But of course the application itself is static.
where do you see a scenario for dynamic creation of components?
The only one component which can instantiate new components is the SplitCellContainer, and this is restricted to the drag&drop action from Fragment Bookmark Gallery. And this is again restricted to containers, as Fragment can hold containers as parent component. Of course the container content will be created/instantiated as well (I have coded example with ComponentManager in the Community SDK: Second Functional Application with SDK Components (Online Composition v.2) blog).
As far I know there is no function in SplitCellContainer which would "simulate" the drop of a Fragment today (perhaps worth an Idea on this?). Having that - the scenario would be possible. Today, this can be made partly - but the user would need to drag&drop a prepared fragment with the component.
Anyway, the problems will start after the creation - then it would be require to have also functions to re-position the new created component in some other container - this would be complex probably.
Karol

Need guidance with Flex Component Kit

Hi,
I have installed Flash CS3 <no extension manager> and
Flex 3 builder. I want to import movie clips I made in Flash in to
Flex builder. Please guide me exactly which patches and software do
I need exactly and the process of importing these assets.
Thanks.

This is documentation:
http://blogs.adobe.com/flexdoc/pdf/swf9.pdf
http://opensource.adobe.com/wiki/display/flexsdk/Flex+Component+Kit+Specification
http://blogs.adobe.com/flexdoc/2007/08/using_the_flex_component_kit_f_1.html
And here you can download the Kit:
https://www.adobe.com/cfusion/entitlement/index.cfm?e=flex_skins
Also to install this Kit you must first download and install
Adobe Extension Manager:
http://www.adobe.com/exchange/em_download/

Flash Pro CS5 Convert to Flex Component and SWC export

Hi,
my question is about the Flash Pro CS5 and Flash Builder 4 (Flex 4) integration.
My goal is simple - to make a simple graphic in a MovieClip and then export that for use in Flash Builder 4. I found out I have 2 ways of doing that:
1) -> create the MovieClip with the graphic
    -> export it for ActionScript with a name of the class
    -> select the symbol in the library again and export SWC file. Total size of this SWC in my example is 24kb.
    -> put the SWC in the libs folder and use the class/component which should be put inside SpriteVisualContainer or UIMovieClip
2) -> create the MovieClip with the graphic
    -> export it for ActionScript with a name of the class
    -> select it in the libraly and then select Commands -> Convert Symbol to Flex Component
Now here we can do 2 things:
    -> select the symbol in the library and export SWC file. Total size here is 104kb.
    -> publish the whole project and use its SWC file.
And last:
    -> put the SWC in the libs folder and use the class/component wherever you want because it's already extending UIMovieClip.
So My point is that with the first way I need to use just one simple container to put my component into and I save like 80 kb. Why would I want to use the second way, just to be more comfortable or there are other reasons too?
I was thinking that maybe I could put more flex converted components in the fla file so I would then export the swc with all of them being already flex components and that 80kb will be shared for all of them, which makes sense of using this feature, but if someone could confirm my thinking is right or there was some other better purpose or way of doing things in an optimised way, I will be glad to hear them. Thanks!

Hi,
I am using the first option while converting from flash to flex. Its easy and it saves lots of memory.

Framing image with transparent background png frame

hi,
i'm trying to find a way to frame images with transparent background png frames...
what i'm doing now is
1-drawing my image on a panel
2-creating a 2nd image using the frame's filename, stretching this 'frame-image' to a size slighlty larger than that of my main image and drawing the 'frame-image'
the problems with this method are:
1-depending on the width of the frame, the frame sometimes hides parts of the image (thick frame), and sometimes there is a gap between the frame and the image (thin frame).
2-if the image file containing the frame is larger than the frame (Ex: The image is 300x300, the frame is centered in this image and is 200x200; as opposed to the image is 200x200 and the frame takes up all the space), when i position the 'frame-image' near the top left corner of the image i want to frame, the frame appears at the wrong place (shifted down and to the right). This is due to the fact that i'm placing the top corner of the created 'frame-image' and not the frame, who is not in the top corner of my 'frame-image'.
Is there a way to do what i'm trying to do???
My ideas (which i don't know how to achieve are)
1-To 'analyse' my transparent background png file and
     1-only keep the frame,
     2-calculate the frame's thickness
OR
2-Let java do the analyzing for me and tell it to frame my image with the frame in the png file
please feel free to ask for more explanations if my description/question is confusing,
thanks.

Have you looked into the Border interface? If what you really want to do
is put a custom border on a component, you may be able to do it this way.
Anyway, here is some code that stacks and centres 2 images. It's not hard to do.
import java.awt.*;
import java.awt.image.*;
import java.io.*;
import java.net.*;
import javax.imageio.*;
import javax.swing.*;
public class Example extends JComponent {
    private BufferedImage backgroundImage;
    private BufferedImage foregroundImage;
    public Example(BufferedImage backgroundImage, BufferedImage foregroundImage) {
        this.backgroundImage = backgroundImage;
        this.foregroundImage = foregroundImage;
    public Dimension getPreferredSize() {
        int w = backgroundImage.getWidth();
        int h = backgroundImage.getHeight();
        return new Dimension(w, h); //assuming this is bigger
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        int w = getWidth();
        int h = getHeight();
        //paint both, centred
        int x0 = (w-backgroundImage.getWidth())/2, y0 = (h-backgroundImage.getHeight())/2;
        g.drawImage(backgroundImage, x0, y0, null);
        int x1 = (w-foregroundImage.getWidth())/2, y1 = (h-foregroundImage.getHeight())/2;
        g.drawImage(foregroundImage, x1, y1, null);
    public static void main(String[] args) throws IOException {
        URL url1 = new URL("http://weblogs.java.net/jag/Image54-large.jpeg");
        URL url2 = new URL("http://weblogs.java.net/jag/DukeSaltimbanqueSmall.jpeg");
        JComponent comp = new Example(ImageIO.read(url1), ImageIO.read(url2));
        final JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(comp);
        f.pack();
        SwingUtilities.invokeLater(new Runnable(){
            public void run() {
                f.setLocationRelativeTo(null);
                f.setVisible(true);
}

How does one define a default style for a custom Flex component?

How does one define a default style for a custom Flex component?
hello
I created a new set of Flex component library slib.swc (Flex 4.5). Would also like to have a default style. defaults.css file, making it the default style of the component library.
Like flex the builder install directory of sdks \ 4.5.0 \ frameworks out \ libs directory has a spark.swc file, open with Winrar will see defaults.css this file. Defaults.css file defines the default style of the flex spark components.
How can it be achieved?
As follows
slib.swc contains a CLabelEx components, and a defaults.css file
defaults.css source file as follows:
@ namespace s "library :/ / ns.adobe.com / flex / spark";
@ namespace mx "library :/ / ns.adobe.com / flex / mx";
@ namespace cn "http://os.slib.cn";
cn | CLabelEx
        styBackgroundAlpha: 1;
        styBackgroundColor: # 569CC0;
        styBorderAlpha: 1;
        styBorderColor: # 569CC0;
        styBorderWeight: 1;
        styCornerRadius: 3;
In slib.swc the application MyLabel.mxml of the source file as follows:
<? xml version = "1.0" encoding = "utf-8"?>
<s: Application, the xmlns: fx = "http://ns.adobe.com/mxml/2009
                           xmlns: s = "library :/ / ns.adobe.com / flex / spark"
                           xmlns: mx = "library :/ / ns.adobe.com / flex / mx"
                           xmlns: cn = "http://os.slib.cn
                           the minWidth = "955" The minHeight = "600">
        <fxeclarations>
        </ fxeclarations>
        <cn:CLabelEx x="67" y="112"/>
</ s: Application>
I hope CLabelEx default use cn | CLabelEx, style to display its appearance.
I refer to above approach, but failed to achieve. Can you please re-Detailed
Thanks!

dj is right. Any Folder can be a picture folder.
Create a root level folder and add it to your Pictures Library in Windows. It will show up with all the scattered pictures from other programs. It can even be a different dirve if you like. You can even specify one to be the default save location for pictures in this dialog.
Navigate to Pictures in your Libraries in Windows Explorer Right Click and select Properties.
Message was edited by: Rikk Flohr forgot the instructions...

Images with Transparency Cause Rendering Bug in Acrobat

Try this at home: Export a file containing an image with transparency to PDF and open it in Acrobat (any platform, any recent version): the page containing the image will have all text rendered in what looks like bold or faux bold, depending on the font. The document looks fine in Preview and printed (even from Acrobat).
Can anyone else reproduce this? I get this behavior consistently.

Hi bdepaepe, I've had a look and I believe I have experienced the error you mean and solved it.
The reason this occurs some of the time, but not always is because the source code is not the same each time, as the adverts change every refresh. The error only happens when two of the < div> tags of class 'banneritem' which are on top of each other have a height of 84px each as opposed to 80px (although even if this is the case the rendering issue doesn't always happen).
The reason that some of the 'banneritem' < div> tags have a height of 84px is because inside them there is an <a> tag which contains an < img> tag, and the <a> tag has not been set to 'display: block;'. <a> tags are inline elements by default, so shouldn't be used to hold block level elements such as images unless the styles for the <a> tag include 'display: block;'.

Using images with Transparency in Photobooks

I'm to a point where I would like to use images that utilize transparency in Aperture photo books. Is this possible? So far, PSD files that I've cropped with PS's lasso tools to have transparent areas surrounding their subject tend to change this area to white when dropped into a book.
Does anyone know of a way or format to use to retain this transparency? I love the speed of Aperture's photobook tools, along with export and printing options, and would like to be able to layer images that bleed together, or have a cut-out subject on top of others, but I haven't noticed a way as of yet.
Is this ability even available in Aperture yet?
If not, is there a third party plugin that gives it to the user when making photo books?
Please let me know soon, else i'm going to have to adjust my workflow back to photoshop only for page set layouts and the created PSD files on blank book pages- not fun.

i have been trying different ways to make it work fine, and find several things to consider:
Note: for the next ways i tried with images with transparency.
1 searching images in the iPad with safari and saving it into Photo app
then copying it with the popup and pasting it with the popup inside Pages or Keynote:
work fine.
2 using the saved images that worked fine in the first way but
then inside Pages in my opened document, using the menu to import the image from the
Photo app, to insert the same downloaded image used in the first case:
does not work, the image appears with a white background.
3 trying the first way (manually copying and pasting) but with the images i imported from
my MacBook Pro using the normal way via iTunes(10.1.1 (4))
does not work, some images appears with a black background, other images
appears with a white background.
4 trying with the images of the third way, but changing the method using the photo app
menu from Pages
does not work as in the third way
i dont have problem using transparency images in the first complex way.
my problem is when i try to use images with transparency in the other three normal ways.

Drag and drop external text into a Flex component

Hi,
is there any way to allow drag and drop of external text (for
example, selected text from another browser or even from the
address bar) into a Flex component like TextArea? I know how to
drag and drop between two different Flex components but in this
case, the source is external. There must be something I can do to
TextArea like its dragdrop property to allow this feature... any
help would be greatly appreciated.
Thanks,
Josh

Short answer: Yes, as long as it is an AIR app.
Browser-based Flex apps do not have access to
ClipBoardFormats, so I'm not sure it is possible to do what I think
you want to do -- have a web-based Flex app that allows you to drag
and drop selected text from other apps. Most possibly because of
the security sandbox that the Flash player runs in.
However, if you wanted to do it in an AIR app, I built this
as an example for you (you can view a "cleaner" version with proper
indents at
http://pastebin.com/f741cbac8
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="
http://www.adobe.com/2006/mxml"
creationComplete="initDandD();" width="500" height="600">
<mx:Script>
<![CDATA[
public function initDandD():void {
addEventListener(NativeDragEvent.NATIVE_DRAG_ENTER,
onDragIn);
addEventListener(NativeDragEvent.NATIVE_DRAG_DROP,
onDragDrop);
private function onDragIn(e:NativeDragEvent):void {
if(e.clipboard.hasFormat(ClipboardFormats.TEXT_FORMAT)) {
NativeDragManager.acceptDragDrop(this);
private function onDragDrop(e:NativeDragEvent):void {
var myString:String =
e.clipboard.getData(ClipboardFormats.TEXT_FORMAT) as String;
myTextArea.text = myString;
]]>
</mx:Script>
<mx:TextArea id="myTextArea" width="326"
height="262"/>
</mx:WindowedApplication>

A Flex component with transparent holes inside

Similar Messages

Maybe you are looking for