Feathers UI 扩展实例 For Starling Framework

package com.renaun.controls

{
import feathers.controls.Label;
import feathers.core.FeathersControl;
import starling.display.DisplayObject;

public class Group extends FeathersControl
{
    public function Group()
    {
        super();
    
    }
    
    protected var children:Vector.<FeathersControl> = new Vector.<FeathersControl>();
    protected var childrenPercentValues:Vector.<int> = new Vector.<int>();

    protected var explicitTotal:Number;

    protected var percentTotalValue:Number;
    
    protected var isValid:Boolean = false;

    protected var isFirstTime:Boolean = false;

    /**
     *  Currently you have to add items in order, there is not addLayoutItemAt.
     * 
     *  @param item The target item you want to add to this group, add in order
     *      @param percentHeight The percent value of the VGroup's height. 100 = 100%, and if the total percent is> 100 it will be scaled by the value/totalPrecents.
     */
    public function addLayoutItem(item:FeathersControl, percentValue:int = -1):void
    {
        addChild(item);
        children.push(item);
        item.onResize.add(resizeHandler);
        childrenPercentValues.push(percentValue);
        measure();
        invalidate();
    }
    
    override protected function initialize():void
    {
        //trace("init");
        super.initialize();
        isFirstTime = true;
    }
    
    protected function measure():void
    {
    }
    
    protected function resizeHandler(target:FeathersControl, oldWidth:Number, oldHeight:Number):void
    {
        /*
        if (target is Label)
            trace("resizeHandler2["+(target as Label).text+"]: " + oldWidth + " - " + width);
        else
        trace("resizeHandler2["+target+"]: " + oldWidth + " - " + width);
        */
        isValid = false;
        invalidate();
    }
    
}
}

package com.renaun.controls
{
import feathers.core.FeathersControl;
import starling.display.DisplayObject;

public class VGroup extends Group
{
    public function VGroup()
    {
        super();
    
    }

    public var gap:int = 8;
    public var paddingLeft:int = 8;
    public var paddingRight:int = 8;
    public var paddingTop:int = 8;
    public var paddingBottom:int = 8;
    
    override protected function measure():void
    {
        var item:DisplayObject;
        explicitTotal = -gap;
        percentTotalValue = 0;
        var i:int;
        for (i = 0; i <children.length; i++)
        {
            item = children[i];
            if (childrenPercentValues[i]> 0)
                percentTotalValue += childrenPercentValues[i];
            else
            {
            
                if (item is FeathersControl)
                {
                    //item.height = (item as BitmapFontTextRenderer).measureText().y;
                    (item as FeathersControl).validate();
                }
                explicitTotal = explicitTotal + item.height;
            }      
            explicitTotal += gap;
        }
        isValid = true;
    }
    
    override protected function draw():void
    {
        // Delay items width/height are still not valid inside initalize method so have to wait for draw
        if (isFirstTime)
        {
            measure();
            isFirstTime = false;
        }
        var availableHeightForPercents:Number = explicitHeight - explicitTotal - paddingTop - paddingBottom;
        //trace("availableHeightForPercents: " + availableHeightForPercents + " - " + explicitTotal + " - " + explicitHeight);
        // Make smaller if the percents add up more then 100
        if (percentTotalValue> 100)
            availableHeightForPercents = availableHeightForPercents / (percentTotalValue / 100);
        
        //trace("percentTotalValue: " + percentTotalValue + " aHFP: " + availableHeightForPercents + " - " + explicitTotal + " - " + explicitHeight);
        var percentHeightValue:int = 0;
        var lastHeight:int = 0;
        var i:int;
        var item:DisplayObject;
        for (i = 0; i <children.length; i++)
        {
            item = children[i];
            // Set Y
            item.y = lastHeight + paddingTop;
            if (childrenPercentValues[i]> 0)
            {
                percentHeightValue = childrenPercentValues[i];
                // Set HEIGHT
                item.height = int(availableHeightForPercents * percentHeightValue / 100);
            }
            lastHeight += item.height + gap;
            
            // Set X
            item.x = paddingLeft;
            // Set WIDTH
            item.width = explicitWidth - paddingLeft - paddingRight;
            //trace("lastHeight : " + lastHeight);
        }
    }
}
}

var vgroup:VGroup = new VGroup();
vgroup.addLayoutItem(renderer);
vgroup.addLayoutItem(list, 100);
vgroup.addLayoutItem(appCountLabel);

addChild(vgroup);

转自：http://renaun.com/blog/2012/10/playing-with-feathers-ui-components-for-starling-framework/