Comunidad de diseño web y desarrollo en internet online

Scroll en Flash Builder

Citar            
MensajeEscrito el 12 Abr 2010 07:20 am
Hola...
Estoy "jugando" con FB4 y no encuentro la forma de añadirle un scroll vertical al componente Application, al resto de los componentes Spark si, ¿alguien sabe como se hace?
Saludos

Por willow001

52 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 12 Abr 2010 09:53 am
Hola...
Ya encontre la respuesta, lo posteo por si a alguien mas le sirve.
Como mi ingles es muy malo, pego textualmente de la ayuda de FB4 y añado mi ejemplo.

escribió:


To add scroll bars to the Spark Application container, define a skin that supports scroll bars. The following example shows a skin in the file MyAppSkin.mxml. This skin modifies the default skin for the Spark Application container, spark.skins.default.ApplicationSkin, to add the Spark Scroller component:

El skin que se crea seria este y lo guardo como MYSKIN.mxml

Código Flex :

<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:mx="library://ns.adobe.com/flex/halo"
      xmlns:s="library://ns.adobe.com/flex/spark">
   <fx:Metadata>
      [HostComponent("spark.components.Application")]
   </fx:Metadata>
   <s:states>
      <s:State name="normal" />
      <s:State name="disabled" />
   </s:states>
   <!-- fill -->
   <s:Rect id="backgroundRect" left="0" right="0" top="0" bottom="0">
      <s:fill>
         <s:SolidColor color="0x030303" />
      </s:fill>
   </s:Rect>
   <s:Scroller height="100%" width="100%">
      <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" />
   </s:Scroller>
</s:Skin

y en la aplicacion que quiero mostrar el Scroll:

Código Flex :

<?xml version="1.0"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
            xmlns:mx="library://ns.adobe.com/flex/halo"
            xmlns:s="library://ns.adobe.com/flex/spark"
            width="600" height="150"
            skinClass="MYSKIN"><!-- Asignar el skin creado antes-->
   <s:layout>
      <s:VerticalLayout/>
   </s:layout>
   <s:Button height="200" width="200"/>
   <s:Button height="200" width="200"/>
</s:Application>

Podemos ir aumentando el height="150" de Application y veremos que cuando sea superior a la suma de todos los height de los buttons, el scroll desaparece.
Saludos

Por willow001

52 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.