| 包 | mx.charts.effects |
| 类 | public class SeriesSlide |
| 继承 | SeriesSlide SeriesEffect TweenEffect Effect EventDispatcher Object |
| 语言版本: | ActionScript 3.0 |
| 产品版本: | Flex 3 |
| 运行时版本: | Flash Player 9, AIR 1.1 |
direction 属性指定系列滑动的起始位置。
如果您将 SeriesSlide 与 hideDataEffect 效果触发器一同使用,系列将沿指示的方向从屏幕上的当前位置滑动到屏幕外的某个位置。如果您将 SeriesSlide 与 showDataEffect 一同使用,系列将沿指示方向从屏幕外的位置滑动到屏幕上的某个位置。
隐藏 MXML 语法The <mx:SeriesSlide> tag
inherits all the properties of its parent classes,
and adds the following properties:
<mx:SeriesSlide
Properties
direction="left|right|up|down"
/>
公共属性
| 属性 | 由以下参数定义 | ||
|---|---|---|---|
![]() | className : String [只读]
效果类的名称,如“Fade”。 | Effect | |
![]() | constructor : Object
对类对象或给定对象实例的构造函数的引用。 | Object | |
![]() | customFilter : mx.effects:EffectTargetFilter
指定一个 EffectTargetFilter 类型的自定义滤镜对象,效果将使用此对象来确定播放效果的目标。 | Effect | |
| direction : String = "left"
定义系列开始滑动的位置。 | SeriesSlide | ||
![]() | duration : Number
效果的持续时间(以毫秒为单位)。 | Effect | |
![]() | easingFunction : Function = null
动画的缓动函数。 | TweenEffect | |
![]() | effectTargetHost : mx.effects:IEffectTargetHost
一个属性,您可以通过设置此属性访问数据效果基于列表的目标控件。 | Effect | |
![]() | elementOffset : Number = 20
指定 Flex 延迟效果开始作用于系列中各元素的时间量(以毫秒为单位)。 | SeriesEffect | |
![]() | filter : String
指定用于过滤效果目标的算法。 | Effect | |
![]() | hideFocusRing : Boolean
确定在开始播放效果时,效果是否应隐藏对焦环。 | Effect | |
![]() | instanceClass : Class
一个 Class 类型的对象,用于指定此效果类的效果实例类。 | Effect | |
![]() | isPlaying : Boolean [只读]
一个只读标志,如果当前正在播放效果的任一实例,则为 true;否则,则为 false。 | Effect | |
![]() | minimumElementDuration : Number = 0
指定单个元素完成效果所需的时间量(以毫秒为单位)。 | SeriesEffect | |
![]() | offset : Number = 0
指定 Flex 延迟效果的时间量(以毫秒为单位)。 | SeriesEffect | |
![]() | perElementOffset : Number
在效果的第一个目标之后,其他效果目标的附加延迟(以毫秒为单位)。 | Effect | |
![]() | playheadTime : Number
效果的当前时间位置。 | Effect | |
![]() | relevantProperties : Array
一个属性名称 Array,执行过滤时将使用这些名称。 | Effect | |
![]() | relevantStyles : Array
一个样式名称 Array,执行过滤时将使用这些名称。 | Effect | |
![]() | repeatCount : int = 1
效果的重复次数。 | Effect | |
![]() | repeatDelay : int = 0
重复播放效果前需要等待的时间(以毫秒为单位)。 | Effect | |
![]() | startDelay : int = 0
开始播放效果前需要等待的时间(以毫秒为单位)。 | Effect | |
![]() | suspendBackgroundProcessing : Boolean = false
如果为 true,则在播放效果时阻止所有背景处理。 | Effect | |
![]() | target : Object
要应用此效果的对象。 | Effect | |
![]() | targets : Array
一个对象 Array,这些对象都是效果的目标。 | Effect | |
![]() | triggerEvent : Event
如果触发了某个效果,则此项目是由 EffectManager 传递给此 Effect 的 Event 对象;如果 EffectManager 当前没有播放此效果,则为 null。 | Effect | |
![]() | type : String = "show"
此效果适用的过渡类型。 | SeriesEffect | |
受保护的属性
公共方法
| 方法 | 由以下参数定义 | ||
|---|---|---|---|
SeriesSlide(target:Object = null)
构造函数。 | SeriesSlide | ||
![]() | addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
使用 EventDispatcher 对象注册事件侦听器对象,以使侦听器能够接收事件通知。 | EventDispatcher | |
![]() |
捕获效果目标上相关属性的当前值,并将这些值另存为结束值。 | Effect | |
![]() |
捕获另一组目标相关属性的当前值。在运行数据更改效果时,Flex 将使用此函数。
| Effect | |
![]() |
捕获效果目标上相关属性的当前值。 | Effect | |
![]() |
创建一个效果实例并对其进行初始化。 | Effect | |
![]() |
获取一个目标对象 Array,并对每个目标调用 createInstance() 方法。 | Effect | |
![]() |
删除实例中的事件侦听器,然后从实例列表中删除该实例。 | Effect | |
![]() |
将事件调度到事件流中。 | EventDispatcher | |
![]() |
中断当前正在播放的效果,立即跳转到该效果的末尾。 | Effect | |
![]() |
返回一个字符串 Array,其中每个 String 都是被此效果更改的属性的名称。 | Effect | |
![]() |
检查 EventDispatcher 对象是否为特定事件类型注册了任何侦听器。 | EventDispatcher | |
![]() |
表示对象是否已经定义了指定的属性。 | Object | |
![]() |
表示 Object 类的实例是否在指定为参数的对象的原型链中。 | Object | |
![]() |
暂停效果,直到调用 resume() 方法。 | Effect | |
![]() |
开始播放效果。 | Effect | |
![]() |
表示指定的属性是否存在、是否可枚举。 | Object | |
![]() |
从 EventDispatcher 对象中删除侦听器。 | EventDispatcher | |
![]() |
在效果由 pause() 方法暂停后继续播放效果。 | Effect | |
![]() |
逆序播放效果;如果当前正在播放效果,则从该效果的当前位置开始逆序播放。 | Effect | |
![]() |
设置循环操作动态属性的可用性。 | Object | |
![]() |
停止播放效果,使效果目标保持当前状态。 | Effect | |
![]() |
返回此对象的字符串表示形式,其格式设置遵守区域设置特定的约定。 | Object | |
![]() |
返回指定对象的字符串表示形式。 | Object | |
![]() |
返回指定对象的原始值。 | Object | |
![]() |
检查是否用此 EventDispatcher 对象或其任何祖代为指定事件类型注册了事件侦听器。 | EventDispatcher | |
受保护的方法
| 方法 | 由以下参数定义 | ||
|---|---|---|---|
![]() |
供 Effect 基础结构内部使用。 | Effect | |
![]() |
当效果实例完成播放时调用。 | Effect | |
![]() |
当效果实例开始播放时调用此方法。 | Effect | |
![]() |
当效果实例已被 stop() 方法调用停止时调用。 | Effect | |
![]() |
确定筛选效果实例所用的逻辑。 | Effect | |
![]() |
由 captureStartValues() 方法调用,用来从目标获得某个属性的值。 | Effect | |
[覆盖]
将效果的属性复制到效果实例。 | SeriesSlide | ||
![]() |
当 TweenEffect 调度 TweenEvent 时调用此方法。 | TweenEffect | |
属性详细信息
direction | 属性 |
public var direction:String = "left"| 语言版本: | ActionScript 3.0 |
| 产品版本: | Flex 3 |
| 运行时版本: | Flash Player 9, AIR 1.1 |
定义系列开始滑动的位置。有效值为 "left"、"right"、"up" 和 "down"。默认值为 "left"。
构造函数详细信息
SeriesSlide | () | 构造函数 |
方法详细信息
initInstance | () | 方法 |
override protected function initInstance(inst:IEffectInstance):void| 语言版本: | ActionScript 3.0 |
| 产品版本: | Flex 3 |
| 运行时版本: | Flash Player 9, AIR 1.1 |
将效果的属性复制到效果实例。
Flex 将从 Effect.createInstance() 方法调用此方法;您不必亲自调用它。
创建自定义效果时覆盖此方法,将属性从 Effect 类复制到效果实例类。进行覆盖时,请调用 super.initInstance()。
参数
inst:IEffectInstance — 要初始化的效果实例。
|
示例 如何使用本示例
SeriesSlideExample.mxml
<?xml version="1.0"?>
<!-- Simple example to demonstrate the CandlestickChart control. -->
<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">
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
private var companyAAC:ArrayCollection = new ArrayCollection( [
{ Date: "25-Jul", Open: 40.75, High: 40.75, Low: 40.24, Close:40.31},
{ Date: "26-Jul", Open: 39.98, High: 40.78, Low: 39.97, Close:40.34},
{ Date: "27-Jul", Open: 40.38, High: 40.66, Low: 40, Close:40.63},
{ Date: "28-Jul", Open: 40.49, High: 40.99, Low: 40.3, Close:40.98},
{ Date: "29-Jul", Open: 40.13, High: 40.4, Low: 39.65, Close:39.95},
{ Date: "1-Aug", Open: 39.00, High: 39.50, Low: 38.7, Close:38.6},
{ Date: "2-Aug", Open: 38.68, High: 39.34, Low: 37.75, Close:38.84},
{ Date: "3-Aug", Open: 38.76, High: 38.76, Low: 38.03, Close:38.12},
{ Date: "4-Aug", Open: 37.98, High: 37.98, Low: 36.56, Close:36.69},
{ Date: "5-Aug", Open: 36.61, High: 37, Low: 36.48, Close:36.86} ]);
[Bindable]
private var companyBAC:ArrayCollection = new ArrayCollection( [
{ Date: "25-Jul", Open: 18.50, High: 19, Low: 18.48, Close:18.86},
{ Date: "26-Jul", Open: 19.56, High: 19.98, Low: 18.6, Close:18.69},
{ Date: "27-Jul", Open: 20.81, High: 20.99, Low: 20.03, Close:20.12},
{ Date: "28-Jul", Open: 20.70, High: 21.00, Low: 19.5, Close:20.84},
{ Date: "29-Jul", Open: 21.7, High: 21.79, Low: 20.45, Close:20.6},
{ Date: "1-Aug", Open: 22.45, High: 22.65, Low: 21.65, Close:21.95},
{ Date: "2-Aug", Open: 22.56, High: 22.6, Low: 22.05, Close:22.98},
{ Date: "3-Aug", Open: 22.42, High: 22.70, Low: 22.1, Close:22.63},
{ Date: "4-Aug", Open: 21.67, High: 22.82, Low: 21.67, Close:22.34},
{ Date: "5-Aug", Open: 22.44, High: 22.85, Low: 22.12, Close:22.31} ]);
]]>
</fx:Script>
<fx:Declarations>
<mx:SeriesSlide id="slideIn" duration="1000" direction="up"/>
<mx:SeriesSlide id="slideOut" duration="1000" direction="down"/>
</fx:Declarations>
<mx:Panel title="CandlestickChart Control Example" height="100%" width="100%"
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
<mx:CandlestickChart id="candlestickchart" height="100%" width="100%"
paddingRight="5" paddingLeft="5"
showDataTips="true" dataProvider="{companyAAC}">
<mx:verticalAxis>
<mx:LinearAxis id="vaxis" baseAtZero="false" title="Price"/>
</mx:verticalAxis>
<mx:horizontalAxis>
<mx:CategoryAxis id="haxis" categoryField="Date" title="Date"/>
</mx:horizontalAxis>
<mx:horizontalAxisRenderers>
<mx:AxisRenderer axis="{haxis}" canDropLabels="true"/>
</mx:horizontalAxisRenderers>
<mx:series>
<mx:CandlestickSeries
openField="Open" highField="High"
lowField="Low" closeField="Close"
showDataEffect="{slideIn}"
hideDataEffect="{slideOut}"/>
</mx:series>
</mx:CandlestickChart>
<mx:Label width="100%" color="blue"
text="Choose a company to view recent stock data."/>
<mx:HBox>
<mx:RadioButton groupName="stocks" label="View Company A"
selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
<mx:RadioButton groupName="stocks" label="View Company B"
click="candlestickchart.dataProvider=companyBAC;"/>
</mx:HBox>
</mx:Panel>
</s:Application>
Tue Jun 12 2018, 11:04 AM Z
显示 MXML 语法