Archive for category Componentes

El componente Button en la arquitectura de componentes spark delega la característica del icono a un componente de skin.
Se puede implementar esta característica de una forma más genérica:
IconButton.mxml
<?xml version=”1.0″ encoding=”utf-8″?>
<s:Button xmlns:fx=”http://ns.adobe.com/mxml/2009″
xmlns:s=”library://ns.adobe.com/flex/spark”
xmlns:mx=”library://ns.adobe.com/flex/mx”
creationComplete=”onCreationComplete()”
skinClass=”IconButtonSkin”>

<fx:Script>
<![CDATA[
import IconButtonSkin;

import spark.components.supportClasses.Skin;

[Bindable]
public var icon:Class;

private function onCreationComplete():void {
IconButtonSkin(skin).icon = icon;
}
]]>
</fx:Script>
</s:Button>
IconButtonSkin.mxml
<?xml version=”1.0″ encoding=”utf-8″?>

<!–

ADOBE SYSTEMS [...]

Valores de un NumericStepper con formato horario:

<?xml version=”1.0″ encoding=”utf-8″?>
<?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”
viewSourceURL=”srcview/index.html”>

<s:layout>
<s:HorizontalLayout paddingBottom=”10″
paddingLeft=”10″
paddingRight=”10″
paddingTop=”10″/>
</s:layout>

<fx:Script>
<![CDATA[
private function formatRender(value:Number):String {
var time:String = Number(value).toFixed(2);
var hour:String = time.split(".")[0];
if (hour.length==1) {
hour = “0″ + hour;
}
var min:String = (parseFloat(time.split(“.”)[1])*0.6).toString();
if (min.length==1) {
min = “0″ + min;
}

return hour+”:”+min;
}

private function parseRender(value:String):Number {
var hour:Number = parseFloat(value.split(“:”)[0]);
var min:Number [...]