| パッケージ | mx.effects |
| クラス | public class Glow |
| 継承 | Glow  TweenEffect Effect EventDispatcher Object |
| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 3 |
| ランタイムバージョン: | Flash Player 9, AIR 1.1 |
 | Flex 4.0 以降では、このクラスの代わりとして spark.effects.AnimateFilter クラスを使用することをお勧めします。 Flex 4 では、Glow ビットマップフィルターと組み合わせて AnimateFilter エフェクトを使用します。 |
Glow エフェクトを使用すると、コンポーネントに発光効果を適用できます。
Glow エフェクトでは、実装の一部として Flash GlowFilter クラスが使用されます。 詳細については、「flash.filters.GlowFilter クラス」を参照してください。 コンポーネントに Glow エフェクトを適用する場合、GlowFilter を適用したり、同じコンポーネントに他の Glow エフェクトを適用することはできません。
MXML シンタックス
MXML シンタックスを表示
MXML シンタックスを隠すThe <mx:Glow> tag
inherits all of the tag attributes of its superclass,
and adds the following tag attributes:
<mx:Glow
id="ID"
alphaFrom="val"
alphaTo="val"
blurXFrom="val"
blurXTo="val"
blurYFrom="val"
blurYTo="val"
color="themeColor of the application"
inner="false|true"
knockout="false|true"
strength="2"
/>
関連する API エレメント
パブリックプロパティ
| プロパティ | 定義元 | ||
|---|---|---|---|
| alphaFrom : Number = 1
最初の透明度レベルは 0.0 から 1.0 の範囲です（0.0 = 透明、1.0 = 完全に不透明）。 | Glow | ||
| alphaTo : Number = 0
最終的な透明度レベルは 0.0 から 1.0 の範囲です（0.0 = 透明、1.0 = 完全に不透明）。 | Glow | ||
| blurXFrom : Number = 5
水平方向のぼかしの開始量を表します。 | Glow | ||
| blurXTo : Number = 0
水平方向のぼかしの終了量を表します。 | Glow | ||
| blurYFrom : Number = 5
垂直方向のぼかしの開始量を表します。 | Glow | ||
| blurYTo : Number = 0
垂直方向のぼかしの終了量を表します。 | Glow | ||
 | className : String [読み取り専用]
このエフェクトクラスの名前です。たとえば、"Fade" などがあります。 | Effect | |
| color : uint = 0xFFFFFFFF
グローのカラーを表します。 | Glow | ||
| constructor : Object
指定されたオブジェクトインスタンスのクラスオブジェクトまたはコンストラクター関数への参照です。 | Object | |
| customFilter : mx.effects:EffectTargetFilter
エフェクトを再生するターゲットを特定するために、エフェクトによって使用されるタイプ EffectTargetFilter のカスタムフィルターオブジェクトを指定します。 | Effect | |
| duration : Number
エフェクトの継続時間を表します（ミリ秒単位）。 | Effect | |
| easingFunction : Function = null
アニメーションのイージング関数を表します。 | TweenEffect | |
| effectTargetHost : mx.effects:IEffectTargetHost
データエフェクトのターゲットリストコントロールにアクセスできるプロパティです。 | Effect | |
| filter : String
エフェクトのターゲットをフィルタリングするアルゴリズムを指定します。 | Effect | |
| hideFocusRing : Boolean
エフェクトの開始時にエフェクトがフォーカス枠を非表示にするかどうかを指定します。 | Effect | |
| inner : Boolean
グローが内側グローであるかどうかを示します。 | Glow | ||
| instanceClass : Class
このエフェクトクラスのエフェクトインスタンスクラスを指定する Class 型のオブジェクトを表します。 | Effect | |
| isPlaying : Boolean [読み取り専用]
エフェクトのインスタンスのいずれかが現在再生中の場合に true、そうでない場合に false となる読み取り専用フラグです。 | Effect | |
| knockout : Boolean
オブジェクトにノックアウト効果を適用するかどうかを指定します。 | Glow | ||
| perElementOffset : Number
エフェクトの最初のターゲットの後に発生する、エフェクトターゲットの追加遅延（ミリ秒）です。 | Effect | |
| playheadTime : Number
エフェクトの現在の時間位置です。 | Effect | |
| relevantProperties : Array
フィルタリング実行時に使用するプロパティ名の配列を表します。 | Effect | |
| relevantStyles : Array
フィルタリング実行時に使用するスタイル名の配列を表します。 | Effect | |
| repeatCount : int = 1
エフェクトを繰り返す回数を表します。 | Effect | |
| repeatDelay : int = 0
エフェクトを繰り返す前の待機時間を表します（ミリ秒単位）。 | Effect | |
| startDelay : int = 0
エフェクトを開始する前の待機時間を表します（ミリ秒単位）。 | Effect | |
| strength : Number = 2
インプリントの強さまたは広がりです。 | Glow | ||
| suspendBackgroundProcessing : Boolean = false
true の場合、エフェクトの再生中にすべてのバックグラウンド処理をブロックします。 | Effect | |
| target : Object
このエフェクトが適用されるオブジェクトを表します。 | Effect | |
| targets : Array
エフェクトのターゲットであるオブジェクトの配列を表します。 | Effect | |
| triggerEvent : Event
エフェクトがトリガーされたときに EffectManager によってこの Effect に渡される Event オブジェクトです。EffectManager によってエフェクトが再生されていない場合は null です。 | Effect | |
プロテクトプロパティ
パブリックメソッド
| メソッド | 定義元 | ||
|---|---|---|---|
コンストラクターです。 | Glow | ||
| addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
イベントリスナーオブジェクトを EventDispatcher オブジェクトに登録し、リスナーがイベントの通知を受け取るようにします。 | EventDispatcher | |
|
エフェクトのターゲットにおいて関連するプロパティの現在値をキャプチャし、終了値として保存します。 | Effect | |
|
ターゲットの追加セットの関連するプロパティの現在値をキャプチャします。この機能は、データ変更エフェクトを実行したときに Flex によって使用されます。
| Effect | |
|
エフェクトのターゲットにおいて関連するプロパティの現在値をキャプチャします。 | Effect | |
|
1 つのエフェクトインスタンスを作成し、それを初期化します。 | Effect | |
|
ターゲットオブジェクトの配列を取得し、各ターゲットで createInstance() メソッドを呼び出します。 | Effect | |
|
インスタンスからイベントリスナーを削除し、インスタンスのリストからインスタンスを削除します。 | Effect | |
|
イベントをイベントフローに送出します。 | EventDispatcher | |
|
現在再生中のエフェクトをすべて中断し、直ちにエフェクトの終わりにジャンプします。 | Effect | |
|
ストリングの配列を返します。各ストリングは、このエフェクトによって変更されるプロパティの名前です。 | Effect | |
|
EventDispatcher オブジェクトに、特定のイベントタイプに対して登録されたリスナーがあるかどうかを確認します。 | EventDispatcher | |
|
オブジェクトに指定されたプロパティが定義されているかどうかを示します。 | Object | |
|
Object クラスのインスタンスが、パラメーターとして指定されたオブジェクトのプロトタイプチェーン内にあるかどうかを示します。 | Object | |
|
resume() メソッドを呼び出すまで、エフェクトを一時停止します。 | Effect | |
|
エフェクトの再生を開始します。 | Effect | |
|
指定されたプロパティが存在し、列挙できるかどうかを示します。 | Object | |
|
EventDispatcher オブジェクトからリスナーを削除します。 | EventDispatcher | |
|
pause() メソッドを呼び出し、エフェクトを一時停止した後、再開させます。 | Effect | |
|
エフェクトが現在再生中の場合に、エフェクトの現在位置から開始して、逆順でエフェクトを再生します。 | Effect | |
|
ループ処理に対するダイナミックプロパティの可用性を設定します。 | Object | |
|
エフェクトターゲットを現在の状態にしたまま、エフェクトを停止します。 | Effect | |
|
ロケール固有の規則に従って書式設定された、このオブジェクトのストリング表現を返します。 | Object | |
|
指定されたオブジェクトのストリング表現を返します。 | Object | |
|
指定されたオブジェクトのプリミティブな値を返します。 | Object | |
|
指定されたイベントタイプについて、この EventDispatcher オブジェクトまたはその祖先にイベントリスナーが登録されているかどうかを確認します。 | EventDispatcher | |
プロテクトメソッド
プロパティの詳細
alphaFrom | プロパティ |
public var alphaFrom:Number = 1| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 3 |
| ランタイムバージョン: | Flash Player 9, AIR 1.1 |
最初の透明度レベルは 0.0 から 1.0 の範囲です（0.0 = 透明、1.0 = 完全に不透明）。
デフォルト値： 1。
alphaTo | プロパティ |
public var alphaTo:Number = 0| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 3 |
| ランタイムバージョン: | Flash Player 9, AIR 1.1 |
最終的な透明度レベルは 0.0 から 1.0 の範囲です（0.0 = 透明、1.0 = 完全に不透明）。
デフォルト値： 0。
blurXFrom | プロパティ |
public var blurXFrom:Number = 5| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 3 |
| ランタイムバージョン: | Flash Player 9, AIR 1.1 |
水平方向のぼかしの開始量を表します。 有効な値の範囲は 0.0 ～ 255.0 です。
デフォルト値： 5。
blurXTo | プロパティ |
public var blurXTo:Number = 0| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 3 |
| ランタイムバージョン: | Flash Player 9, AIR 1.1 |
水平方向のぼかしの終了量を表します。 有効な値の範囲は 0.0 ～ 255.0 です。
デフォルト値： 0。
blurYFrom | プロパティ |
public var blurYFrom:Number = 5| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 3 |
| ランタイムバージョン: | Flash Player 9, AIR 1.1 |
垂直方向のぼかしの開始量を表します。 有効な値の範囲は 0.0 ～ 255.0 です。
デフォルト値： 5。
blurYTo | プロパティ |
public var blurYTo:Number = 0| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 3 |
| ランタイムバージョン: | Flash Player 9, AIR 1.1 |
垂直方向のぼかしの終了量を表します。 有効な値の範囲は 0.0 ～ 255.0 です。
デフォルト値： 0。
color | プロパティ |
public var color:uint = 0xFFFFFFFF| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 3 |
| ランタイムバージョン: | Flash Player 9, AIR 1.1 |
グローのカラーを表します。デフォルト値は、アプリケーションの themeColor スタイルプロパティの値です。このプロパティのデフォルト値は StyleManager.NOT_A_COLOR です。color プロパティがこのデフォルト値に設定されている場合、エフェクトに対して play() が呼び出されると、エフェクトインスタンスのカラー値は、アプリケーションの現在の themeColor スタイルの値に設定されます。
デフォルト値： StyleManager.NOT_A_COLOR。
inner | プロパティ |
public var inner:Boolean| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 3 |
| ランタイムバージョン: | Flash Player 9, AIR 1.1 |
グローが内側グローであるかどうかを示します。値が true の場合は、内側グロー（オブジェクトの外側エッジの内側にあるグロー）になります。 デフォルト値は false で、外側グロー（オブジェクトの外周にあるグロー）になります。
デフォルト値： false。
knockout | プロパティ |
public var knockout:Boolean| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 3 |
| ランタイムバージョン: | Flash Player 9, AIR 1.1 |
オブジェクトにノックアウト効果を適用するかどうかを指定します。値が true の場合は、オブジェクトの塗りのカラーが透明になり、基になるオブジェクトの背景色が表示されます。 デフォルト値は false で、ノックアウト効果は適用されません。
デフォルト値： false。
strength | プロパティ |
public var strength:Number = 2| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 3 |
| ランタイムバージョン: | Flash Player 9, AIR 1.1 |
インプリントの強さまたは広がりです。値が大きいほど、濃い色がインプリントされるので、グローと背景との間のコントラストが強くなります。有効な値の範囲は 0 ～ 255 です。
デフォルト値： 2。
コンストラクターの詳細
Glow | () | コンストラクター |
例 この例の使用方法
GlowEffectExample.mxml
<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the Halo Glow effect. -->
<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:Declarations>
<mx:Glow id="glowImage" duration="1000"
alphaFrom="1.0" alphaTo="0.3"
blurXFrom="0.0" blurXTo="50.0"
blurYFrom="0.0" blurYTo="50.0"
color="0x00FF00"/>
<mx:Glow id="unglowImage" duration="1000"
alphaFrom="0.3" alphaTo="1.0"
blurXFrom="50.0" blurXTo="0.0"
blurYFrom="50.0" blurYTo="0.0"
color="0x0000FF"/>
</fx:Declarations>
<s:Panel title="Halo Glow Effect Example" width="75%" height="75%" >
<s:VGroup left="20" right="20" top="20" bottom="20">
<s:Label width="100%" color="blue"
text="Click and hold the mouse on the image to see glowImage effect. Release the mouse to see unglowImage effect."/>
<mx:Image source="@Embed(source='assets/Nokia_6630.png')"
mouseDownEffect="{glowImage}"
mouseUpEffect="{unglowImage}"/>
</s:VGroup>
</s:Panel>
</s:Application>
Tue Jun 12 2018, 10:34 AM Z