オシレーティングボタン | CURL DEVELOPER CENTER

動作

ボタンにフォーカスを当てたり、ポインタを合わせるとボタンアイコン画像が振動するコマンドボタンです。

ボタンをクリックするとひときわ大きく振動します。

バージョン

Curl Advanced UI 0.5

API説明

OscillatingButtonクラス

ボタンにフォーカスイン、または、ボタン上にポインタを乗せるとボタンのアイコンが振動します。

ボタンをクリックするとひときわ大きく振動します。

パッケージ

COM.CURLAP.ADVANCED-UI.CONTROLS

スーパークラス

CommandButton

プロパティ

image-placement:LabelImagePlacement　ボタンアイコン画像の位置

コンストラクタ

default
引数1（static-label:#Label = “”）:ボタンに表示する名称ラベル

引数2(label-image:Pixmap):ボタンアイコン画像

引数3(image-placement:LabelImagePlacement = LabelImagePlacement.right):ボタンアイコン画像の位置

※初期設定ではボタンアイコン画像の位置は名称ラベルの右側になります。

LabelImagePlacement(列挙型)

ボタンアイコン画像の位置情報を持ちます。

パッケージ

COM.CURLAP.ADVANCED-UI.UTILS

スーパークラス

なし

要素

top　ボタンアイコン画像の位置は名称ラベルの上側になります。

bottom　ボタンアイコン画像の位置は名称ラベルの下側になります。

left　ボタンアイコン画像の位置は名称ラベルの左側になります。

right　ボタンアイコン画像の位置は名称ラベルの右側になります。

overlap　ボタンアイコン画像の位置は名称ラベルに重なります。

利用方法

ボタンアイコン画像、名称ラベルを設定してオシレーティングボタンを作成します。

{curl 6.0 applet}
{curl-file-attributes character-encoding = “utf8”}
{applet manifest = “manifest.mcurl”}

{import * from COM.CURLAP.ADVANCED-UI.CONTROLS}
{import * from CURL.GUI.SHAPES}

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

{View
    {Dialog
        margin = 30pt,
        background = “white”,
        {Table
            border-width = 1pt,
            border-color=”black”,
            cell-border-width = 1pt,
            cell-border-color = “black”,
            halign = “center”,
            valign = “center”,
            {row-prototype
                {cell-prototype
                    {big {bold ImagePlacement}}
                },
                {cell-prototype “”}
            },
            {row-prototype
                {cell-prototype
                    {big {bold Right}}
                },
                {cell-prototype
                    {OscillatingCommandButton
                        static-label = {bold {big Search}},
                        {Pixmap.from-url
                            {url “./images/lens.png”}
                        }
                    }
                }
            },
            {row-prototype
                {cell-prototype
                    {big {bold Left}}
                },
                {cell-prototype
                    {OscillatingCommandButton
                        static-label = {bold {big Search}},
                        {Pixmap.from-url
                            {url “./images/lens.png”}
                        },
                        image-placement = “left”
                    }
                }
            },
            {row-prototype
                {cell-prototype
                    {big {bold Top}}
                },
                {cell-prototype
                    {OscillatingCommandButton
                        static-label = {bold {big Search}},
                        {Pixmap.from-url
                            {url “./images/lens.png”}
                        },
                        image-placement = “top”
                    }
                }
            },
            {row-prototype
                {cell-prototype
                    {big {bold Bottom}}
                },
                {cell-prototype
                    {OscillatingCommandButton
                        static-label = {bold {big Search}},
                        {Pixmap.from-url
                            {url “./images/lens.png”}
                        },
                        image-placement = “bottom”
                    }
                }
            },
            {row-prototype
                {cell-prototype
                    {big {bold Overlap}}
                },
                {cell-prototype
                    {OscillatingCommandButton
                        static-label = {bold {big Search}},
                        {Pixmap.from-url
                            {url “./images/lens.png”}
                        },
                        image-placement = “overlap”
                    }
                }
            },
            {row-prototype
                {cell-prototype
                    {big {bold style > label-only}}
                },
                {cell-prototype
                    {OscillatingCommandButton
                        {Pixmap.from-url
                            {url “./images/lens.png”}
                        },
                        style = “label-only”
                    }
                }
            }
        }
    },
    visibility = “normal”,
    {on WindowClose do
        {exit}
    }
}

サンプル

t-oscillating-button.dcurl

動作

バージョン

API説明

利用方法

サンプル

関連Curl標準API