[flexcoders] Re: Selecting no color with ColorPicker
I see this thread is a bit dated, but I have the same question as well. I'm trying to display the typical red slash option available in most Adobe applications. I've scoured the docs and don't see any option for this. Sherm
[flexcoders] Re: Trying to control percentage based containers
That worked. thanks for the tip. Sherm --- In flexcoders@yahoogroups.com, Manu Dhanda [EMAIL PROTECTED] wrote: Give width and height to your TabNavigator. Manu. daddyo_buckeye wrote: I'm trying to control a percentage-based layout with several nested containers. Unless I set a fixed size (in pixels) or a minWidth or minHeight, my outer panel shrinks to a very small size. I understand that parent containers inherit their size from the content in their children containers. My challenge is that I'm importing a SWF and sizing it to fill its available space (100%). Am I missing something? Is there a way to force a container to fill whatever available space it fits into (vs. expanding containers based on children)? For example, maximize the application container, then any child containers. Here's my code: ?xml version=1.0 encoding=utf-8? mx:Application xmlns:mx=http://www.adobe.com/2006/mxml http://www.adobe.com/2006/mxml mx:Panel width=100% height=100% id=uniPanel backgroundColor=#F3F3F3 mx:TabNavigator mx:VBox label=Design View width=100% height=100% mx:SWFLoader id=swfLoader horizontalAlign=center verticalAlign=middle height=90% width=90% scaleContent=true source=assets/UD2_logo.swf / /mx:VBox mx:VBox label=Order View width=100% height=100% mx:Label text=Order View / /mx:VBox /mx:TabNavigator /mx:Panel /mx:Application Any suggestions are greatly appreciated. -- View this message in context: http://www.nabble.com/Trying-to- control-percentage-based-containers-tp18498648p18501535.html Sent from the FlexCoders mailing list archive at Nabble.com.
[flexcoders] Re: Populate TileList w/ data from XML file?
I'll keep an eye on that new class at Ben's blog, but here's how I
solved the issue, by creating a custom itemRenderer. A bit of a
workaround, but more flexible than using the generic tileList:
mx:TileList dataProvider={uniXML}
labelField=groupID
iconField=thumbnail
height=100%
width=100%
rowHeight=200 columnWidth=125
itemClick=uniLoad(event)
mx:itemRenderer
mx:Component
mx:VBox horizontalAlign=center
mx:Image width=110 height=160
source={data.thumbnail}/
mx:Text id=thumbText width=100%
height=22 fontSize=9
text={data.top.styleCode.womensStyleCode + '/' +
data.top.styleCode.mensStyleCode} /
/mx:VBox
/mx:Component
/mx:itemRenderer
/mx:TileList
The itemClick loads a SWF that corresponds to the thumbnail in the
tileList. Works like a charm!
Thanks again for your direction.
Sherm
--- In flexcoders@yahoogroups.com, Amy [EMAIL PROTECTED] wrote:
--- In flexcoders@yahoogroups.com, daddyo_buckeye projects@
wrote:
Amy,
Can you be more specific? Would I have to build a class for my
images, with the path to the images in the class file?
BTW, I've solved this another way (thanks to some folks at the
Adobe
forums), by using a custom renderer and replacing 'icon'
with 'image'. I'll post the code in a bit.
The easiest way to create an image class is to embed it
[Embed source=images\yourImage.png]
private var yourImage:Class;
That's just the way icons work
http://blog.xsive.co.nz/archives/233.
Here's one possible solution http://blog.benstucki.net/?p=42.
HTH;
Amy
[flexcoders] Re: Set attributes and methods of dynamically added controls
Amy, I got the results I wanted prior to my post with states, but the code is extremely unwieldy and limiting. I'll check out the repeater and post my results back here. Sherm --- In flexcoders@yahoogroups.com, Amy [EMAIL PROTECTED] wrote: --- In flexcoders@yahoogroups.com, daddyo_buckeye projects@ wrote: I was just experimenting with using the 'for' loop to add them dynamically just to see how it's done. I'm pulling the number of colorpickers needed from an XML file, and I need them to run a function to color specific items from that XML file. Then you're definitely better off using either a Repeater or a List Based control. HTH; Amy
[flexcoders] Set attributes and methods of dynamically added controls
I'm trying to add a number of colorpickers and textareas to my app
dynamically. Each item needs a separate id, and the colorpickers need
to call an open() and change() method and pass the textarea id as a
parameter along with the event.
I'm a little baffled on how to set the methods, but my ids are
setting successfully. Here's my code:
public function addPicker():void {
var i:int;
for (i = 0; i 5; i++){
var ssPicker:ColorPicker = new ColorPicker();
var ssTextArea:TextArea = new TextArea();
var ssVBox:VBox = new VBox();
ssPicker.id = cp+i;
//note: following two lines don't work.
ssPicker.open = openEvt(event,descriptBox+i);
ssPicker.change = changeColor(event,descriptBox+i);
ssTextArea.id = descriptBox+i;
ssTextArea.width = 125;
ssTextArea.height = 22;
ssTextArea.text = Select Color;
myVBox.addChild(ssVBox);
ssVBox.addChild(ssPicker);
ssVBox.addChild(ssTextArea);
}
}
Any thoughts on how I can accomplish this?
[flexcoders] Re: Set attributes and methods of dynamically added controls
I was just experimenting with using the 'for' loop to add them
dynamically just to see how it's done. I'm pulling the number of
colorpickers needed from an XML file, and I need them to run a
function to color specific items from that XML file.
Sherm
--- In flexcoders@yahoogroups.com, Amy [EMAIL PROTECTED] wrote:
Setting the id like that won't let you reference it later by ID.
Also, you're trying to use the MXML way of assigning event
listeners
in AS. Try something like this
private var cp:Array=new Array();
for (i=0;i5;i++){
ssPicker = new ColorPicker();
cp.push(ssPicker);
//you'll need to look at event.currentTarget to see which picker
it
is
ssPicker.addEventListener(open, yourFunction);
}
You may find that you're better off using a data source that a List
control is bound to for this. When the color pickers change the
data
source, the descriptBoxes, which would be itemRenderers for some
other list based control, can automatically pick up the change.
HTH;
Amy
[flexcoders] Trying to control percentage based containers
I'm trying to control a percentage-based layout with several nested containers. Unless I set a fixed size (in pixels) or a minWidth or minHeight, my outer panel shrinks to a very small size. I understand that parent containers inherit their size from the content in their children containers. My challenge is that I'm importing a SWF and sizing it to fill its available space (100%). Am I missing something? Is there a way to force a container to fill whatever available space it fits into (vs. expanding containers based on children)? For example, maximize the application container, then any child containers. Here's my code: ?xml version=1.0 encoding=utf-8? mx:Application xmlns:mx=http://www.adobe.com/2006/mxml http://www.adobe.com/2006/mxml mx:Panel width=100% height=100% id=uniPanel backgroundColor=#F3F3F3 mx:TabNavigator mx:VBox label=Design View width=100% height=100% mx:SWFLoader id=swfLoader horizontalAlign=center verticalAlign=middle height=90% width=90% scaleContent=true source=assets/UD2_logo.swf / /mx:VBox mx:VBox label=Order View width=100% height=100% mx:Label text=Order View / /mx:VBox /mx:TabNavigator /mx:Panel /mx:Application Any suggestions are greatly appreciated.
[flexcoders] Populate TileList w/ data from XML file?
I'm trying to populate a TileList with data from an XML file. Any help
is greatly appreciated.
Here's the data from the XML file:
?xml version=1.0 encoding=iso-8859-1?
uniforms
patternGroup
groupIDkj02/groupID
sportBasketball/sport
groupStyleBasketball Uniform/groupStyle
thumbnailassets/basketball/thumbnailsPNG/kj02.png/thumbnail
/patternGroup
/uniforms
Here's the code for the application file:
?xml version=1.0 encoding=utf-8?
mx:Application xmlns:mx=http://www.adobe.com/2006/mxml;
layout=absolute creationComplete=uniData.send()
mx:Script
![CDATA[
[Bindable]
private var uniXML:XMLList;
private function uniHandler(evt:ResultEvent):void {
uniXML=evt.result.patternGroup;
}
]]
/mx:Script
mx:HTTPService id=uniData url=assets/uniforms.xml
result=uniHandler(event) resultFormat=e4x /
mx:TileList dataProvider={uniXML} labelField=groupID
iconField=thumbnail width=400 height=400 /
/mx:Application
What am I missing here?
thanks.
[flexcoders] Re: Populate TileList w/ data from XML file?
I forgot to mention the labelField works fine (displays text in the
TileList) but the iconField doesn't display the associated image.
--- In flexcoders@yahoogroups.com, daddyo_buckeye [EMAIL PROTECTED]
wrote:
I'm trying to populate a TileList with data from an XML file. Any
help
is greatly appreciated.
Here's the data from the XML file:
?xml version=1.0 encoding=iso-8859-1?
uniforms
patternGroup
groupIDkj02/groupID
sportBasketball/sport
groupStyleBasketball Uniform/groupStyle
thumbnailassets/basketball/thumbnailsPNG/kj02.png/thumbnail
/patternGroup
/uniforms
Here's the code for the application file:
?xml version=1.0 encoding=utf-8?
mx:Application xmlns:mx=http://www.adobe.com/2006/mxml;
layout=absolute creationComplete=uniData.send()
mx:Script
![CDATA[
[Bindable]
private var uniXML:XMLList;
private function uniHandler(evt:ResultEvent):void {
uniXML=evt.result.patternGroup;
}
]]
/mx:Script
mx:HTTPService id=uniData url=assets/uniforms.xml
result=uniHandler(event) resultFormat=e4x /
mx:TileList dataProvider={uniXML} labelField=groupID
iconField=thumbnail width=400 height=400 /
/mx:Application
What am I missing here?
thanks.
[flexcoders] Re: Populate TileList w/ data from XML file?
Amy, Can you be more specific? Would I have to build a class for my images, with the path to the images in the class file? BTW, I've solved this another way (thanks to some folks at the Adobe forums), by using a custom renderer and replacing 'icon' with 'image'. I'll post the code in a bit. Sherm --- In flexcoders@yahoogroups.com, Amy [EMAIL PROTECTED] wrote: I think icons need to take a class rather than a path to an image. HTH; Amy
[flexcoders] Re: Populate TileList w/ data from XML file?
Here's the code:
mx:TileList id=tl dataProvider={uniXML} labelField=groupID
iconField=thumbnail width=400 height=400
mx:itemRenderer
mx:Component
mx:HBox
mx:Text width=100 height=100 text={data.groupID}/
mx:Image width=100 height=100 source={data.thumbnail}/
/mx:HBox
/mx:Component
/mx:itemRenderer
...Thanks to Greg Lafrance on the Adobe Flex list.
Sherm
[flexcoders] Posted under another account OOPS!
I posted a reply inadvertantly from another Yahoo account of mine (sstevens69) that does not belong to this group. It was a long post with lots of details, and I don't really want to re- compose it. Is it possible to find that post and post it, or add my other username (sstevens69) to the members list?
[flexcoders] Re: How to access properties of symbols in loaded SWF?
The migration isn't so painful once you really get your head around
concepts in Flex.
Thanks to everyone for their replies to this initial post. I posted
on the actionscript.org forum at the same time, and got some very
helpful advice from a user named Sly_cardinal.
I thought I would post it here for the benefit of all.
One additional note: after I figured out how to get at the clips
within a SWF, I wanted to populate an array with a list of those
clips. Then I can call them with a function to apply a color from a
colorpicker.
The code uses SWFloader to load kj_complete.swf then parses the
individual parts of the artwork (a basketball uniform, BTW) into an
array. The 'change' method on the ColorPicker control calls the
function to apply color to an individual part.
The artwork was created in Illustrator, then all objects were
converted to symbols, imported into Flash CS3 and placed on the stage.
I'm thinking I can skip the step of placing the artwork on the stage
with additional AS code, but I just needed to get this working.
Sorry, but I can't post the actual artwork (non-disclosure agreement)
but I thought everyone could benefit from the code.
Here's my code:
?xml version=1.0 encoding=utf-8?
mx:Application xmlns:mx=http://www.adobe.com/2006/mxml;
creationComplete=creationCompleteHandler(event)
mx:Script
![CDATA[
//import necessary classes (I could make this list
shorter by using *)
import mx.core.MovieClipAsset;
import flash.display.DisplayObject;
import flash.display.DisplayObjectContainer;
import flash.geom.ColorTransform;
import mx.controls.SWFLoader;
import mx.events.FlexEvent;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.display.MovieClip;
import flash.display.InteractiveObject;
import mx.collections.*;
import mx.events.ColorPickerEvent;
import mx.events.DropdownEvent;
private var uniPart:Array;
//function to ensure SWF is completely loaded
public function creationCompleteHandler
(event:FlexEvent):void
{
swfLoader.addEventListener(Event.INIT, initHandler);
swfLoader.source = assets/kj_complete.swf;
}
//function to extract content from SWF
public function initHandler(event:Event):void
{
var content:DisplayObjectContainer =
DisplayObjectContainer(SWFLoader(event.target).content);
// Call loadUniform here, set uniPart to result.
uniPart = loadUniform();
}
//function to parse clip names into an array
private function loadUniform():Array
{
var content:DisplayObjectContainer =
DisplayObjectContainer(SWFLoader(swfLoader).content);
var uniPart:Array = new Array();
uniPart[0] = MovieClip(content[jersey_body]);
uniPart[1] = MovieClip(content[jersey_panel1]);
uniPart[2] = MovieClip(content[jersey_panel2]);
uniPart[3] = MovieClip(content[v_neck]);
uniPart[4] = MovieClip(content[vneck_insert]);
return uniPart;
}
//function to change color when colorpicker is changed
private function changeColor
(event:ColorPickerEvent,object:int):void {
var uniSwatch:MovieClip = uniPart[object];
var colorSwitch:ColorTransform =
uniSwatch.transform.colorTransform;
colorSwitch.color = event.target.selectedColor;
uniSwatch.transform.colorTransform = colorSwitch;
}
]]
/mx:Script
mx:VBox width=770 height=700 backgroundColor=#FF x=0
y=0
mx:ColorPicker id=cp
showTextField=true
selectedColor=0xFF
change=changeColor(event,0);
editable=false/
mx:SWFLoader id=swfLoader /
/mx:VBox
/mx:Application
[flexcoders] Re: Posted under another account OOPS!
Never mind. I logged in with the correct username and re-posted. --- In flexcoders@yahoogroups.com, daddyo_buckeye [EMAIL PROTECTED] wrote: I posted a reply inadvertantly from another Yahoo account of mine (sstevens69) that does not belong to this group. It was a long post with lots of details, and I don't really want to re- compose it. Is it possible to find that post and post it, or add my other username (sstevens69) to the members list?
[flexcoders] Re: How to access properties of symbols in loaded SWF?
Alex, I can't find any concrete examples on the 'net of users getting at symbols and changing attributes of those symbols using SWFLoader.content. Seems like most are using it to simply check if the content is loaded. Any further, more specific tips, are greatly appreciated. BTW, everything is created in CS3(Illustrator Flash). Sherm --- In flexcoders@yahoogroups.com, Alex Harui [EMAIL PROTECTED] wrote: If the SWF is published for player 9, then you can get to it via swfLoader.content (or image.content). If it is published for an earlier player, then you'd need an intermediate SWF that uses localConnection to communicate between the main SWF and your SWF. You can check out third party solutions
[flexcoders] Re: How to access properties of symbols in loaded SWF?
Thanks for the reply. I really don't need much beyond changing the color of a symbol in position in its parent SWF, don't really need an Illustrator tool (I've already spent the money on the REAL Illustrator!!). I have worked with this same project in SVG before, so I was exploring Degrafa, but I think in my case it complicates things. Thanks for the suggestion, tho. --- In flexcoders@yahoogroups.com, scalenine [EMAIL PROTECTED] wrote: Actually, you could translate the artwork you created in Illustrator to Degrafa Path data and make a full Illustrator-like authoring tool. Here's some simple examples: http://samples.degrafa.com/BindingSample/BindingSample.html http://samples.degrafa.com/CapacityIndicator/CapacityIndicator.html If you're just looking to change colors in static artwork then maybe the SWF route may be be more suitable. --- In flexcoders@yahoogroups.com, daddyo_buckeye projects@ wrote: Upon further review... Looks like the only thing Degrafa offers (in my case) is to use CSS styling on my artwork. I don't need Flex or the AS3 drawing capabilities to create any artwork, all the (fairly complex) art is already done in Illustrator. I may include Degrafa for other parts of the app, tho... Thanks again. --- In flexcoders@yahoogroups.com, Flex Frenzy jeremy@ wrote: Correct me if I'm wrong, but wouldn't Degrafa be the best tool for that?
[flexcoders] Re: How to access properties of symbols in loaded SWF?
I'll look into this. thanks. --- In flexcoders@yahoogroups.com, Alex Harui [EMAIL PROTECTED] wrote: If the SWF is published for player 9, then you can get to it via swfLoader.content (or image.content). If it is published for an earlier player, then you'd need an intermediate SWF that uses localConnection to communicate between the main SWF and your SWF. You can check out third party solutions
[flexcoders] Re: How to access properties of symbols in loaded SWF?
I was looking at Degrafa because of its support for SVG. The art library I'm working on was previously published in SVG. Of course, Adobe is pulling the plug on their SVG viewer so I get to do the entire project in AS3. I'll check it out. thanks. --- In flexcoders@yahoogroups.com, Flex Frenzy [EMAIL PROTECTED] wrote: Correct me if I'm wrong, but wouldn't Degrafa be the best tool for that?
[flexcoders] Compile issues in FlexBuilder 3
I have an app in Flex that won't compile, I'm getting a message that the HTML file is missing. This is a downloaded sample app loaded into Flex and tried to compile it the first time to see how the code works. Is there a prefs file or compile parameters to tell Flex Builder to forget about previous builds and compile a new version? I'm guessing it's looking for a previous compile the author built but didn't include in the download. BTW, I'm not getting any errors in the code. Thanks in advance for your assistance.
[flexcoders] Re: How to access properties of symbols in loaded SWF?
Upon further review... Looks like the only thing Degrafa offers (in my case) is to use CSS styling on my artwork. I don't need Flex or the AS3 drawing capabilities to create any artwork, all the (fairly complex) art is already done in Illustrator. I may include Degrafa for other parts of the app, tho... Thanks again. --- In flexcoders@yahoogroups.com, Flex Frenzy [EMAIL PROTECTED] wrote: Correct me if I'm wrong, but wouldn't Degrafa be the best tool for that?
[flexcoders] Re: Compile issues in FlexBuilder 3
Surely there's a simpler way to fix this... --- In flexcoders@yahoogroups.com, Sean Clark Hess [EMAIL PROTECTED] wrote: Try creating a new project, and just copying the src folder from the sample into your new one. On Wed, Jul 2, 2008 at 10:38 AM, daddyo_buckeye [EMAIL PROTECTED] wrote: I have an app in Flex that won't compile, I'm getting a message that the HTML file is missing.
[flexcoders] Re: Compile issues in FlexBuilder 3
I investigated further and discovered the path set in several parts of the app was a slightly different name than the folder in the unzipped files. Give me a big 'DUH' on this one. thanks for the quick response, y'all. --- In flexcoders@yahoogroups.com, fourctv [EMAIL PROTECTED] wrote: Did you try right-clicking the error message? FB3 should give you the option to re-create the html template folder on the context menu. hth julio --- In flexcoders@yahoogroups.com, daddyo_buckeye projects@ wrote: I have an app in Flex that won't compile, I'm getting a message that the HTML file is missing.
[flexcoders] Re: How to access properties of symbols in loaded SWF?
Okay, let me put this another way: it appears that I can load an SWF and then instantiate each symbol in that SWF, and then load each symbol to the 'stage' (or whatever it's called in Flex) separately. I can certainly instantiate each symbol separately, and then align it on stage, but it seems to me to be bass-ackward to do it that way, expecially since I created the original SWF with everything in position. Is there no way to access the attributes of the individual symbols within an SWF without separately instantiating them?
[flexcoders] Re: How to access properties of symbols in loaded SWF?
Okay, let me re-phrase the question. I have vector artwork created in Illustrator, imported into Flash as symbols, and exported for actionscript. All the artwork is in a single SWF file. I can load the entire SWF, and I can load an individual symbol from that SWF, but I'm trying to figure out if I can access and manipulate the properties of the individual symbols. Based on what I've found on the net, it appears that I'll have to load each individual symbol and position them manually to access the properties. Any direction is greatly appreciated.
[flexcoders] How to access properties of symbols in loaded SWF?
I'm making the slow and painful migration from Flash to Flex, but I'm running into a dead end on one particular area: accessing and manipulating properties of symbols in a loaded SWF. The SWF is actually a simple library of a detailed parts illustration. I would like to load the entire SWF in position, and be able to change the attributes (i.e. colors) of individual symbols (or parts of the illustration). I can load, display and manipulate each symbol separately, but I need the parts to remain in place. The original art was created in Illustrator and exported as SWF using the symbols palette. I can always go back to Flash, but I'm forcing myself to move forward and do this project in Flex (baptism by fire!!). I'm just having trouble getting my head around this. Any help is greatly appreciated.
