FlxBar

API Reference > flixel.ui > FlxBar

FlxBar

FlxBarは、グラフィカルなバーを表示するための迅速かつシンプルな方法を提供します。 このクラスにより、UI / HUDの一部として使用できるスプライトを配置します。 例えば、ロードの進行状況やヘルスバーの表示に使えます。



定数

塗りつぶしの向き

定数名説明
FILL_LEFT_TO_RIGHT1左から右
FILL_RIGHT_TO_LEFT2右から左
FILL_TOP_TO_BOTTOM3上から下
FILL_BOTTOM_TO_TOP4下から上
FILL_HORIZONTAL_INSIDE_OUT5水平方向の内側から外へ
FILL_HORIZONTAL_OUTSIDE_IN6水平方向の外側から中へ
FILL_VERTICAL_INSIDE_OUT7垂直方向の内側から外へ
FILL_VERTICAL_OUTSIDE_IN8垂直方向の外側から中へ

???

定数名説明
FRAMES_POSITION_HORIZONTAL"horizontal"???
FRAMES_POSITION_VERTICAL"vertical"???

描画方法

定数名説明
BAR_FILLED1塗りつぶし
BAR_GRADIENT2グラデーション
BAR_IMAGE3画像

フィールド

fixedPosition:Bool :

positionOffset:FlxPoint :

percent:Float : 現在の値をパーセンテージ(0〜100)で代入します

currentValue:Float : 現在の値を代入します


メソッド

new() : 生成

  • 引数
    • x:Float = 0 :
    • y:Float = 0 :
    • direction:Int = FILL_LEFT_TO_RIGHT : 塗りつぶしの向き
    • width:Int = 100 : バーの幅
    • height:Int = 10 : バーの高さ
    • parentRef:Dynamic = null : バーに反映する値を参照するオブジェクト
    • variable:String = "" : バーに反映する値を参照するオブジェクトの変数
    • min:Float = 0 : 最小値
    • max:Float = 100 : 最大値
    • border:Bool = false : 境界線を描画するかどうか
      trueの場合は境界線の描画のために高さを2px増やします

createFilledBar?() : 塗りつぶしのバーを作成します

  • 引数
    • empty:Int : 背景色(0xAARRGGBB)
    • fill:Int : 前面の色(0xAARRGGBB)
    • showBorder:Bool = false : 境界線を描画するかどうか
    • boarder:Int = 0xffffffff : 境界線の色
  • 戻り値:Void

createGradientBar?() : グラデーションのバーを作成します

  • 引数
    • empty:Array<Int> : 背景色
    • fill:Array<Int> : 前面の色
    • chunkSize:Int = 1: グラデーションの色数
    • rotation:Int = 180 : グラデーションする角度
    • showBorder:Bool = false : 境界線を描画するかどうか
    • border:Int = 0xffffffff : 境界線の色
  • 戻り値:Void

setParent() : FlxBarの親を設定します

  • 引数
    • parentRef:Dynamic : 親となるゲームオブジェクト
    • variable:String : 親のゲームオブジェクトの変数名
    • track:Bool = false : 親のX/Y座標を追いかけるならばtrue
    • offsetX:Int : 親からの描画オフセット座標X
    • offsetY:Int : 親からの描画オフセット座標Y
  • 戻り値:Void