Something I've always wanted to do was creating a custom component in Flash but havespecific parts of the component size appropriately based on, say, the video size.For go there and watch a video... they use the same component for all sizes of video. What seems to be changing is the video width and height, the progress bar width and the position of any status messages for the video.
View 1 RepliesIn my custom component (Login), I create and set a variable userName, it is bindable: [Bindable] private var userName:String; userName = txtUsername.text; I need to pass that variable to a different custom component (Overview), here is the code of the viewstack:
[Code]...
I've searched for a way, but I haven't found one that does the trick.
I want to create a custom textinput component in flex. The component is made of one background rectangle (spark.primitive.Rect) and one inside rectangle that will contain the text.My problem is that I want my component to be sizable like I want. For example if I want to create one textinput with a size of 200/100 I write :
<s:TextInput x="10" y="10" width="200" height="100" skinClass="Component.MyTextInputSkin"/>
And I have only the width and height to change if I want to create another textinput with different size.My skin mxml contains two rect but I want to do this:<s:Rect width="{this.width}" height="{this.height}" .....and for the other one (the one that will contain the text)<s:Rect width="{this.width * 0.80}" height="{this.height * 0.80}" .....The problem is that flashbuilder displays an error message of incompatibilty on my two "Rect" lines. And when I launch my app, nothing is displayed.
I created a custom MXML component, TurboContent, that extends the NavigatorContent class:
<s:NavigatorContent xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
[Code].....
In this case, the 'myButton' component never shows up, but all the elements of the base component do (3 buttons and a datagrid).
I want to create a panel (or any other component) inside a component that has a 5 pixel border on all sides, but scales fully when the window is resized. I know I can set width to "100%" to make it resize, but that gives me no borders. If I put it to "95%",I have borders, but they scale annoyingly. Also, that only works for borders on the right or lower bounds, and not to the left or upper sides.Is there a convenient way to do this without having to write tons of resize-code (in which case I will not bother and just accept bad rescale behaviour, as it is for a private pet project).
EDIT: I know that I can just overwrite the display handling and set the positions manually every frame. I wondered if there is a cheap way to do it in the mxml-structure, along these lines:
<mx:Panel>
width="100%" height="100%"
</mx:Panel>
Coming from C++ and Java, I am intrigued by the option of setting something to "95%" and let the library work out the details, instead of having to write many lines of code, just so my text-area always keeps a 5 pixel distance from the border, but scales with window width.If there is no easier way to do it than figuring out pixel sizes by hand and setting the coordinates.
I have following problem:
Code:
title_txt = new TextInput( );
title_txt.setSize( 100, 20 );
[code]....
is there any way to put scroll of tree component in left side of component or creating a custom scrollbar for tree component
View 13 RepliesIn the main file, I would write[code]...
But if I want the component to have that behaviour innately, where do I write it in the mybutton mxml file to have it reference itself?[code]...
I have a Custom Component that has a couple of Canvas with some background colors assigned to them. Now i have hard coded the colors, i want to move them to an external css file. So i would like to have the css declaration like this :
[Code]...
My question is if i can define custom style names like dividerRightColor and if so, how can i use that value inside my MXML Component? I have seen examples of using them inside Pure AS components.
I have a custom Flex 4.5 component (to be used in a List) -
Game.mxml (represents a clickable playing table in a card game):
<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer [code].......
But I never see the "game clicked: " trace. Does anybody please know why? I'm probably missing something minor, because I can see the "Clicked: 8946" trace.
This is similar to the question asked here. I am dispatching custom event "ShopEvent" but i am getting error "Type Coercion failed: cannot convert flash.events::Event@81ecb79 to com.events.ShopEvent"Note: Error is thrown from the parent custom component (3rd code snippet), I have added more details thereThis is my custom event. See the first constant, I copy pasted the event name in custom components.
package com.events
{
import flash.events.Event;
[code]......
I have created custom TreeItemRenderer in which i am trying to draw colored Hbox bar at each node except root. Intially when i click on root node it opens first child node with bar but when i open leaf node it does not showing bar and removing existing bard from other few child nodes. Its calling itemrenderer on mouseonver eventhough i have disabled.Attaching Code here
package Adodbe.renderers
{
import flash.display.DisplayObject;[code].....
I'm building a top view 2D map, that it's objects are stored on the server.The kind of objects are 10 and might be a photo, label, button, lists, mix of them or labels with tooltips.The component must request the "areas" that are missing on screen.An area is 1000x1000 px and is cached in flex.To move in the map, will be like in google maps (drag-and-drop).I should be able to have another list and move objects from one to another using drag-an-drop on objects. Ex.: I grab an objects from a list and I move it on this map, I release the mouse button and the item is placed there.Now the problem is: I build a custom component for this trying to emulate the item renderer for performance and recyclage, implement drag-and-drop on objects and request the areas that are missing?
or
I extend the List component from spark and I add some features as multiple kind of itemrenderers and use recycle on them. Of course it must be able to request the missing areas on the screen and cache it's data.Maybe create a custom layout is needed too.What I need is something that must be really fluid, so the lighter this component is, the better.
UPDATE: *There will be not any object over another.
*I will not use hitTest on bitmaps because all bitmaps are wrapped in another component,as they,for now are itemrenderers.
Anyway I already begin to do this using a class that extends the SkinnableDataContainer and a custom layout. As the layout is not like a grid, is sparse, random items at diferent points(x, y).How to get the localX and localY, relative to item renderer and not to the Spark List, from a DragEvent in Flex 4?
This is NOT duplicate of my earlier post (its is slightly different)But this is similar issue with similar error but its not the same error The error I am getting now is below while dispatching the custom event from my custom component
TypeError: Error #1034: Type Coercion failed: cannot convert events::MapEvent@a74ab51 to flash.events.MouseEvent.
dispatchEvent(new MapEvent(MapEvent.CLICKED_ON_MAP));
Note: The error in my earlier post is giving below error message
Type Coercion failed: cannot convert flash.events::Event@81ecb79 to com.events.ShopEvent
The difference here are two things, the earlier error is while converting flash event to custom event and now this one is while converting custom event to flash event and secondly, I have no clue why it is trying to convert to the mouseevent where I am just dispatching my custom event with proper listeners.
This is my custome event
package events
{
import flash.events.Event;
import ui.map.MapElement;
[code]...
The spark panel component for example can be written like this
<Panel title="Skinny">
<child components ... />
<controlBarGroup>
<child control bar components ... />
</controlBarGroup>
[Code]...
The motivation here is that I can now create a couple different skin files to change the look and layout of those subgroups. Reading source of the spark panel, there are some calls within the mx_internal namespace such as getMXMLContent() which is a method of the spark group component, but which I have no access to.
Does the description above make sense? How can I create custom 'contentGroups' in my custom Flex4 component that can use nested mxml child components? Should I approach this a different way?
Here is my code that plays the video:
import fl.video.*; var myVideo:FLVPlayback = new FLVPlayback(); myVideo.source = "video.flv"; } addChild(myVideo);
How to I set the size of the video? I have tried "myVideo.videoWidth = 400;" but that gives me an error.
I have a problem where I have a flash file that constantly loops. It reads 3 different variables from a txt file and outputs their data. I also have it refreshing the swf so that when I change data in the .txt file it updates it realtime in the swf without having to reload the file. but what I also need is a way to tell it to make an array a certain length to populate this data. And instead of a fixed size as it is right now, to make it X long where X is declared in the .txt file that i am using.here is the code that im currently using:
Code:
loadVariablesNum("childdata.txt", 2);
imageNum = 0;
[code].....
I have writen this SWC component. If I run a test FLA from the same folder where the AS class is, it works. But if I install the component in the components folder and try to instantiate it from somewhere else (any folder but the one where the AS class is) I get the following error: ArgumentError:Error #1063: Argument count mismatch on MyComponent. Expected 0, got 4.
View 1 RepliesI have a component, in which I am trying to create a sprite the size of the stage. But stage is null:
var bg:Sprite = new Sprite();
this.addChild(bg);
bg.graphics.beginFill(0xFF0000);
bg.graphics.drawRect(0,0,stage.width,stage.height);
What am I missing here? If I put something similar in the document class, it works.
I'd like to get the actual height of a component after adding some children.
When inspecting the variables tab in debug mode, I see 2 different height variables:$height (which contains the correct value: 138) and height/_height (which contains a wrong value: 10).
I guess that the display is not updated and so I'm not getting the correct height using component.height, but how can I get the value in $height?
[Code]...
I have DataGrid with horizontal scrollbar. How can I get its visible width?
View 1 RepliesI am creating a custom Component using ActionScript 3. This Component have some properties that can be changed in the Component Inspector, and in this component i create a text field to show a message that the user define in this panel.
So far, works ok. But i want to give a chance to the user choose a font type to this text field, i found in the Component Definition, a option called "Font Name", with this option, you can select a type of font to use.
The problem is to recover this font in my Class of the component. I try to use the Font Class, but it seems that this class was not created for this. My question is: What Class i have to use to recover the selected font from the Font Name option. I try this:
var newFont:Font = "Arial";
[Inspectable(name="Font name", type = Font, defaultValue = "Arial")] public function set corPreloader(fonte:Font) { newFont = fonte; } public function get corPreloader():uint { return newFont; }
I'm in the process of creating a component for CS4 which uses a custom UI SWF in the component inspector. I read that the component inspector is being removed in CS5 and you will now access component properties in the properties panel. Will developers still be able to create a custom component UI in CS5?
View 7 RepliesIn my Main application I used label (like id=firstname) so we can use in main used firstname.text for databinding. But I have created canves custom component and load in main application using viewstack.In canves custom component how can I Bind label(id=firstname).I tried:var username:string = firstname.text but not show undefine firstname.How can I access all label and component in Main application to custom application.
View 1 Repliesis there any way to create a custom css value for a component and have it available to the skin class that component is using? for example, if i define this in a css file:
[Code]....
is there a way to make myCustomValue available in the PanelSkin ?
I'd like to add a progress bar to my image. The problem is that the image is in a custom component. In the Application, I make server call to get the pathway to the photo. I set photo1 in the Application. Please find below the custom component[code]...
View 1 RepliesI'm just getting started with custom events in a custom component. And I don't quite have the hang of it, yet. I've got a component with a button in it. When it's clicked, I want to call a function in the main app.
Custom Component:
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute" >
[code].....
I'm trying to build a custom FLV preloader for the FLV PLayback component, but every thread refers to using the NetStream.bytesLoaded (non-component FLV command). What are you supposed to do when using the FLVPlayback component??I tried this - but it didn't work. myVideo is the FLVPlayback component.
Code:
myVideo.getBytesLoaded = loadedBytes;
myVideo.getBytesTotal = totalBytes;
[code]......
I'm making a UI for a component in Flash. I wanted to use Flex and have had no luck getting the onUpdate exernalInterface call to fire properly. I'm referencing the functionality described here: [URL]. First off, I can't embed the SWF in the FLA. It just won't start the Flex SWF. Even using the external swf, it seems that the onUpdate function is either called too early or not at all. Here's what I've tried:
Tying the externalInterfce declaration to the initialize, preinitialize, applicationComplete, and creationComplete events. Sub-classing my application and putting the externalInterface in the constructor. Neither of these options work. When I create a basic AS3 project in Eclipse and put the externalInferface in the constructor, it works as expected.
I'm trying to figure out how to set a custom button component's parameters dynamically using actionscript. Can't seem to find any documentation on this. My custom button component has parameters named "Item ID", "Item Name", and "Item Price".
View 1 Replies