19510 readersOne of the components missing from the Spark component set is the ViewStack. Generally, I have not missed this component when creating Flex 4 applications because I tend to favor using skin states where I would have normally used a ViewStack in Flex 3 applications. That, and if I really need a ViewStack, I don't
4548 readersOne of the most basic ways to improve the feel of a Flex application, is to add transitions and effects when a change in the viewstack occurs. Here is an example of the code using the “showEffect” and “hideEffect” property on the NavigatorContent class. <mx:ViewStack id=”vs” width=”100%” height=”100%”> <fx:Script> <![CDATA[ import spark.effects.Wipe; ]]> </fx:Script> <s:NavigatorContent
7714 readersThis was a major pain in the ass back in Flex 3. And I still think it would be great if the <TextArea> had a property to automatically set it’s height to it’s content height. But, at least the code below comes close to fixing the issue. Perhaps someone smarter than me ( cough Ely
4878 readersThe following example shows how you can set an explicit height on the Spark Application container control bar by setting the height property on the controlBarGroup skin part. By default the control bar sizes itself to its content, so I don’t really recommend setting an explicit height unless you really want to. <?xml version="1.0" encoding="utf-8"?>
3738 readersThe SkinnableViewStack is nearly identical to my ViewStack component except that it extends SkinnableContainer, rather than my DeferredContentGroup, to support skins. My use-case for a skinnable version of the ViewStack is when defining views or components that need to have ViewStack-like functionality, but also include chrome (think of a wizard component). One could simply define
13174 readersThe following example shows how you can set the header height on a Spark Panel container in Flex 4 by setting the height property on the Panel container’s titleDisplay skin part. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/07/25/setting-the-header-height-on-a-spark-panel-container-in-flex-4/ --> <s:Application name="Spark_Panel_titleDisplay_height_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"> <s:controlBarContent> <mx:Form styleName="plain"> <mx:FormItem label="titleDisplay height:"> <s:HSlider id="sl" minimum="20" maximum="100" change="pnl.titleDisplay.height = sl.value;"
9522 readersThe following example shows how you can create a custom RadioButton based skin on the Spark TabBar control in Flex 4 by setting the skinClass style. <?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2010/10/10/creating-a-custom-skin-on-the-spark-tabbar-control-in-flex-4/ --> <s:Application name="Spark_TabBar_skinClass_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"> <s:VGroup horizontalAlign="center" horizontalCenter="0" verticalCenter="0"> <mx:ViewStack id="vs" width="300" height="100"> <s:NavigatorContent label="One" backgroundColor="red" width="100%" height="100%" /> <s:NavigatorContent label="Two" backgroundColor="haloOrange"
5294 readersIn Flex 4 there isn’t an alternative for the Flex 3 ViewStack navigation container, which we can use for browser history integration. Luckily, Flex 3 components should work in Flex 4, but there are two issues with the ViewStack container. One of those issues is that browser history integration isn’t working. In this article I’ll
3174 readersPerhaps you’ve already heard of FFDmag. If not we’ll explain why you should give it a try. FFDmag is a Flash & Flex developer’s magazine. It shares the tips and tricks every Flash and Flex developer should know. It’s also important to mention that this online magazine is available free of charge and each issue covers
9540 readers15 teams will develop 15 AIR applications. They only have 24 hours. Follow them on adobeairchallenge.com
Empowering, Informing, Connecting Creative Professionals™
The Workflow Network is a collection of Websites, services, and communities built to Empower, Inform, and Connect Creative Professionals. The websites in the Network cover a broad range of topics, services, and functions for creative professionals of many disciplines.