<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" title="{data.title}" xmlns:components="components.*">
<fx:Script>
<![CDATA[
import flash.net.navigateToURL;
import views.SnippetView;
protected function cb_changeHandler(event:Event):void
{
bi.visible = cb.selected ? false : true;
}
]]>
</fx:Script>
<s:navigationContent>
<s:Button label="Snippet" click="navigator.pushView(views.SnippetView,data)"/>
<s:Button label="Tutorial" click="navigateToURL(new URLRequest(data.tutorial))"/>
</s:navigationContent>
<s:VGroup gap="20" paddingTop="15" paddingLeft="15" width="{this.width}">
<s:Label text="Here is the busy indicator component:"/>
<s:BusyIndicator id="bi" width="{slider.value}" height="{slider.value}"/>
<s:Label text="Change its size thanks to the slider component:"/>
<s:HSlider id="slider" minimum="25" maximum="100" value="40"/>
<s:Label text="Show or hide the component using the check box:"/>
<s:CheckBox id="cb" label="Hide" change="cb_changeHandler(event)"/>
</s:VGroup>
<components:QuestionBlock bottom="40" horizontalCenter="0" questionData="{data}"/>
</s:View>