I'm trying to put my components in a window container that can be closed by "x" moved on the stage, resized and so on. And I wonder which is the best way to do it. I want to use a skin class and the component class. The "solution" that is not working looks like this
[Code]...
I'm extending the Flex 3 panel component. I need to figure out the width of the title's text. Because, title is a private variable in panel, I can't access it via title.width.I know the font, fontsize (14), and length of the title (which will vary). Knowing this info is there a way to calculate how many pixels wide the title is?
View 1 RepliesI have a custom Flex 4+ component that I am trying to make and have the skin be aware of changes to a custom property. This property will determine the graphic on the button (and some other visual changes) but the data will change constantly as it will be updated by a timer.
I've looked at untold examples and still seem unable to get the syntax correct or discover how things should be separated. I've looked at overriding commitProperties and the PropertyChangeEvent without success. So I have two questions.
1) How can I get a skin to be notified of a bound property when it changes?
2) If the data for a bound property of the component is an object, will binding work properly if a property of the object changes (or would it be better to pass each property separately)?
[Code]...
How do you set the default value of skinClass for a custom component in Flex? I've extended the DropDownList with my custom component, but I would like to specify a default skin to go with it instead of always setting the skinClass value for each instance.
View 1 Repliesi am trying to create a custom skin for my FLV component in CS5 ..but adobe's fla files have errors when i decompile...I get this error...
Actionscript Code:
Error 1046: Type was not found or was not a compile - time constant : NetStreamPlayOtions
When i do publish flash does recognise the custom.swf skin...when i do add it in my movie though i get this error
Actionscript Code:
Error #2044: Unhandled skinError:. text=Error #1009: Cannot access a property or method of a null object reference.
I am adding a tab navigator to a title window here. Once the title window is closed, it can be reopened using the button.But on opening the title window second time in this manner ,the content of the children of the Tab navigator(here, a label) is not visible.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()"
<mx:TabNavigator x="68" y="68" width="200" height="200" id="tabNavig" historyManagementEnabled="false">[code]....
I'm struggling to get around an error that is constantly thrown in my application when I press the tab key.
I have a modal dialog box that contains a form with 3 form items. Whenever I press the tab button flex throws an error saying
"ArgumentError: Error #2025: The supplied DisplayObject must be a child of the caller."
I've tried setting up a focus manager in the initilize handler of my title window to no avail
private function init(e:FlexEvent):void
{
focus=new FocusManager(myform);
focus.setFocus(firsttextfield);
[Code]....
I want to add a context menu with a datagrid which is in a title window, after adding it nothing happens.
[Code]...
I am calling init function on creationComplete event of title window.
Despite adding: source="myScript.as" (that basically feeds the main.mxml file)
to my TitleWindow component MXML file (which I instantiate from the main.mxml file) the variables defined in myScript.as appear to be null hence I can't populate my text fields in the title window, even though those variables work fine in the main.mxml.
has anyone made a Custom Skin for a TileList component in Flash CS5. I want to change the scrollbar of the TileList, i want the track bar as just a thin white line and the thumb a orange circle, this for a Touch Interface.
View 1 RepliesI have a flex 3 application with 2 titlewindows. When I compile it with the flex 4.1 sdk in flash builder, the titlewindows show up as mirror images of themselves with all text invisible (i.e alpha = 0).
View 1 RepliesThe flex title window component is nice and all, but before it shows up it insists on blurring out the background of your window if it's set to modal. What if I want it to just show up immediately or at least speed it up so that the user doesn't have to wait around to enter data. Am I going to have to build a custom component based on TitleWindow to get this or not have it be modal? If I were to do that could I extend current TitleWindow or just copy out the source directly?
View 2 RepliesI have a strange issue- I use a title window to create a message to the user. The user has the ability to move the title window around the screen so that the main screen is visible.However if the user were to move the title window way too much, it can actually go outside the browser accessible area- the user has no option but to close the browser and start again. How do we ensure that the title window movement is limited, such that the title bar is always available for control?
I might not have worded this right- pls check the attached image.
Flex 4 Spark component Panel - Hide Title Bar I have used Spark panel to display the object inside a container. The panel and the inside elements are created dynamically. (using ActionScript). I need to remove the title bar of the panel in actionscript. When i tried to remove that, i am unable to hide the same. Tried below ways.
[Code]...
I have a SkinnableContainer that I would like to add a border to. I have already created a skin class that creates a 1 pixel border around all four sides of the container successfully, however, I would like the border to only be for the top and bottom of the container, not the sides (left, right). How can I achieve such a thing? I have attached my current skin class.
<?xml version="1.0" encoding="utf-8"?>
<!-- containerssparkmySkinsMyBorderSkin.mxml -->
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"
[code]....
I have built a basic theme for my Flex app. I would like to add support for additional predefined themes. By default, app has a theme and I would like it to change when user selects a theme from dropdown list. This can be done by loading a swf file using styleManager. However, all the skins have colors hard-coded in them. So, in order to achieve this I would have to duplicate skins and change value of the colors.
Is there a better way of doing this? Can I just have a skin that will change color values dynamically based on user selection?
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]...
I'm trying to skin the Scroller in my application so that it looks like the example mentioned in [URL] This example was done in Flex 3 and images are set in CSS. I tried to create a skin for the component Scroller and saw that it uses VScrollBar and HScrollBar. I tried to put skins for these components. VScrollBar uses separate skins for the track, thumb, decrement/increment buttons. I tried to make some changes in the skin, but they were not reflected at all in the application. I just want to create a customized scroll bar in Flex 4 with custom thumbs.
View 2 RepliesI'm trying to create a simple skin for the flex progressbar control. Both the track and the bar should have rounded corners, and the bar should fill the track completely in the parts where it is being shown.
Here is the bar skin I've created based off this example:
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin
xmlns:fx="http://ns.adobe.com/mxml/2009"
[Code]....
Instead of the bar being flush with the track, there's a margin, and the rounded border gets cut off.
I wanted to change the background color of my Panel title area and I discovered that I needed to create custom skin or skin extender to accomplish this. So I created a skin called myPanelSkin based upon the Spark.PanelSkin. My background color works fine but it will no longer show the cornerRadius defined either on the component or in a styleI then tried another approach and simply created a new skin as an exact copy of the Spark.PanelSkin. It also looses the cornerRadius.
View 2 RepliesIs there a way to declare a skin inline in a Flex 4 MXML Component? If not inline in the component then in the declarations or library tag?
View 1 RepliesI have a panel with a custom skin whose height is smaller than its hostcomponent's height. When I layout this out in a vgroup, the component's size doesn't reflect the skin's smaller size.
Is there a way to completely delegate the size of a container to the skin class?
I want to use a Spark ComboBox with numerous MX Components but the Spark ComboBox does not look the same as the MX Components. Is there a skin I can use to Skin Spark components like MX components?
[Code]...
I use a flex mx:datagrid. I can set the headerBackgroundSkin to specify a skin or a picture to be displayed in all datagrid column's headers and it works just fine !
The problem is I can't find any way to specify a custom skin for the currently sorted column (doesn't matter if the sort is asc or desc, this is just to show the user which column is currently sorted).
I also tried to create a custom headerRenderer for each column but it is quite complicated and doesn't work very well.
I have been looking for the solution for a while but I can't find a good approach to do it. It sounds like a very basic need for me...incredible it is so complicated to achieve with Flex !!
I noticed someone was looking for the same thing few years ago but without success... [URL]
In 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'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?
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]......
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?
ADOBE SYSTEMS INCORPORATED Copyright 2008 Adobe Systems Incorporated All Rights Reserved. NOTICE: Adobe permits you to use, modify, and distribute this file in accordance with the terms of the license agreement accompanying it.
[Code]...