SPARK PROJECT.

Similar Questions

• Google map Api no matter who! in a spark component

  Just wondering if someone else were issues like me do? Weather I have to paste the code in my < s:Application or put my < s:Group there all just like it have tryied to play with the code they give, wondering if anyone else has had the same problem?

  Well I almost gave up on this one, but then realized that I could add this project as an mx + spark project! as I had only as a project of the spark that solved my problem

  took my 13 hrs to achieve

• Workflow (PS / I)-FC - FB

  Hello!

  I would like to know how will be the workflow between designers and developers with this great new tool called Flash Catalyst. I did a probably wrong schema of this workflow.

  

  I am worried about the possibility of working in both directions or parallel between Flash Catalyst and Flash Builder. I think that in the current version of flash catalyst is not possible to load a flex, even an application of components of any spark project based. I have a lot of doubts about her! xDDD

  Greetings!

  Gabri < U >

  Hi Gabiango,

  Nice diagram! You are right, that the workflow between Flash Catalyst 1.0 and Flash Builder is one-way; However, the team knows that going back and forth is very important for future releases. You can help promote this measure for future releases on this site: http://ideas.adobe.com/ct/s.bix?c=2A6DD08E-0D9F-4342-A27B-A76FEB84B29E

  Also, here are two articles of workflow, that you may find useful:

  http://www.Adobe.com/devnet/flashcatalyst/articles/flashbuilder_flashcatalyst_workflows.ht ml

  http://help.Adobe.com/en_US/flashcatalyst/CS/using/WS46537afc5008d12d-22e1d8812381cd77f5-8 000. HTML

  Kind regards

  Kim

• spark.formatters.NumberFormatter mobile project

  Hello

  I have a numberFormatter class action like this script:

  Import spark.formatters.NumberFormatter;

  private var format: NumberFormatter = new NumberFormatter();

  format = new NumberFormatter();

  format.setStyle ("local", "pt - BR");

  format.fractionalDigits = 2;

  format.format (value);

  When I use the flash builder Simulator in windows 7, the value appears nice ("1.990,90").

  But the problem is when I run the app on Android device the value appears to be "1.990,9".

  The last zero is missing...

  Any suggestions?

  I had to use:

  Import mx.formatters.NumberFormatter;

  format: var = new NumberFormatter NumberFormatter();

  format. Precision = 2;

  format.useThousandsSeparator = true;

  format.decimalSeparatorTo = ', ';

  format.thousandsSeparatorTo = '. ';

  format.rounding = NumberBaseRoundType.NEAREST;

  format.format (value);

  If the value is 500 appears 500.00

• Properties of the Spark component not accepted during the passage of Burrito to the official release (4.5)

  Hey guys,.

  My trial version of burrito passed since I decided to buy a copy of Flash Builder 4.5. Unfortunately I had problems spend my flex app of my Burrito build environment to my new Flash Builder 4.5 environment. I did the release swf = 10, forceAirVersion - 2.5 and add playbook_overide.swf to my build path. I then had to change the mobileapplication to a ViewNavigationApplication, he then complained about the _app.xml http://ns.adobe.com/air/application/2.5 "> so I changed it to http://ns.adobe.com/air/application/2.6" >, I don't think it was correct as my understanding is that the overide process was supposed to remove dependence on 2.6. ' "

  In any case the question that I am concerned more insofar as the majority of my user interface is as follows:

  "ContentBackgroundColor" style is only supported by the type "spark.components.NumericStepper" with the themes "spark."

  I get the above for different components spark such as text boxes, buttons, etc.

  Here is an example of this digital stepper which posed problems

  
  textAlign = "center" value = "1" borderColor = "#000000."
  chromeColor = "#1116B 3" contentBackgroundColor = '# 7222 7' / >

  Anyone encountered this issue or know a fix?

  Thanks in advance

  I think I solved this problem, it turns out that there are two spark a mobile theme and a theme spark, defining your mobile flex project on the "Spark" theme doesn't allow you to assign properties to the spark components. However if you are using the theme "Mobile spark" him vanish errors and it is no longer a problem.

  One thing to note, from a Burrito 4.5 does change the look of my spark components.

  Hope this save others some time!

  See you soon,.

• Spark is the substitution of the MX tab order... Probably something simple.

  Hello

  I have a large project with some legacy code that uses so a hodgepodge of spark and mx components.

  It's very well for the most part, they work side by side with only a few small problems as to remember the difference between removeChild and Microsoft.SqlServer.Management.Sdk.Sfc.ISfcCollection.RemoveElement etc..

  BUT...

  I have a complex, dynamically generated form that I should be able to tab between fields of integrated mx and time subject than I tab, no matter what I do, need me _OUT_ of the generated complex shape and plonks me in the first spark control there - usually the home button at the top left.

  This, I hasten to add, is really not a good user experience!

  I tried all the obvious things (tab activation, tab, etc.) but the spark just seems to replace everything, like say "why this dirty _old_ mx component would focus? he don't know even what to do with it? »

  So, please, does anyone have helpful advice on the integration of the mx components in the hierarchy of the development of tab?

  Thank you

  G

  hasFocusableChildren = true...

• Flex Library Project - including the ActionScript code in an MXML file

  I am new to flex so I apologize if this is common knowledge.

  Breast Flash Builder 4.5, I created a project 'Flex '. I created a folder named "components" and created two files in this folder. ((1) Page.mxml, PageAs.as) 2. In the Page.mxml file, I included the PageAs.as file using the < fx:Script source = "PageAs.as" / > script tag. "

  I save and run it. Everything works very well. No errors.

  Now, I create a "Flex library project', I create a folder named"components"and create two files in this folder. ((1) Page.mxml, PageAs.as) 2. Before I have a chance to include the PageAs.as file in my Page.mxml file I get the following error.

  "A file in a source path must have a definition that is visible from the outside. If a definition in the file is intended to be visible from the outside, please put the definition in a package. »

  Here, I'm a bit confused. I have created two different projects but created two structures of identical files in each project. Why it worked very well in the 'Flex' project but not in the "Flex library project" and is it possible to fix the error?

  Page.MXML

  <?xml version="1.0" encoding="utf-8"?>
    
  <s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
  
                    xmlns:s="library://ns.adobe.com/flex/spark"
                    xmlns:mx="library://ns.adobe.com/flex/mx"
  
            <fx:Script source="Page.designer.as" />
   </s:Group> 
  

  PageAS.as

  import mx.events.*
   
  function unusedFunction():void
  {
        
  }
  
  
  
  

  Go to project-> Properties-> Flex Library Build Path-> Classes (tab)

  Uncheck all of the actionscript files that are not actually classes, but rather an external import in one class (your MXML).

  Also, for the record, it is common to use lowercase letters for files includes actionscript and no real class. Camel case file names should be reserved for the class files...

• Skin - Having trouble finding some sparks itemimage

  Hey all,.

  I applied this solution to my project http://www.flex4fun.com/Ex/ComboBoxNew3/ComboBoxNew3.html except what I want to do is to display the image and not the text.

  In the skin for the above solution, I replaced it

  <s:TextInput id="textInput"

  left="0"right="18"top="0"bottom="0"

  skinClass="spark.skins.spark.ComboBoxTextInputSkin"/>

  with

  < s:Image source='{hostComponent.selectedItem.source}'/ >

  or

  " < s:Image source =" hostComponent.selectedItem.icon{}"/ > "

  
  

  
  

  I have a feeling that {hostComponent.selectedItem.source} does not work in my case because the source is in two parts, a label and an image.

  Anyone have any ideas when I select something in my combobox that image is only displayed in the bombobox label?

  Thanks for your time!

  Flex

  Found the solution

  http://flex4fun.com/2010/11/30/Flex4-DropDownList-display-icon-only/

• How to use the field, like an EmailValidator validators, in a Flash Catalyst project?

  After a contact form in Flash Catalyst, I added an EmailValidator in Flash Builder.

  Unfortunately, the validation error message is not visible: only the outline of the message box and the red outline around the input box.

  Is anyone has advice or suggestions how to make visible error text?

  Details:

  1. code snippets:

  in of <fx:Declarations> article:

  " < mx:EmailValidator id =""" "of theemailValidator

  source ="emailInput{}" property ="text"

  triggerEvent =""

  "requiredFieldError ="Email address is mandatory"

  "missingAtSignError ="Add the sign @, please' / >

  2. screenshot of the 'empty ': error message

  

  (the rectangle on the right side of the image to display an error message)

  Thanks for any help,

  Peter van der Post

  The issue is that Flash Catalyst uses the theme of the wire. Validators appear this way on this topic. What to do, once you have finished with the project, take back into Flash Builder and change the theme. This can be done in the framework of the project > properties > Flex theme > Spark

  I hope this helps.

  Chris

• The skin of the sparks - convert Flex 3 style

  I'm not asking to do a job for me but what would it take to convert the next spark in Flex 3 skin styles. Assuming that it is even remotely possible:

  <? XML version = "1.0" encoding = "utf-8"? >

  " < = xmlns:fx s:SparkSkin ' http://ns.Adobe.com/MXML/2009 "

  xmlns:s = "library://ns.adobe.com/flex/spark".

  minWidth = "85" minHeight = "27" alpha.disabled = "0.5"

  >

  < fx:Metadata >

  [HostComponent ("spark.components.Button")]

  < / fx:Metadata >

  < fx:Script >

  <! [CDATA]

  Import mx.events.StateChangeEvent;

  / * Set the skin elements that should not be colorized.

  For the button, the graphics are colorized but the label is not. */

  public static private const exclusions: Array = ["labelDisplay"];

  [Bindable] private var _fillHighAlphaOver:Number;

  [Bindable] private var _fillHighAlphaDown:Number;

  [Bindable] private var _fillLow:uint = 0 x 000000;

  [Bindable] private var _fillHigh:uint = 0xFFFFFF;

  [Bindable] private var _highlight1:uint = 0xFFFFFF;

  [Bindable] private var _highlight2:uint = 0xD8D8D8;

  [Bindable] private var _highlightDown1:uint = 0 x 000000;

  [Bindable] private var _highlightDown2:uint = 0 x 000000;

  [Bindable] private var _rollOverTextColor:uint = 0 x 333333;

  [Bindable] private var _selectedTextColor:uint = 0 x 333333;

  private var _borderColor:uint = 0 x 373830;

  private var hlight:Boolean;

  override public function get colorizeExclusions (): Array {return exclusions ;}

  override protected function initializationComplete (): void

  {

  useChromeColor = true;

  super.initializationComplete ();

  var rotc:uint = hostComponent.getStyle ("rolloverTextColor");

  {if (ROTC)}

  _rollOverTextColor = rotc;

  }

  var stc:uint = hostComponent.getStyle ("selectedTextColor");

  {if (STC)}

  _selectedTextColor = stc;

  }

  var fc:Array = hostComponent.getStyle ("fillColors");

  {if (CF)}

  fill1. Color = fc [0];

  fill2. Color = fc [1];

  }

  var bc:uint = hostComponent.getStyle ("borderColor");

  {if (BC)}

  _borderColor = bc;

  }

  var color: uint = hostComponent.getStyle("color");

  {if (Color)}

  labelDisplay.setStyle ("color", color);

  }

  var fl:uint = hostComponent.getStyle ("fillLow");

  var fh:uint = hostComponent.getStyle ("fillHigh");

  var fhs:Array = hostComponent.getStyle ("fillHighStrokes");

  var fhds:uint = hostComponent.getStyle ("fillHighDownStrokes");

  If (FL)

  _fillLow = fl;

  If (FH)

  _fillHigh = fh;

  {if (FHS)}

  fhs = _highlight1 [0];

  _highlight2 = fhs [1];

  }

  {if (FHDS)}

  _highlightDown1 = fhds;

  _highlightDown2 = fhds;

  }

  Border.visible = hostComponent.getStyle ("borderVisible");

  crttr = hostComponent.getStyle ("skinHighlight");

  }

  override protected function updateDisplayList (unscaledWidth:Number, unscaledHeight:Number): void

  {

  var cr:Number = value ("cornerRadius");

  If (cornerRadius! = cr)

  {

  cornerRadius = cr;

  shadow.radiusX = cornerRadius;

  fill.radiusX = cornerRadius;

  lowlight.radiusX = cornerRadius;

  highlight.radiusX = cornerRadius;

  border.radiusX = cornerRadius;

  }

  If (highlightStroke) highlightStroke.radiusX = cornerRadius;

  If (hldownstroke1) hldownstroke1.radiusX = cornerRadius;

  If (hldownstroke2) hldownstroke2.radiusX = cornerRadius;

  borderStroke.color = _borderColor;

  lowlight.visible = crttr;

  Highlight.visible = crttr;

  If (highlightStroke) highlightStroke.visible = crttr;

  If (hldownstroke1) hldownstroke1.visible = crttr;

  If (hldownstroke2) hldownstroke2.visible = crttr;

  super.updateDisplayList (unscaledWidth, unscaledHeight);

  }

  private var cornerRadius:Number = 2;

  []] >

  < / fx:Script >

  <! - States - >

  < s: states >

  < name s: State = "mounted" / >

  < name s: State = "over" / >

  < name s: State = "low" / >

  < name s: State = "disabled" / >

  < / s: states >

  <!--> drop shadow

  < s:Rect id = "shadow" left = "-1" right = "-1" high = low '-1' = '-1' radiusX = "2" >

  < s:fill >

  < s:LinearGradient rotation = "90" >

  "< s:GradientEntry color ="0x000000"color.down ="0xFFFFFF"alpha ="0.01"alpha.down =" 0 "/ >

  "< s:GradientEntry color ="0x000000"color.down ="0xFFFFFF"alpha ="0.07"alpha.down =" 0.5 "/ >

  < / s:LinearGradient >

  < / s:fill >

  < / s:Rect >

  <!-layer 2: fill->

  <!---@private-->

  < s:Rect id = "fill" left = "1" right = "1" top down = '1' = '1' radiusX = "2" >

  < s:fill >

  < s:LinearGradient rotation = "90" >

  < s:GradientEntry id = "fill1" color = "0x7B82C3" alpha = "0.85" alpha.down="0.6375"/ >

  < s:GradientEntry id = "fill2" color = "0x4378AA" alpha = "0.85" alpha.down="0.6375"/ >

  < / s:LinearGradient >

  < / s:fill >

  < / s:Rect >

  <!-layer 3: filling lowlight->

  <!---@private-->

  < s:Rect id = "lowlight" left = "1" right = "1" top down = '1' = '1' radiusX = "2" >

  < s:fill >

  < s:LinearGradient rotation '270' = >

  < s:GradientEntry id = "fillLow1" color = ratio "{_fillLow}" = "0,0" alpha = "0,0627" / >

  < s:GradientEntry id = "fillLow2" color = ratio "{_fillLow}" = "0.48" alpha = "0,0099" / >

  < s:GradientEntry id = "fillLow3" color = ratio "{_fillLow}" = "0.48001" alpha = "0" / >

  < / s:LinearGradient >

  < / s:fill >

  < / s:Rect >

  <!-layer 4: highlight of fill->

  <!---@private-->

  < s:Rect id = "highlight" left = "1" right = "1" top down = '1' = '1' radiusX = "2" >

  < s:fill >

  < s:LinearGradient rotation = "90" >

  < s:GradientEntry id = "fillHigh1" color = ratio "{_fillHigh}" = "0,0" alpha = "0.33" alpha.over = "0.22" alpha.down="0.12"/ > "

  "< s:GradientEntry id ="fillHigh2"color ratio"{_fillHigh}"= '0.48' = alpha = alpha.over =" 0.22 "0.33" "alpha.down =" 0.12 "/ >

  < s:GradientEntry id = "fillHigh3" color = ratio "{_fillHigh}" = "0.48001" alpha = "0" / >

  < / s:LinearGradient >

  < / s:fill >

  < / s:Rect >

  <!-layer 5: race to highlight (all States except down)->

  <!---@private-->

  < s:Rect id = "highlightStroke" left = right '1' = '1' top low = '1' = '1' = '2' = 'low' excludeFrom radiusX >

  < s:stroke >

  < s:LinearGradientStroke rotation = "90" weight = "1" >

  < s:GradientEntry id = 'highlight1' color = "{_highlight1}" alpha.over = "0.22" / > "

  < s:GradientEntry id = "highlight2" color = "{_highlight2}" alpha.over = "0.22" / > "

  < / s:LinearGradientStroke >

  < / s:stroke >

  < / s:Rect >

  <!-layer 6: highlight of the stroke (to the low State only)->

  <!---@private-->

  < s:Rect id = "hldownstroke1" left = "1" right = "1" top down = '1' = '1' radiusX = "2" includeIn = "bottom" >

  < s:stroke >

  < s:LinearGradientStroke rotation = "90" weight = "1" >

  < s:GradientEntry color = alpha "{_highlightDown1}" = "0.25" ratio = "0,0" / >

  < s:GradientEntry color = alpha "{_highlightDown1}" = "0.25" ratio = "0.001" / >

  < s:GradientEntry color = alpha "{_highlightDown1}" = "0.07" ratio = "0,0011" / >

  < s:GradientEntry color = alpha "{_highlightDown1}" = "0.07" ratio = "0.965" / >

  < s:GradientEntry color = alpha "{_highlightDown1}" = '0.00' ratio = "0.9651" / >

  < / s:LinearGradientStroke >

  < / s:stroke >

  < / s:Rect >

  < s:Rect id = "hldownstroke2" left = "2" right = "2" high low = '2' = '2' radiusX = "2" includeIn = "bottom" >

  < s:stroke >

  < s:LinearGradientStroke rotation = "90" weight = "1" >

  < s:GradientEntry color = alpha "{_highlightDown2}" = '0.09' ratio '0.0' = / >

  < s:GradientEntry = "{_highlightDown2}" alpha = "0.00" color ratio = "0.0001" / >

  < / s:LinearGradientStroke >

  < / s:stroke >

  < / s:Rect >

  <!-Layer 7: border - put it on top of the filling so it does not disappear when the scale is less than 1->

  <!---@private-->

  < s:Rect id = 'border' left right '0' is is '0' high = low "0" = "0" width = "100%" height = "100%" radiusX = "2" >

  < s:stroke >

  "< s:SolidColorStroke id ="borderStroke"color.over ="0x00FF00"weight ="1"alpha ="1"alpha.down =" 0.6375 "/ >

  <!-< s:LinearGradientStroke rotation = weight "90" = "1" >

  < s:GradientEntry id = "border1" alpha = "0.5625" alpha.down = "0.6375" / > "

  < s:GradientEntry id = "border2" alpha = "0.75" alpha.down = "0.85" / > "

  < / s:LinearGradientStroke >->

  < / s:stroke >

  < / s:Rect >

  <!-layer 8: text-->

  <! spark.components.supportClasses.ButtonBase #labelDisplay->---@copy

  < s:Label id = "labelDisplay".

  textAlign = "center".

  verticalAlign = "middle".

  maxDisplayedLines = "1".

  Color.over = "{_rollOverTextColor}" "

  Color.Down = "{_selectedTextColor}" "

  horizontalCenter = "0" = "1" Red

  left = "10" right = "10" top = low "2" = "2" >

  < / s:Label >

  < / s:SparkSkin >

  Appreciate any help.

  The sparkskins project.  In a folder of the Flex 4 sdk, there should be a record of frameworks/projects with several projects in it.

• Detect when stop user to scroll the list of the spark

  Hello.

  I have a spark list component mwith a horizontal provision, which I use to display a slideshow of images.

  The user can scroll the slides by clicking on the two buttons or by dragging them on the list (the project is mobile, but it will be also exported as air project).

  I need the slides is perfectly centered in the viewport (the list and each slide is 1024px width) and I want to avoid that two slides are partly shown.

  It is quite easy to achieve when I scroll with the buttons, because I always scroll in 1024px in time.

  Things become more difficult when the user makes a scrolling by dragging on the list (by performing a drag of the classic mouse, but also a gesture of shot on the mobile device), because it could leave the list in an 'intermediary' State in which the two blades are partially displayed.

  What I would like to know if there is some kind of event that is triggered when the user ceases to scroll, and then read the position of the roll so I can decide how to scroll to display only a single slide.

  do you know if there is such an event?

  Thanks in advance!

  Best regards

  Luca

  I think that you might be looking for touchInteractionEnd that is raised after the scroll animation is complete (http://opensource.adobe.com/wiki/display/flexsdk/Mobile+List%2C+Scroller+and+Touch)

• Sparks tree control: ETA?

  This question is for the SDK team:

  Is there an ETA for a spark-based tree control? The project that I'm trying is heavily based on the tree control. In the last 6 months I've tweaked and customize the control tree 60 ways to Sunday. It has exposed a number of problems and bugs in the control, and by all accounts, it seems that Adobe will not address these in the future.

  Every day I fight these issues with the tree. Simple stuff can be very difficult.

  I propose that the project be migrated to Flex 4, for many reasons. However, the question has been raised by the stakeholders, who are aware of the issues that we have struggled on the current control, is when the Spark version will be released. I don't have an answer.

  Thank you

  TJ Downes

  It won't in 4.5, probably the release after.

• spark vs mx controls

  I have a great application that was originally designed with Flex 3.  This project was at a standstill and when he was resurrected, I upgraded to Flex 4.  Most of my tests is always orders mx with an occasional spark label where I needed the return to the line.

  Due to the size of this app, I wonder if I should stay with mx controls or convert everything to spark controls?

  It is an internal application and will not have much if no count and should be relatively free of charge change, once the initial bugs are removed.

  The strange approach to release has only a small subset of the mx components in the library spark means you're often stuck using the two which I think kind of defeats, the purpose of counting benefits library spark of Flex 4 touts. Assuming that more component conversions will follow at some point, it really Incarose transition and can make it difficult to justify the move a project more.

  Spark is all about counting and not much. If you do not make use of his greatest asset, as you say, then why bother? Looks like it would be a waste of time for me.

• Preloader problem a Spark component (stuck for a few minutes)

  Hello world

  Before, I'm excited about the new FlashBuilder because of his support to rotationX. But I'm not happy with the default preloader. I think this http://pagcor.lbeldia.com website (I'll be happy to know your criticism on the design. I'm not good with that. hehe ) and the default preloader to the Spark component remains for several minutes (even if the progress bar is 100%) before playing the next clip. I also changed the theme component but still the same.

  I need your advice.

  Thank you in advance.

  Looks like it loads the unsigned RSL frame version. Do you have an export version? You have swz files in your bin-release folder?

  Can you access the project properties, build the path and watch the RSL settings? (Expand Flex SDK, framework.swc to watch the property URL of RSL)

  Unsigned RSL will always run slower because they are not cached by the flash player as signed those.

• Spark Combobox with dataprovider is empty

  There seems to be a bug when using a candle with an empty dataprovider combobox.  The idea is to have an empty combobox that adds all entries in the dataprovider for each group entered.  Attached is a simple project to demonstrate.  The first combobox has a dataprovider to the color 'Red', 'green', 'Blue' in it.  No matter what type in the box, whether it's an existing element or a new one, it displays in the label below.

  The second combobox has a dataprovider that is currently empty.  Anything by typing in the box and pressing on enter does absolutely nothing.  There is no way to get the value entered in the combobox control now.

  <?xml version="1.0" encoding="utf-8"?>
  <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark" 
        xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
   <fx:Declarations>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
   </fx:Declarations>
   <s:Panel x="10" y="10" width="250" height="200" title="Combobox with dataprovider">
    <s:ComboBox x="10" y="10" width="228" id="cbFull">
     <s:dataProvider>
      <s:ArrayCollection>
       <fx:String>Red</fx:String>
       <fx:String>Green</fx:String>
       <fx:String>Blue</fx:String>
      </s:ArrayCollection>
     </s:dataProvider>
    </s:ComboBox>
    <s:Label x="7" y="37" text="Selected Item: "/>
    <s:Label x="94" y="37" text="{cbFull.selectedItem}"/>
   </s:Panel>
   <s:Panel x="268" y="10" width="250" height="200" title="Combobox with empty dataprovider">
    <s:ComboBox x="10" y="10" width="228" id="cbEmpty">
     <s:dataProvider>
      <s:ArrayCollection/>
     </s:dataProvider>
    </s:ComboBox>
    <s:Label x="15" y="41" text="Selected Item: "/>
    <s:Label x="102" y="41" text="{cbEmpty.selectedItem}"/>
   </s:Panel>
  </s:Application>

  Fill out a bug with your test case report.