<?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">

    <s:layout>
        <s:VerticalLayout/>
    </s:layout>

    <s:Group width="200" height="200">
        <s:layout>
            <s:BasicLayout/>
        </s:layout>

        <s:Rect id="one" width="100" height="100">
            <s:fill>
                <s:SolidColor color="0xff0000" alpha=".5"/>
            </s:fill>
        </s:Rect>

        <s:Rect id="two" width="100" height="{50}" y="{one.y+one.height-two.height}">
            <s:stroke>
                <s:SolidColorStroke/>
            </s:stroke>
            <s:fill>
                <s:SolidColor color="0x00ff00" alpha=".5"/>
            </s:fill>
        </s:Rect>

    </s:Group>

    <s:HGroup>
        <s:VSlider id="vs" minimum="10" maximum="100" value="50"/>
        <s:Button label="fontChangin" width="{vs.value}" height="{vs.value}" fontSize="{vs.value/10}"/>
    </s:HGroup>

</s:Application>