I am new to flex, and do not know how to add an image (or other ui component) to canvas, so user can select it (and see that it's selected), also I want to add a possibility for example to click backspace and remove selected image from scene. How to do that?
View 1 RepliesAs part of requirements for a new feature of "locking" a page, it is desired to have all elements on a locked page be non-selectable. This is not to be confused with disabled. All elements should appear as if the page were active, but not be selectable.The current thought is to create a clear canvas and place it over the existing elements. With this thought, I have two questions:if you can think of a better way to make all items non-selectable than applying a clear canvas element over the existing elements could you describe it?if not, what is the best way to retrofit existing implementations to accept the overlayed canvas item? BTW, all .mxml pages inherit from a custom .as file.
View 3 RepliesI'm trying to skin a canvas with an image (which is essentially a custom border for the canvas). I've been trying the backgroundImage style as well as the borderSkin style. I can't get the image to scale to the full size of the canvas though. I was wondering what the best way to go about this is.[code]...
View 2 RepliesI am going nuts! I have a canvas which I am trying to add a background image to. I am not setting the Y position, but after I add it to the canvas it always starts about 40 px down. If I trace the Y position it still says 0, even after a timer. I have tried to move it to the parent canvas and got the same results.
View 1 RepliesFirst off I have this MXML:
<mx:Panel x="270" y="10" width="690" height="680" id="mainContainerPanel">
<mx:Canvas x="270" y="10" width="670" height="640" id="canvas" initialize="onInit()">
[Code]....
The circCentre Sprite never appears on screen and I don't understand how I can get it to appear.
I am trying to load a BitmapImage from an embedded source image and add this to a UIComponent. I am attaching the code that I have below. I have not been able to get this to work.
var bitmap:BitmapImage = new BitmapImage();
bitmap.source ="@Embed('sample.jpg')";
var graphic:Graphic = new Graphic();
graphic.addElement(bitmap);
thumbHolder.addChild(graphic);
When I run this I dont get an error, but no image appears in thumbHolder (My UIComponent).
I am adding DisplayObjects to a Canvas using
ContentContainer.addChild(c);
Where ContentContainer is my Canvas object and c is the DisplayObject I have created at run-time. Some of these DisplayObjects also have children of there own which are added at run-time prior to the DisplayObject being added to the Canvas.
I then need to iterate over all the children of ContentContainer but the first time I do this, it says that ContentContainer has no children (i.e., ContentContainer.numChildren = 0). If I do it again tho then it is fine and returns the correct number of children. Is there something I need to call to get ContentContainer to recalculate how many children it has?
I currently am trying to add a custom class which subclasses UIComponent to both a tree and a canvas, but when I try to re-order the tree by dragging I get this error:[code]When I do not add the UIComponent to the canvas, this error does not occur, anyone have any knowledge as to why this happens?
View 2 RepliesI've a custom component where I do some graphics (e.g draw a line) and dynamically add a subcomponent (e.g a label) to it.
If I base the component off Group (which is recommended as per docs since its a spark component) then when I dynamically add a label the graphics part disappears.
However if I base it off Canvas this doesn't happen.
Why is that the case?
Here is the code.
MyComponent.as
public class MyComponent extends Group
{
public var x1:int;
[Code].....
I have an Image nested inside a Canvas.
<mx:Canvas>
<mx:Image source="@Embed(source='assets/library.swf', symbol='Waves')" />
</mx:Canvas>
I'd like the Image not to overflow the bounds of Canvas. But when I set width and height on the Canvas, my Image disappears. Canvas also doesn't seem to respect horizontalScrollPolicy.
Seems easy enough, but as the official Flex documentation is down at the moment, I thought I'd turn to SO.
this is the code for 3d rotation [code]i want to rotate the image after dropping them in the canvas.i am able to rotate them in the panel.
View 1 RepliesI have an image loaded from an url and added to canvas as child. Then I am drag and dropping another image on it which also uses the senocular transform so the image can be transformed on the canvas. I have coded in such way that the transform handles shows up only after it's dropped on canvas. The image shows up correctly. But I am trying to save the result image (that is the main image and the dropped image on top of it), I only end up with the main image that was loaded earlier. The dropped image doesn't show up.
Below is the code for handleDrop() that is fired on dragDrop event and prepares the final image.
[Code].....
I know that the question may seem very easy. I am trying to display an image on canvas.I need to do it in AS, and also I need to locate image in specific coordinates.
View 2 RepliesI have the following code in my flex project.
[Code]...
I want to dynamically add different items to thumbContent canvas and use scroller canvas to scroll. I see than the height of thumbContent bigger than 7977 it truncate from scrolling. So - I see the scroller canvas with empty space on top. Then I scroll to bottom - I see the content of thumbContent and at bottom scrolling I see empty space too.
I need to create a gallery to load images and display them. This part is fine:
/**
* @variable image_name to store the name of the selected item
*/
private function showimage(evt:Event):void
[Code].....
where imgMain is the id the image component.
But, I need a small twist. A transition image i.e. loading image should be displayed while the the image is being loaded.
I am working on application similar to [URL] how to add multiple clipart to the center rectangle. I can add one clipart but then adding second clipart/image replaces the first one.
View 1 RepliesThe project I'm working on requires older libraries that extend mx components (such as TitleWindow and TabNavigator), I can't use what I know about Spark skinning directly. However, since the project is being programmed using the default Spark theme (with my modifications on top) rather than the Halo theme, I apparently don't have access to the styles I need (namely backgroundImage and contentBackgroundImage which apparently require Halo to be active). Simply setting Halo to be the theme will break other things, not the least of which my own theme.
Plans are in the works to replace the older libraries or at least patch them better to Flex 4, but as of right now, I need a way to style/skin these components without modifying them directly. It would be ridiculous to be unable to add a background image to a TitleWindow's content area! I've searched the internet high and low all day and tried countless variations of styles, skins, selectors, and combinations thereof with no luck. How to add a background image to the content of a mx TitleWindow while using the Flex 4.1 sdk?!
How do I make text selectable (so I can copy) in a DataGridColumn?
View 2 RepliesIs it possible to make a LinkButton selectable? That is, the text from the LinkButton can be selected and then copied. LinkButton does not have the selectable property.
View 1 RepliesI have created a datagrid in ActionScript class and I want to add an Image to one of the columns..I tried to add an image this way..but it doesnot work.
[Embed(source="../../../../css/images/redCircleIcon.png")]
public static const redIcon:Class;
var statusRedImg:Image = new Image();
statusRedImg.source = redIcon;
[Code]....
I'm trying to create a MXML component based on the spark Panel and I would like to add an image on the right end of the title bar, so that the panel will have a text on the title bar and a small image at the right end. I'm using a skin to define the colors, background fill etc. But how do I add this image at the right end of the title bar?I would like to make that image cutomizable so that when the component is inserted, either the default image is used or a new image can be provided.
View 2 RepliesI am trying to make a flash application that can save (to the user's local hard drive) a screen shot of the canvas (or more accurately part of it).I've dabbled with Quasimondo's Bitmap Exporter which did some funky stuff to render an image, ship it to a php script on the server, and bounce it back to the client. But not only is that inefficient it also has two other major flaws:
1) it's written in actionscript 2 so I can't use any actionscript 3 abilities.
2) it breaks as soon as one of the images on the stage is defined as a variable brought in through $_GET rather than hard coded. (the image comes in fine but then the rendered finished product is a blank white image)
I need to make Text box to be Draggable And Selectable
View 1 RepliesI have a canvas with a scrollbar and I would like to disable the scrollbar in some way that keeps the thumb visible, but not selectable. I just want to let the user know that there is more information below, but I do not want to let him use the scroll to move down(this will be done with the movement of the arrows). I tried using the properties enabled but it does not work.
View 1 RepliesIt would be an easy question, but property 'selectable' is set to 'false' and therefore selectedItem is always null.
In each row I have 3 buttons. When I click a button, I need to extract data corresponding to clicked row.
I have a Label in AS3 that I want to be selectable (.selectable = true) AND I want the clipboardMenu to show up on right-click ALONG with custom menu items.
If I do THIS:
var label:Label = new Label();
label.text = "test";
label.selectable = false;
[Code]....
The label IS selectable - however ONLY the clipboard menu items are present.
How can I both make the label selectable AND have a menu with my custom items + standard clipboard items?
BTW - this is with an AIR application using the 3.2 SDK.
Is it possible to make an item in a List control not selectable? If so, how would this be accomplished?
I've tried one thing so far. What I did was use a custom item renderer that checks for a value in the data property upon a FlexEvent.DATA_CHANGE event. If that value is not set, I tried setting the item renderer's selectable property to false. This, unfortunately, does not seem to work.
If I have a menubar that has an XML datasource like:
<mx:XMLList id="menuList">
<menuitem label="Parent1">
<menuitem label="Child1">
<menuitem label="SubChild1" />
[Code]...
How can I make it so that clicking on Child1 will cause a click event despite it having children?
For some reason, if you add an image to htmlText, like the following:
myText.htmlText = "<img src='"+dataProvider.bodyImage.getUrl('original')+"' align='left' />" + dataProvider.bodyText;
The image will be successfully added to the htmlText, but it seems to measure the sizes completely wrong. At times, the actual text (dataProvider.bodyText) will have part 'hidden' under the image. At other times, there are anywhere from 1 to 4 lines cut off at the bottom. However, if you select the text and drag your mouse down, you can see the bottom lines. It appears the text is all there, but the mx:Text component is not including the image in the textHeight, so it doesnt resize the componenet to the correct size.
I'm creating a flash fun thing where you dress up a character by just dragging and dropping little images, everything is working fine.
I want to add an option to save the image you have created, I can do this but the problem is you have to set a movie clip to capture, the thing i want to capture is a few movie clips layered on top of each other(the finished character).[code]...