<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Armindo Cachada&#039;s Blog: Struts 2, Adobe Flex and ATG &#187; UI</title>
	<atom:link href="http://www.spltech.co.uk/blog/category/adobe-flex/ui/feed" rel="self" type="application/rss+xml" />
	<link>http://www.spltech.co.uk/blog</link>
	<description>In this blog I talk about Struts 2, Adobe Flex, JBOSS, ATG and other technologies.</description>
	<lastBuildDate>Sun, 14 Feb 2010 15:33:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Adding Drag and Drag functionality in Adobe Air</title>
		<link>http://www.spltech.co.uk/blog/adobe-flex/ui/adding-drag-and-drag-functionality-in-adobe-air</link>
		<comments>http://www.spltech.co.uk/blog/adobe-flex/ui/adding-drag-and-drag-functionality-in-adobe-air#comments</comments>
		<pubDate>Wed, 09 Sep 2009 16:18:34 +0000</pubDate>
		<dc:creator>Armindo Cachada</dc:creator>
				<category><![CDATA[Adobe Air]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[Adobe Flex]]></category>
		<category><![CDATA[drag and drop]]></category>
		<category><![CDATA[flex 3]]></category>

		<guid isPermaLink="false">http://www.spltech.co.uk/blog/?p=95</guid>
		<description><![CDATA[In this tutorial I will teach you step by step how to use the out of the box drag &#038; drop functionality provided by flex list controls.

Just some basic theory before we go into code. The drag &#038; drop process has three stages – initiation, dragging and dropping.

The initiation is when the user clicks on a flex component and keeps the button pressed. In this case the component that the user clicks on is the drag initiator. Any flex component that supports dragging will handle either the mouseDown() or mouseMove() event to initiate the drag &#038; drop operation. The event handler will then create a DragSource object which contains data related to the object being dragged. For example if you are dragging a file between two components, the DragSource object will contain a reference to a File object. Once the DragSource is constructed the DragManager.doDrag() method is called where the first argument is a reference to the object that initiated the drag, the second argument is the DragSource object and the third argument is a reference to the mouse event that called the event handler. There is a fourth optional argument that allows to specify a drag proxy that may be used to represent the object being dragged on the screen(e.g. a semi-transparent version of the drag initiator)

In the Dragging stage the user moves the flex component across the screen up to the drop target. If you specify a drag proxy image, that is what is shown on the screen when dragging the component. If not specified a rectangle will be shown instead.

In the dropping stage when the component being dragged arrives to a potential drop target, a dragEnter event is raised. The event handler that handles this event should check whether the DragSource object contains data that is of an acceptable format.  If that’s the case then DragManager.acceptDragDrop() is called indicating that the drop target is happy in accepting the dragged data.]]></description>
		<wfw:commentRss>http://www.spltech.co.uk/blog/adobe-flex/ui/adding-drag-and-drag-functionality-in-adobe-air/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to apply effects to components inside containers with automated layout</title>
		<link>http://www.spltech.co.uk/blog/adobe-flex/ui/effects/how-to-apply-effects-to-components-inside-containers-with-automated-layout</link>
		<comments>http://www.spltech.co.uk/blog/adobe-flex/ui/effects/how-to-apply-effects-to-components-inside-containers-with-automated-layout#comments</comments>
		<pubDate>Sat, 05 Sep 2009 21:57:19 +0000</pubDate>
		<dc:creator>Armindo Cachada</dc:creator>
				<category><![CDATA[Effects]]></category>

		<guid isPermaLink="false">http://www.spltech.co.uk/blog/?p=42</guid>
		<description><![CDATA[In this tutorial I will explain how to apply a tween effect to a component inside a container with automated layout. 
Containers like VBox, HBox, Panel(except for layout=absolute), Grid, &#8230; automatically position items for you.
Lets try to apply a Move effect to a Button inside a VBox:

&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:Application xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34; layout=&#34;absolute&#34; height=&#34;500&#34; width=&#34;500&#34;&#62;
&#60;mx:Script&#62;
 &#60;![CDATA[
  [...]]]></description>
		<wfw:commentRss>http://www.spltech.co.uk/blog/adobe-flex/ui/effects/how-to-apply-effects-to-components-inside-containers-with-automated-layout/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The DisplayObject Blend Mode</title>
		<link>http://www.spltech.co.uk/blog/adobe-flex/ui/the-displayobject-blend-mode</link>
		<comments>http://www.spltech.co.uk/blog/adobe-flex/ui/the-displayobject-blend-mode#comments</comments>
		<pubDate>Mon, 31 Aug 2009 12:23:58 +0000</pubDate>
		<dc:creator>Armindo Cachada</dc:creator>
				<category><![CDATA[UI]]></category>
		<category><![CDATA[blendMode]]></category>
		<category><![CDATA[DisplayObject]]></category>
		<category><![CDATA[flex 3]]></category>

		<guid isPermaLink="false">http://www.spltech.co.uk/blog/?p=49</guid>
		<description><![CDATA[The blend mode controls what happens when one display object is on top of another. The default setting in Adobe Flex is that the pixels of a display object override those that are displayed in the background. However you can change this behavior by modifying the blendMode setting. Read the language reference entry for DisplayObject. [...]]]></description>
		<wfw:commentRss>http://www.spltech.co.uk/blog/adobe-flex/ui/the-displayobject-blend-mode/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to use verticalCenter and horizontalCenter in a container with absolute layout</title>
		<link>http://www.spltech.co.uk/blog/adobe-flex/ui/how-to-use-verticalcenter-and-horizontalcenter-in-a-container-with-absolute-layout</link>
		<comments>http://www.spltech.co.uk/blog/adobe-flex/ui/how-to-use-verticalcenter-and-horizontalcenter-in-a-container-with-absolute-layout#comments</comments>
		<pubDate>Mon, 31 Aug 2009 12:19:38 +0000</pubDate>
		<dc:creator>Armindo Cachada</dc:creator>
				<category><![CDATA[UI]]></category>
		<category><![CDATA[absolute]]></category>
		<category><![CDATA[constraint]]></category>
		<category><![CDATA[flex 3]]></category>
		<category><![CDATA[horizontalCenter]]></category>
		<category><![CDATA[verticalCenter]]></category>

		<guid isPermaLink="false">http://www.spltech.co.uk/blog/?p=43</guid>
		<description><![CDATA[In this tutorial I will explain how you can use the verticalCenter and horizontalCenter constraints in a container with absolute layout.
At this stage you probably already figured out how to use the left, right, top, bottom constraints. But what about horizontalCenter and verticalCenter?
horizontalCenter is the distance from the center of the container in the horizontal [...]]]></description>
		<wfw:commentRss>http://www.spltech.co.uk/blog/adobe-flex/ui/how-to-use-verticalcenter-and-horizontalcenter-in-a-container-with-absolute-layout/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating a countdown clock with Timer</title>
		<link>http://www.spltech.co.uk/blog/adobe-flex/ui/creating-a-countdown-clock-with-timer</link>
		<comments>http://www.spltech.co.uk/blog/adobe-flex/ui/creating-a-countdown-clock-with-timer#comments</comments>
		<pubDate>Mon, 31 Aug 2009 12:11:55 +0000</pubDate>
		<dc:creator>Armindo Cachada</dc:creator>
				<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.spltech.co.uk/blog/?p=35</guid>
		<description><![CDATA[Are you trying to find a quick and easy way of creating a countdown clock in Adobe Flex. Don&#8217;t look any further. I&#8217;ll go straight to the point:
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:Application xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34; layout=&#34;absolute&#34; creationComplete=&#34;creationComplete()&#34;&#62;
 &#60;mx:Script&#62;
 &#60;![CDATA[
  import mx.controls.Alert;
  [Bindable]
  private var n_seconds_left:int=30;
  private var timer:Timer;

  /**
   * Initialises the [...]]]></description>
		<wfw:commentRss>http://www.spltech.co.uk/blog/adobe-flex/ui/creating-a-countdown-clock-with-timer/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe Flex 3 UI Components Lifecycle</title>
		<link>http://www.spltech.co.uk/blog/adobe-flex/ui/adobe-flex-3-ui-components-lifecycle</link>
		<comments>http://www.spltech.co.uk/blog/adobe-flex/ui/adobe-flex-3-ui-components-lifecycle#comments</comments>
		<pubDate>Mon, 31 Aug 2009 11:38:41 +0000</pubDate>
		<dc:creator>Armindo Cachada</dc:creator>
				<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.spltech.co.uk/blog/?p=15</guid>
		<description><![CDATA[In adobe flex 3 there are certain events that are called when a component is created.
These events are raised in the following order:
1) preInitialize: This event is raised when the component has just been created but none of the child components exist. 
2) initialize: This event is raised after the component and all its children [...]]]></description>
		<wfw:commentRss>http://www.spltech.co.uk/blog/adobe-flex/ui/adobe-flex-3-ui-components-lifecycle/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

