ディスクロージャ

動作

フレームを表示したり、クローズしたりできるコンポーネントです。

 

バージョン

Curl Advanced UI 0.5

API説明

DisclosureFrameクラス

  フレームを閉じたり・開いたりするフレーム・クラスです。 

パッケージ

  COM.CURLAP.ADVANCED-UI.CONTAINERS

スーパークラス

  Frame

プロパティ

  open?:bool フレームを開いているか否か

コンストラクタ

  default
    キーワード引数(open?:bool = false):初期状態で開くか否か 

メソッド

  open 開きます。
    戻り値:void

  close 閉じます
    戻り値:void

  switch open? == trueであれば閉じ、falseであれば開きます
    戻り値:void
 

DisclosureCommandButtonクラス

  DisclosureFrameの開閉ボタンのクラスです。 

パッケージ

  COM.CURLAP.ADVANCED-UI.CONTAINERS

スーパークラス

  CommandButton

プロパティ

  なし

コンストラクタ

  default
    引数1(frame:DisclosureFrame):DisclosureFrame
    キーワード引数(open-label:Label):開くボタンのラベル 
    キーワード引数(close-label:Label):開くボタンのラベル 

メソッド

  なし
 

利用方法

DisclosureFrameを作成し、DisclosureCommandButtonに割り当てます。(DisclosureFrameのみでも利用可能です。)

{curl 6.0 applet}
{applet manifest = “manifest.mcurl”}

{import * from COM.CURLAP.ADVANCED-UI.CONTAINERS}
{import * from COM.CURL.GUI.STYLED-CONTROLS}
{install-style-sheet {manifest-url “file”, “DEFAULT-STYLE-SHEET”}}

{value
    || Disclosuer
    def frame1 =
        {DisclosureFrame
            width = 3cm,
            height = 5cm,
            background = “pink”,
            {spaced-vbox
                {TextField},
                {ComboBox}
            }
        }

    def frame2 =
        {DisclosureFrame
            width = 3cm,
            height = 5cm,
            background = “yellow”,
            {spaced-vbox
                {TextField},
                {ComboBox}
            }
        }
   
    {spaced-vbox
        {text Disclosure},

        || normal CommandButton
        {CommandButton
            label = “switch!”,
            {on Action do
                {frame1.switch}
            }
        },
        frame1,

        || DisclosureCommandButton
        {DisclosureCommandButton
            ||open-label = “open!!”,
            ||close-label = “close!!”,
            frame2
        },
        frame2
    }

このサンプルでは、ボタンを押下するとFrameが画面上に表示され、再度押下しますと、Frameが表示されなくなります。画面スペースを有効活用したい場合に効果のあるライブラリです。

サンプル

ディスクロージャサンプル

関連Curl標準API

Frame
CommandButton