| Pacote | mx.controls |
| Classe | classe pública VSlider |
| Herança | VSlider  Slider UIComponent FlexSprite Sprite DisplayObjectContainer InteractiveObject DisplayObject EventDispatcher Object |
The slider may allow a continuous range of values between its minimum and maximum values, or it may be restricted to values at concrete intervals between the minimum and maximum value. It may show tick marks at specified intervals along the track. These tick marks are independent of the allowed values of the slider. It may also use a data tip to display its current value.
The VSlider has a vertical orientation. The slider track stretches from bottom to top, and the labels and tick marks are placed to the left or right of the track.
The VSlider control has the following default characteristics:
| Characteristic | Description |
|---|---|
| Default size | 250 pixels high, wide enough to hold the slider and any associated labels |
| Minimum size | None |
| Maximum size | None |
Ocultar Sintaxe MXML
The <mx:VSlider> tag inherits all of the tag attributes
of its superclass, and adds the following tag attribute:
Mostrar Sintaxe MXML
<mx:VSlider
Estilos
dataTipPlacement="top"
/>
Ver também
| Método | Definido Por | ||
|---|---|---|---|
|
VSlider()
Constructor.
| VSlider | ||
 |
Adiciona uma instância child DisplayObject a essa instância DisplayObjectContainer.
| DisplayObjectContainer | |
|
Adiciona uma instância child DisplayObject a essa instância DisplayObjectContainer.
| DisplayObjectContainer | |
|
addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
Registra um objeto event listener com um objeto do EventDispatcher para que o listener receba notificação de um evento.
| EventDispatcher | |
|
Indica se as restrições de segurança causariam qualquer objeto display a ser omitido da lista retornada chamando o método DisplayObjectContainer.getObjectUnderPoint() com o point especificado.
| DisplayObjectContainer | |
|
Coloca na fila uma função para ser chamada depois.
| UIComponent | |
|
Deleta uma propriedade de estilo dessa instância de componente.
| UIComponent | |
|
Determina se o objeto display especificado é um child da instânica DisplayObjectContainer ou a instância em si mesma.
| DisplayObjectContainer | |
|
Converte um objeto Point das coordenadas do conteúdo para coordenadas global.
| UIComponent | |
|
Converte um objeto Point de conteúdo para coordenadas locais.
| UIComponent | |
|
Retorna um conjunto de propriedades que identificam o child dentro desse container.
| UIComponent | |
|
Cria uma referência de id a esse objeto IUIComponent em seu objeto de documento parent.
| UIComponent | |
|
Deleta a referência id para esse objeto IUIComponent em seu objeto de documento parent.
| UIComponent | |
|
Retorna um objeto UITextFormat correspondendo aos estilos de texto para esse UIComponent.
| UIComponent | |
|
Despacha um evento no fluxo de eventos.
| UIComponent | |
|
Mostra ou esconde o indicador de foco em volta desse componente.
| UIComponent | |
|
drawRoundRect(x:Number, y:Number, width:Number, height:Number, cornerRadius:Object = null, color:Object = null, alpha:Object = null, gradientMatrix:Matrix = null, gradientType:String = "linear", gradientRatios:Array = null, hole:Object = null):void
Programadamente desenha um retângulo para dentro desse objeto Graphics do skin.
| UIComponent | |
|
Chamado pela instância de efeito quando pára a execução no componente.
| UIComponent | |
|
Chamado pela instância de efeito quando começa a execução no componente.
| UIComponent | |
|
Termina todos os efeitos atualmente em execução no componente.
| UIComponent | |
|
Executa a união de dados para dentro desse objeto UIComponent.
| UIComponent | |
|
Chamado depois que a impressão estiver completa.
| UIComponent | |
|
Providencia o objeto de automatização no índice especificado.
| UIComponent | |
|
Retorna um retângulo que define a área do objeto display relativo ao sistema de coordenadas do objeto targetCoordinateSpace.
| DisplayObject | |
|
Retorna o objeto child display que existe no índice especificado.
| DisplayObjectContainer | |
|
Retorna o objeto display child que existe com o nome especificado.
| DisplayObjectContainer | |
|
Retorna a posição do índice de uma instância child DisplayObject.
| DisplayObjectContainer | |
|
Acha os seletores de tipo para essa instância UIComponent.
| UIComponent | |
|
Retorna um valor layout constraint, que é o mesmo que pegar o estilo contraint para esse componente.
| UIComponent | |
|
Um método de conveniência para determinar usar a altura explícita ou medida.
| UIComponent | |
|
Um método de conveniência para determinar usar a largura explícita ou medida.
| UIComponent | |
|
Pega o objeto que atualmente tem o foco.
| UIComponent | |
|
Retorna um array de objetos que ficam por baixo do point especificado e são children (ou grandchildren, e assim por diante) dessa instância DisplayObjectContainer.
| DisplayObjectContainer | |
|
Retorna um retângulo que define os limites do objeto display, baseado no sistema de coordenadas definido pelo parâmetro targetCoordinateSpace, excluindo qualquer traço em formas.
| DisplayObject | |
|
Retorna um item no dataProvider que foi usado pelo Repeater específico para produzir esse Repeater, ou null se esse Repeater não é repetido.
| UIComponent | |
|
Pega uma propriedade de estilo que tem sido colocado em qualquer lugar na corrente lookup de estilo desse componente
| UIComponent | |
|
Retorna o objeto thumb no dado índice.
| Slider | |
|
Converte um objeto Point de coordenadas global a conteúdo.
| UIComponent | |
|
Converte o objeto point das coordenadas Stage (global) para as coordenadas do objeto display (local).
| DisplayObject | |
|
Verifica se o objeto do EventDispatcher tem listeners registrados para um tipo determinado de evento.
| EventDispatcher | |
|
Indica se um objeto tem uma propriedade específica definida.
| Object | |
|
Avalia o objeto display para ver se sobrepõe ou intersecta com o objeto obj display.
| DisplayObject | |
|
Avalia o objeto display para ver se sobrepõe o intersecta com o ponto especificado pelos parâmetros x e y.
| DisplayObject | |
|
Retorna um box Matrix que pode ser passado para o método drawRoundRect() como o parâmetro rot quando desenhando um gradiente horizontal.
| UIComponent | |
|
Inicializa a estrutura interna desse componente.
| UIComponent | |
|
Inicializa várias propriedades que ficam de olho em instância repetidas desse componente.
| UIComponent | |
|
Marca um componente para que seu método updateDisplayList() seja chamado durante um atualização de tela tardia.
| UIComponent | |
|
Marca um componente para que seu método commitProperties() seja chamado durante um atualização de tela tardia.
| UIComponent | |
|
Marca um componente para que seu método measure() seja chamado durante um atualização de tela tardia.
| UIComponent | |
|
Indica se uma instância da classe Object está na corrente do protótipo do objeto determinado como parâmetro.
| Object | |
|
Converte um objeto Point de coordenadas local para conteúdo.
| UIComponent | |
|
Converte o objeto point das coordenadas de um objeto display (local) para as coordenadas Stage (global).
| DisplayObject | |
|
Mede o texto HTML especificado, que pode conter tags HTML tal como <font> e <b>, supondo que é mostrado em um UITextField de linha única usando um UITextFormat determinado pelos estilos desse UIComponent.
| UIComponent | |
|
Mede o texto especificado, supondo que é mostrado em um UITextField de linha única usando um UITextFormat determinado pelos estilos desse UIComponent.
| UIComponent | |
|
Move o componente para uma posição especificada dentro de seu parent.
| UIComponent | |
|
Propaga mudança do estilo para os children.
| UIComponent | |
|
Retornam true se a corrente de propriedades de posse apontam do child para esse UIComponent.
| UIComponent | |
|
Chamado pelo Flex quando um objeto UIComponent é adicionado ou removido de um parent.
| UIComponent | |
|
Preparam um IFlexDisplayObject para imprimir.
| UIComponent | |
|
Indica se a propriedade especificada existe e se é enumerável.
| Object | |
|
Constrói ou reconstrói o cache do estilo CSS para esse componente e, se o parâmetro recursivo for true, assim também para todos os descendentes desse componente.
| UIComponent | |
|
Para cada evento efeito, registra o EffectManager como um dos event listeners.
| UIComponent | |
|
Remove a instância child DisplayObject especificado da lista child da instância DisplayObjectContainer.
| DisplayObjectContainer | |
|
Remove um child DisplayObject da posição do índice especificada na lista child do DisplayObjectContainer.
| DisplayObjectContainer | |
|
Remove um listener do objeto do EventDispatcher.
| EventDispatcher | |
|
Faz o replay do evento específico.
| UIComponent | |
|
Resolve um child usando o id providenciado.
| UIComponent | |
|
[static]
Termina o processamento de fundo de métodos colocados em fila pelo callLater(), depois chama suspendBackgroundProcessing().
| UIComponent | |
|
Coloca o tamanho do objeto.
| UIComponent | |
|
Muda a posição de um child existente no container do objeto display.
| DisplayObjectContainer | |
|
Coloca um valor de limitação do layout, que é o mesmo que colocar um estilo de limitação para esse componente.
| UIComponent | |
|
Determina o estado atual.
| UIComponent | |
|
Determina o foco para esse componente.
| UIComponent | |
|
Determina a disponibilidade de uma propriedade dinâmica para operações em loop.
| Object | |
|
Ajusta uma propriedade de estilo nessa instância do componente.
| UIComponent | |
|
Esse método ajusta o valor de um thumb do slider, e atualiza o display.
| Slider | |
|
Chamado quando a propriedade de visibilidade muda.
| UIComponent | |
|
Deixa o usuário arrastar o sprite especificado.
| Sprite | |
|
Finaliza o método startDrag().
| Sprite | |
|
Detecta mudanças nas propriedades de estilo.
| UIComponent | |
|
Flex chama o método stylesInitialized() quando os estilos para um componente são primeiramente inicializados.
| UIComponent | |
|
[static]
Bloqueia o processamento de fundo de métodos colocados em fila pelo callLater(), até resumeBackgroundProcessing() ser chamado.
| UIComponent | |
|
Troca a ordem z (ordem de frente para trás) de dois objetos child especificados.
| DisplayObjectContainer | |
|
Troca a ordem z (ordem de frente para trás) dos objetos child em duas posições índice especificadas na lista child.
| DisplayObjectContainer | |
|
Retorna um string indicando o local desse objeto dentro da hierarquia do DisplayObjects no Application.
| FlexSprite | |
|
Valida a posição e tamanho de children e desenha outros visuais.
| UIComponent | |
|
Validar e fazer o update de propriedades e layout desse objeto e redesenhá-lo, se necessário.
| UIComponent | |
|
Usado pela lógica do layout para validar as propriedades de um componente chamando o método commitProperties().
| UIComponent | |
|
Valida o tamanho medido do componente se o método LayoutManager.invalidateSize() for chamado com esse ILayoutManagerClient, depois o método validateSize é chamado quando é hora de fazer medidas.
| UIComponent | |
|
Maneja os eventos válidos e inválidos de um validator designado a esse componente.
| UIComponent | |
|
Retorna o valor primitivo de um objeto específico.
| Object | |
|
Retorna um box Matrix que pode ser passado ao drawRoundRect() como o parâmetro rot quando desenhando um gradiente vertical.
| UIComponent | |
|
Verifica se um event listener está registrado com esse objeto do EventDispatcher ou qualquer um de seus parents para o determinado tipo de evento.
| EventDispatcher | |
| Estilo | Descrição | Definido Por | ||
|---|---|---|---|---|
| Tipo: String Herança CSS: não A distância vertical em pixels do canto superior da área de conteúdo á posição da base controle. | UIComponent | ||
| Tipo: uint Formato: Cor Herança CSS: não A cor da seção preta da borda. | Slider | ||
| Tipo: String Herança CSS: não A distância vertical em pixels do canto inferior do componente ao canto inferior de sua área de conteúdo. | UIComponent | ||
| Tipo: Number Formato: Comprimento Herança CSS: não O offset, em pixels, do data tip relativo ao thumb. | Slider | ||
|
dataTipPlacement
| Tipo: String Herança CSS: não The location of the data tip relative to the thumb. Possible values are "left", "right",
"top", and "bottom".
O valor padrão é "left". | VSlider | ||
| Tipo: int Herança CSS: não Número de lugares decimais a serem usados para o texto do data tip. | Slider | ||
| Tipo: String Herança CSS: não O nome da declaração de estilo a ser usada para o data tip. | Slider | ||
| Tipo: uint Formato: Cor Herança CSS: sim Cor do destaque do componente quando validação falha. | UIComponent | ||
| Tipo: Array Herança CSS: não Especifica o valor da transparência alpha usado para o preenchimento de fundo dos componentes. | Slider | ||
| Tipo: Array Formato: Cor Herança CSS: não Especifica as cores usadas para tingir o preenchimento de fundo para o componente. | Slider | ||
| Tipo: String Herança CSS: não Blend mode usado pelo retângulo de foco. | UIComponent | ||
| Tipo: Class Herança CSS: não Skin usado para desenhar o retângulo de foco. | UIComponent | ||
| Tipo: Number Formato: Comprimento Herança CSS: não Grossura, em pixels, do outline do retângulo de foco. | UIComponent | ||
| Tipo: String Herança CSS: não A distância horizontal em pixels do centro da área de conteúdo do componente ao centro do componente. | UIComponent | ||
| Tipo: Boolean Herança CSS: não Invert the direction of the thumbs. | Slider | ||
| Tipo: Number Formato: Comprimento Herança CSS: não O offset da posição y (se a direção for horizontal) ou offset da posição x (se a direção for vertical) dos labels relativo a rasto. | Slider | ||
| Tipo: String Herança CSS: não O nome do estilo a ser usado para o label do slider. | Slider | ||
| Tipo: String Herança CSS: não A distância horizontal em pixels da beirada esquerda da área de conteúdo do componente à beirada esquerda do componente. | UIComponent | ||
| Tipo: String Herança CSS: não A distância horizontal em pixels da beirada direita do componente à beirada direita de sua área de conteúdo. | UIComponent | ||
| Tipo: Boolean Herança CSS: não Especificia se deve ativar o track highlighting entre thumbs (ou um único thumb e o início do rasto). | Slider | ||
| Tipo: Number Formato: Time Herança CSS: não Duração em milisegundos de uma animação do slide quando você clica no rasto para mover um thumb. | Slider | ||
| Tipo: Function Herança CSS: não A função de tween usada pela animação de slide quando você clica no rasto para mover um thumb. | Slider | ||
| Tipo: uint Formato: Cor Herança CSS: sim Cor do tema de um componente. | UIComponent | ||
| Tipo: Class Herança CSS: não O skin para o estado desativado do thumb do slider. | Slider | ||
| Tipo: Class Herança CSS: não O skin para o estado para baixo do thumb do slider. | Slider | ||
| Tipo: Number Formato: Comprimento Herança CSS: não O offset da posição y (se a direção for horizontal) ou o offset da posição x (se a direção for vertical) do thumb relacionado ao rasto. | Slider | ||
| Tipo: Class Herança CSS: não O skin para o estado over do thumb do slider. | Slider | ||
| Tipo: Class Herança CSS: não O skin padrão para o thumb do slider. | Slider | ||
| Tipo: Class Herança CSS: não O skin para o thumb do slider no estado up. | Slider | ||
| Tipo: uint Formato: Cor Herança CSS: não A cor das marcas tick. | Slider | ||
| Tipo: Number Formato: Comprimento Herança CSS: não O comprimento em pixels das marcas tick. | Slider | ||
| Tipo: Number Formato: Comprimento Herança CSS: não O offset da posição y (se a direção for horizontal) ou offset da posição x (se a direção for vertical) das marcas tick relativas ao rasto. | Slider | ||
| Tipo: Number Formato: Comprimento Herança CSS: não A grossura em pixels das marcas tick. | Slider | ||
| Tipo: String Herança CSS: não A distância vertical em pixels da beirada superior da área de conteúdo do control à beirada superior do componente. | UIComponent | ||
| Tipo: Array Formato: Cor Herança CSS: não As cores do rasto, como um array de duas cores. | Slider | ||
| Tipo: Class Herança CSS: não O skin para o rasto do slider quando estiver selecionado. | Slider | ||
| Tipo: Number Formato: Comprimento Herança CSS: não O tamanho das margens do rasto, em pixels. | Slider | ||
| Tipo: Class Herança CSS: não O skin para o rasto do slider. | Slider | ||
| Tipo: String Herança CSS: não A distância vertical em pixels do centro da área de conteúdo do componente ao centro do componente. | UIComponent | ||
| VSlider | () | Construtor |
public function VSlider()
Constructor.
<?xml version="1.0"?>
<!-- Simple example to demonstrate the VSlider control. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
private var imageWidth:Number=0;
private var imageHeight:Number=0;
// Event handler function to change the image size.
private function changeSize():void
{
phoneImage.width=uint(imageWidth*hSlider.value/100);
phoneImage.height=uint(imageHeight*hSlider.value/100);
}
]]>
</mx:Script>
<mx:Panel id="panel" title="VSlider Control Example"
height="100%" width="100%"
layout="horizontal"
paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
<mx:HBox width="50%">
<mx:Image id="phoneImage" source="@Embed('assets/Nokia_6630.png')"
creationComplete="imageWidth=phoneImage.width; imageHeight=phoneImage.height;" />
</mx:HBox>
<mx:VBox horizontalAlign="center">
<mx:Label color="blue" text="Drag the slider to resize the image."/>
<mx:VSlider id="hSlider"
dataTipPlacement="top"
minimum="0" maximum="100" value="100"
tickColor="black"
snapInterval="1" tickInterval="10"
labels="['0%','100%']"
allowTrackClick="true"
liveDragging="true"
change="changeSize();"/>
</mx:VBox>
</mx:Panel>
</mx:Application>