frameworks/projects/mobiletheme/src/spark/skins/mobile/BeveledActionButtonSkin.as

////////////////////////////////////////////////////////////////////////////////
//
//  Licensed to the Apache Software Foundation (ASF) under one or more
//  contributor license agreements.  See the NOTICE file distributed with
//  this work for additional information regarding copyright ownership.
//  The ASF licenses this file to You under the Apache License, Version 2.0
//  (the "License"); you may not use this file except in compliance with
//  the License.  You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
//  Unless required by applicable law or agreed to in writing, software
//  distributed under the License is distributed on an "AS IS" BASIS,
//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//  See the License for the specific language governing permissions and
//  limitations under the License.
//
////////////////////////////////////////////////////////////////////////////////

package spark.skins.mobile
{
import flash.display.DisplayObject;
import flash.display.Graphics;

import mx.core.DPIClassification;
import mx.core.mx_internal;

import spark.skins.mobile.supportClasses.MobileSkin;
import spark.skins.mobile120.assets.BeveledActionButton_down;
import spark.skins.mobile120.assets.BeveledActionButton_fill;
import spark.skins.mobile120.assets.BeveledActionButton_up;
import spark.skins.mobile160.assets.BeveledActionButton_down;
import spark.skins.mobile160.assets.BeveledActionButton_fill;
import spark.skins.mobile160.assets.BeveledActionButton_up;
import spark.skins.mobile240.assets.BeveledActionButton_down;
import spark.skins.mobile240.assets.BeveledActionButton_fill;
import spark.skins.mobile240.assets.BeveledActionButton_up;
import spark.skins.mobile320.assets.BeveledActionButton_down;
import spark.skins.mobile320.assets.BeveledActionButton_fill;
import spark.skins.mobile320.assets.BeveledActionButton_up;
import spark.skins.mobile480.assets.BeveledActionButton_down;
import spark.skins.mobile480.assets.BeveledActionButton_fill;
import spark.skins.mobile480.assets.BeveledActionButton_up;
import spark.skins.mobile640.assets.BeveledActionButton_down;
import spark.skins.mobile640.assets.BeveledActionButton_fill;
import spark.skins.mobile640.assets.BeveledActionButton_up;


use namespace mx_internal;

/**
 *  iOS-styled ActionBar Button skin for use in the actionContent
 *  skinPart.
 * 
 *  @see spark.components.ActionBar#actionContent
 * 
 *  @langversion 3.0
 *  @playerversion Flash 10
 *  @playerversion AIR 2.5 
 *  @productversion Flex 4.5
 */
public class BeveledActionButtonSkin extends ButtonSkin
{
    
    //--------------------------------------------------------------------------
    //
    //  Constructor
    //
    //--------------------------------------------------------------------------
    
    /**
     *  Constructor.
     * 
     *  @langversion 3.0
     *  @playerversion Flash 10
     *  @playerversion AIR 2.5 
     *  @productversion Flex 4.5
     * 
     */
    public function BeveledActionButtonSkin()
    {
        super();
        
        switch (applicationDPI)
        {
			case DPIClassification.DPI_640:
			{
				// Note provisional may need changes
				layoutBorderSize = 0;
				layoutPaddingTop = 0;
				layoutPaddingBottom = 0;
				layoutPaddingLeft = 40;
				layoutPaddingRight = 40;
				measuredDefaultWidth = 108;
				measuredDefaultHeight = 108;
				
				upBorderSkin = spark.skins.mobile640.assets.BeveledActionButton_up;
				downBorderSkin = spark.skins.mobile640.assets.BeveledActionButton_down;
				fillClass = spark.skins.mobile640.assets.BeveledActionButton_fill;
				
				break;
			}
			case DPIClassification.DPI_480:
			{
				// Note provisional may need changes
				layoutBorderSize = 0;
				layoutPaddingTop = 0;
				layoutPaddingBottom = 0;
				layoutPaddingLeft = 30;
				layoutPaddingRight = 30;
				measuredDefaultWidth = 84;
				measuredDefaultHeight = 84;
				
				upBorderSkin = spark.skins.mobile240.assets.BeveledActionButton_up;
				downBorderSkin = spark.skins.mobile240.assets.BeveledActionButton_down;
				fillClass = spark.skins.mobile240.assets.BeveledActionButton_fill;
				
				break;
			}
            case DPIClassification.DPI_320:
            {
                layoutBorderSize = 0;
                layoutPaddingTop = 0;
                layoutPaddingBottom = 0;
                layoutPaddingLeft = 20;
                layoutPaddingRight = 20;
                measuredDefaultWidth = 54;
                measuredDefaultHeight = 54;
                
                upBorderSkin = spark.skins.mobile320.assets.BeveledActionButton_up;
                downBorderSkin = spark.skins.mobile320.assets.BeveledActionButton_down;
                fillClass = spark.skins.mobile320.assets.BeveledActionButton_fill;
                
                break;
            }
			case DPIClassification.DPI_240:
			{
				layoutBorderSize = 0;
				layoutPaddingTop = 0;
				layoutPaddingBottom = 0;
				layoutPaddingLeft = 15;
				layoutPaddingRight = 15;
				measuredDefaultWidth = 42;
				measuredDefaultHeight = 42;
				
				upBorderSkin = spark.skins.mobile240.assets.BeveledActionButton_up;
				downBorderSkin = spark.skins.mobile240.assets.BeveledActionButton_down;
				fillClass = spark.skins.mobile240.assets.BeveledActionButton_fill;
				
				break;
			}
			case DPIClassification.DPI_120:
			{
				// Note provisional may need changes
				layoutBorderSize = 0;
				layoutPaddingTop = 0;
				layoutPaddingBottom = 0;
				layoutPaddingLeft = 8;
				layoutPaddingRight = 8;
				measuredDefaultWidth = 21;
				measuredDefaultHeight = 21;
				
				upBorderSkin = spark.skins.mobile120.assets.BeveledActionButton_up;
				downBorderSkin = spark.skins.mobile120.assets.BeveledActionButton_down;
				fillClass = spark.skins.mobile120.assets.BeveledActionButton_fill;
				
				break;
			}
            default:
            {
                // default DPI_160
                layoutBorderSize = 0;
                layoutPaddingTop = 0;
                layoutPaddingBottom = 0;
                layoutPaddingLeft = 10;
                layoutPaddingRight = 10;
                measuredDefaultWidth = 28;
                measuredDefaultHeight = 28;
                
                upBorderSkin = spark.skins.mobile160.assets.BeveledActionButton_up;
                downBorderSkin = spark.skins.mobile160.assets.BeveledActionButton_down;
                fillClass = spark.skins.mobile160.assets.BeveledActionButton_fill;
                
                break;
            }
        }
        
        // beveled buttons do not scale down
        minHeight = measuredDefaultHeight;
    }
    
    //--------------------------------------------------------------------------
    //
    //  Variables
    //
    //--------------------------------------------------------------------------
    
    private var _fill:DisplayObject;
    
    private var fillClass:Class;
    
    private var colorized:Boolean;
    
    //--------------------------------------------------------------------------
    //
    //  Overridden methods
    //
    //--------------------------------------------------------------------------
    
    /**
     *  @private
     */
    override protected function layoutContents(unscaledWidth:Number, unscaledHeight:Number):void
    {
        super.layoutContents(unscaledWidth, unscaledHeight);
        
        // add separate chromeColor fill graphic as the first layer
        if (!_fill && fillClass)
        {
            _fill = new fillClass();
            addChildAt(_fill, 0);
        }
        
        if (_fill)
        {
            // move to the first layer
            if (getChildIndex(_fill) > 0)
            {
                removeChild(_fill);
                addChildAt(_fill, 0);
            }
            
            setElementSize(_fill, unscaledWidth, unscaledHeight);
        }
    }
    
    /**
     *  @private
     */
    override protected function drawBackground(unscaledWidth:Number, unscaledHeight:Number):void
    {
        // omit call to super.drawBackground() to apply tint instead and don't draw fill
        var chromeColor:uint = getStyle(fillColorStyleName);
        
        if (colorized || (chromeColor != MobileSkin.MOBILE_THEME_DARK_COLOR))
        {
            // apply tint instead of fill
            applyColorTransform(_fill, MobileSkin.MOBILE_THEME_DARK_COLOR, chromeColor);
            
            // if we restore to original color, unset colorized
            colorized = (chromeColor != MobileSkin.MOBILE_THEME_DARK_COLOR);
        }
    }
}
}