midorable
    Preparing search index...

    Class NinePatch

    9パッチ画像を描画する表示オブジェクト

    1つの画像を、4つのコーナー、4つのエッジ、1つのセンターの合計9つの領域に分割して描画する。 コーナーは元のサイズで描画され、エッジは片方向にのみ引き伸ばされ、センターは両方向に引き伸ばされる。 ウィンドウやボタンなど、サイズが可変のUI要素の背景などに利用することを想定している。

    const ninePatch = new NinePatch({
      context,
      image: myImageAsset,
      slice: { left: 10, top: 10, right: 10, bottom: 10 },
      width: 200,
      height: 100,
    });

    Hierarchy (View Summary)

    Index

    Constructors

    constructor

    Properties

    _context

    Accessors

    anchorX anchorY blendMode children colorTone context cursor filters height image interactive mask onClick onMouseMiddleDown onMouseMiddleUp onMouseRightDown onMouseRightUp onPointerDown onPointerEnter onPointerLeave onPointerMove onPointerUp onUpdate opacity parent rotation scaleX scaleY slice smooth visible width x y

    Methods

    addChild addChildAt dispatchClick dispatchMouseMiddleDown dispatchMouseMiddleUp dispatchMouseRightDown dispatchMouseRightUp dispatchPointerDown dispatchPointerEnter dispatchPointerLeave dispatchPointerMove dispatchPointerUp dispose findTopmostHit getAnchorAdjustedLocalBounds getLocalBounds hide hitTestPoint removeChild removeChildren render renderSelf setSize setSlice show update

    Constructors

    Properties

    Protected_context

    _context: AppContext

    Accessors

    • get onClick(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトがクリックされたときのイベントリスナー 左ボタンまたは主ポインタで押下された対象の上で、そのまま離されたときに発火する

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

    • get onMouseMiddleDown(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトの上でマウスの中ボタンが押されたときのイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

    • get onMouseMiddleUp(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトの上でマウスの中ボタンが離されたときのイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

    • get onMouseRightDown(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトの上でマウスの右ボタンが押されたときのイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

    • get onMouseRightUp(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトの上でマウスの右ボタンが離されたときのイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

    • get onPointerDown(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトがポインター押下されたときのイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

    • get onPointerEnter(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトにポインターが入ったときのイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

    • get onPointerLeave(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトからポインターが出たときのイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

    • get onPointerMove(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトの上でポインターが移動したときのイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

      ポインター押下時にこのオブジェクトが対象になった場合、ポインターが後から領域外に移動しても 押下中はこのオブジェクトに対して発火し続ける。

    • get onPointerUp(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      表示オブジェクトがポインターを離したときのイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

      ポインター押下時にこのオブジェクトが対象になった場合、ポインターが後から領域外に移動しても 押下中はこのオブジェクトに対して発火し続ける。

    • get onUpdate(): {
          off(listener: Listener): void;
          offAll(): void;
          on(listener: Listener): void;
      }

      1フレームの更新ごとに呼び出されるイベントリスナー

      Returns { off(listener: Listener): void; offAll(): void; on(listener: Listener): void }

    • get smooth(): boolean

      表示オブジェクトのスムージングの有効/無効

      Returns boolean

      描画時のスケーリング品質を設定する。 true の場合はスムージングが有効になり、false の場合はスムージングが無効になる。 ドット絵などを鮮明に表示したい場合に false に設定することを想定している。

    • set smooth(value: boolean): void

      Parameters

      • value: boolean

      Returns void

    Methods

    • 表示オブジェクトがクリックされたときのイベントを発火する

      Parameters

      Returns void

      左ボタンまたは主ポインタで押下された対象の上で、そのまま離されたときに発火する 通常、アプリケーション開発者がこのメソッドを直接呼び出すことはない。 判定処理時に自動的に呼び出される。

    • 描画するサイズを設定する

      Parameters

      • width: number

        幅

      • height: number

        高さ

      Returns void

      スライス情報に基づき、最小サイズを下回らないように自動調整される。

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Accessors
    Methods