Let's say you have a large number (N) of spark buttons in your app. Let's also say that your buttons all have very similar skins (size, various effects, etc) - the only difference being the specific png that they use as their BitmapImage. Do you end up with N skin files, all differing by 1 line? Or is there a smarter way to do this while not adding a lot of code when you create the buttons in MXML (in fact, ideally, none).
View 1 RepliesI'm just starting out with Flex, and I want to customize a component (a HSlider) to have a gradient colored background that I can dynamically change Same functionality as a normal HSlider, except for the background.How should I approach this?
View 1 RepliesThis might seem a silly question but I am sitting here for a few hours wondering how I could change the text color for my components.
For example I have a DropDown Component and I change its skin (all the states) and put in a dark skin (I dragged the component on the stage and edited it). The text on the component, however is black and cannot be read. How could I change the component's text to white.
I need your opinion on best way of skinning components do you prefer raster or prosperity based styling like CSS? or maybe you like the Flash way of styling with IDE? Raster vs. Vector which many have mentioned, there is much of a complexity when applying custom skins to components.I know that the flash at its origin where designed to draw vector graphics, by i'm personaly not a huge fan of vector.Many bigger widget/application kits are based on using multiple bitmaps to draw their custom style onto regular components.Maybe this is the way to go? when building a custom framework i in a dead zone where i don't know which way to go, if should go with property styling or bitmap skinning. Bitmaps sounds more fun and more complex styles can be made with bitmaps including noise..Generally i want your opinion for implement the structure that to most developers/designer are comfortable with
For the past half year i have been working on my pride.Im under develop of a new cutting edge application platform. This enterprise application and the platform is build onto my custom developed as3 framework that handles much of what a modern (minimal) operation system does. Inspired by Gskinners (old) Flash OS (cant not post the link as signed to as.org today).
I was wondering what is considered to be a best practice when I have multiple components and use RemoteObject for AMF communication with a PHP backend.
Have the RemoteObject in the Main.mxml file with all the methods declared here (with handlers and all) and have all components call functions from the parentApplication, thus having a centralized result and fault handling, but making reusiability more difficult.Have a RemoteObject in each component with only the methods (and handlers) relevant to that component, thus making it easy to have clean, reusable components.
I wanted to ask if there is a possibility to have both strings and radiobuttons in one column depending on the value of another column perhaps|column1 | column 2 | |r | radiobutton||s | string |If there is an r in column 1 in column2 should appear a radiobutton, otherwise column 2 just shows a string.
View 2 RepliesI'm developing a Flex/AIR application that's growing big, and some of the components need to be seen from different points of view (i.e Admin, Staff, User, Guest). I've seen myself placing code in those components to handle what the user can and can't see. But it's becoming unmanageable as the code and the roles grow bigger. I was wondering what's the best way to implement multiple views inside the components while keeping them as reusable as possible.
What I'm doing right now:
<mx:HBox width="100%" horizontalAlign="right" visible="{_view == TS_VIEW || _view == PRJ_VIEW}"
includeInLayout="{_view == TS_VIEW || _view == PRJ_VIEW}">
<mx:Button label="Agregar" click="button1_clickHandler(event)"
enabled="{_state != ADDING_STATE && !_loading && _canAdd}"/>
</mx:HBox>
I have created a custom component that I am using, more conveniently, as a SkinnablePopUpContainer and I want to use the same function that calls and receives data from it for several Buttons in the UI. What is the best way to achieve this without having to create a new function for each button?
<fx:Script>
<![CDATA[
import spark.events.PopUpEvent;
[Code]....
If I embed the same asset (i.e. image or sound file) in multiple components within a Flex Application, does the compiled swf contain the asset (and it's file size) only once or once for each time it is embedded?
View 1 RepliesI recently completed a project for a custom report UI in Flex. Now, I've been tasked with creating a new application that is essentially a "lite" version of the original UI. It will include only a few of the options that are in the original application. Also, it needs to be a separate application.
I do not want to duplicate my code, so I am planning on moving a bunch of the classes from the original application to a new library that can be shared by both applications. However, I'm trying to figure out how to make this work in my MVC environment.
For example, I have an Accordion component that lets users filter several items. Each Accordion child is an instance of a custom component with two lists (one for entities available for selection, the other for the entities the user has selected). Each child component has properties bound to the Model and functions that call Cairngorm Events.[code]...
Anyone missed the old simple method for skinning a simple button?
CODE:
The problem im having is that, this method of creating a simple button with skin is being phased out : Infact it is no longer supported in flex 4.5 mobile projects.
So the question: Is there a simple way to perform this, with spark buttons (which is suppose to be the new way to go). As simple as possible.
Basically i only need a button with 2 images : down/over & up. And i want to keep the code as simple as possible : The new skinning methods, seems to really adds way too much lines for something that used to be as simple as the example above.
Do you know any flex component with the functionality such as horizontally collapsible window or panel I found arc90, but it folds vertically.
View 1 RepliesI am created a dynamically adding a VBox, that contains two images. Into a Custom Component that is derived from UIComponent. The problem is the Vbox that contains the two image is only a really tiny size. I would like the VBox stretch to the size of the two images. This is how I am creating the Vbox....
[Code]...
I'm using mx:WindowedApplication, I'm wondering how I can skin the title bar and close/minimize button for the window. I can see application like Pandora One is using it and setting transparency. Any pointer to a doc?
View 1 RepliesI have the Spark scroll bar in my application skinned the way I want where I use s|VScrollBar and then set skinClass: ClassReference(my skin class) in my CSS file. For my Halo scroll bar I have the skins set for each element of the scroll bar (arrows, thumb, track, etc.) but I want to have one central class like with the Spark scroll bar.
View 1 RepliesI am trying to programmatically skin a PopUpButton control in Flex Builder, but having no luck. As far as I know this requires writing a custom skin class or creating a modified version the control class itself (since the control is MX and not Spark). Again, just to clarify, I want to programmatically modify the appearance not simply set styling properties or display an image. I've been able to do this programmatically with other MX controls (e.g. tabs in a tab navigator), but not with the PopUpButton.I think part of the problem may be that the control is actually composed of two separate buttons, so you cannot draw just one rectangular area over the whole control.
View 1 RepliesIs it bad practice/design to nest components inside components using Flex 4? Should I simply be creating components and inserting them into my main application as below, or doesn't it matter?
<com:MyComp1>
<com:MyComp2>
<com:MyComp3>
[code]....
I am going to use a HSlider to set a range of values. I would like the left thumb to look like ( and the right thumb to lok like ) so they appear to encompass the range like (range) instead of |range|. I only know how to set the skin for SliderThumb which will set the skin for both. Does anyone know of a way to set a different skin for each thumb?
[Code]...
I am having some issues when trying to skin the scrollbar on a horizontalList with Degrafa. The scrollbar doesn't show up at all. I checked to see if the scrollbar is supposed to show up without the skinning, and it does.Here is some code:This is where I define the HorizontalList where I want a skinned scrollbar.[code]I am populating the HorizontalList with more items than are viewable, and like I said before the scrollbar shows up when I remove the skinning.
View 1 RepliesHow to skin spark List component so that every adjacent itemRenderer has different color (something like mx DataGrid)?
View 1 Replieshow to skin the datatip of a hslider component.
I have created a 3 skins with degrafa. One for the track, one for thumb and one for the datatip. I had no problem attaching the skins for the track and thumb of the hslider component. But how can i skin the datatip?
Need Detailed explanation on the difference between skinning, coloring and themes.
View 1 RepliesI've just started playing about with skinning and am finding it harder than anything else I've come across in Flex 4 Mobile. It needs to be done in actionscript as I am trying to skin a flex mobile button. Here is what I have so far: (It does very little, only changes the background color)
package skins {
import flash.display.GradientType;
import flash.geom.Matrix;
import mx.utils.ColorUtil;
import spark.components.supportClasses.StyleableTextField;
import spark.skins.mobile.ButtonSkin;
[Code] .....
There doesn't seem to be much in the way of documentation for skinning Flex mobile components purely in actionscript. How do we add a border for example?
I came across this piece of code and it intrigued me. I haven't seen skinning like this before. I'd like to know if there are any downsides and alternatives to it. For example, is it cpu intensive like addChild calls are?
<s:Button id="loginoutBtn" right="10" top="10" label="Log out" label.loggedout="Log in" skinClass.loggedin="skins.FBLogoutButtonSkin" skinClass.loggedout="skins.FBLoginButtonSkin" click.loggedin="logout()" click.loggedout="login()"/>
[code]........
In my project i used Accordion . if i add skin to Accordion then so error ? but i tried like
<mx:Accordion borderStyle="solid" width="212" height="346" upSkin="@Embed(source='image/UPDATE.png')" >
But shows error like Cannot resolve attribute 'upSkin' for component type mx.containers.Accordion. how can i add overskin,downskin,upskin to Accordion in flex ?
I am trying to load an swf file which has button skins as images (In the library of the swf file i have given export properties which is 'TickMark') and set the skin of a flex button using StyleManager.setStyleDeclaration.I am getting errors like 'Argument count mismatch on TickMark(). Expected 2, got 0.'This is what i am trying to do:
private function init():void
{
loader = new Loader();[code].....
If I use the class GraphicClass in setStyleDeclaration, it works... but basically I want it dynamically.Or there are other easy methods to skin (image) a flex button dynamically?
Using SDK 4.1 I was able to access custom properties of a custom button component from a custom skin. The project I'm currently working requires SDK 4.5 and I'm unable to to access the properties. Here's an example:
[Code]...
I am trying to understand how MVC works and have been able to build components using it. However, my understanding ends when I'm trying to combine these components into larger components. So for example I build a streetRacer class and it is composed of all the usual car parts and more. Inside my streetRacer class (which is considered the client in all of this, correct?) it would have parts like engine, tires, spoiler, etc. Now suppose the engine is created using MVC as are the tires and depending on the RPMs of the engine, that will change the speed at which the tires rotate. (I'm no mechanic and obviously this is highly simplified but I think it serves the example). Having said all that, how would the engine Model drive the tires to update it's view and model? Through the controller? And where would the relationship be set up? in the client?
View 0 Replieshow do you properly handle namespace collisions in SWC files if one SWC has fewer classes from that namespace than another?I have a rather large Flash application which I'm building in Flash Builder (because coding/debugging in the Flash IDE is.not good) and I've got a ton of external SWC files which I'm linking in to my application. This has worked well so far - the file size is on the large side, but it's a lot simpler than loading in SWFs, especially since I am extending most of the classes in each SWC and adding custom code that way (it's a very design-heavy app.) The problem I'm having is when I have Flash Components, like ComboBox or TextInput, in more than one SWC. Whichever SWC was compiled last will work fine, but the others will fail with errors like the following:
TypeError: Error #1034: Type Coercion failed: cannot convert flash.display::MovieClip@1f21adc1 to fl.controls.TextInput.
at flash.display::Sprite/constructChildren()
at flash.display::Sprite()
[code].....
I've been researching components, ComponentShim, etc. but I'm running up against a brick wall. I thought it might be the fact that some of the components had their skins modified in the source FLA, so I tried replacing them with the default skins. How can I ensure that I have the components imported and available to all my classes, yet still be able to skin them and include them in my various FLAs?
I am using several instances of the same custom component on the same SWF. The component is essentially just a textfield with special sizing requirements. I also have another "wrapper" component that deals with the info from the textfield components. I was initially planning on using the stage index to associate the data with the textfield component it came from. This became more complicated than I anticipated. When I trace from the wrapper i can't get the index of the textfield components. So I got it in the component code and sent it with the info to the wrapper via a custom event. The problem there is that i can't tell which component is which because they are indexed identically. I can also see the component shim as well as the textfield.I'm just really confused about how programmatic components work on the display list.
My main Question. Is there a better way to associate the info with the proper component? I guess that's my only question. Please point me in the right direction.
EDIT2: I created a dummy place-holder component that just draws a rectangle then at runtime replaces it with programmatically generated textfield component.