フィッシュアイ・メニュー

動作

Macのメニューのようにポインターの場所によって滑らかに大きさが変化します。
またクリックしたときの動作を3つ用意しています。

 

バージョン

Curl Advanced UI 0.5

API説明

FishEyeSubMenuクラス

後述するFishEyeMenuBarの中で表示されるアイコンになります。

パッケージ

COM.CURLAP.ADVANCED-UI.CONTROLS

スーパークラス

Frame

コンストラクタ

default
位置引数(urll):表示されるアイコン画像のurl

メソッド

なし

FishEyeMenuBarクラス

FishEyeSubMenuを表示し、クリックした場合のイベントやアニメーションを発生させます。

パッケージ

COM.CURLAP.ADVANCED-UI.CONTROLS

スーパークラス

HBox

コンストラクタ

default
キーワード引数(default-icon-size):表示されるアイコンのサイズ
キーワード引数(click-animation:ClickAnimation=”twirl”):アイコンをクリックしたときに発生するイベントの種類(”twirl”,”flash”,”warp”)

メソッド

なし

利用方法

FishEyeMenuBarの中にFishEyeSubMenuのインスタンスを必要なだけ生成し、表示します。

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

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

{value
    {FishEyeMenuBar
        valign=”bottom”,
        width=25cm,
        height=5cm,
        click-animation=”flash”,
        defalt-icon-size=3cm,
        {FishEyeSubMenu {url “images/archive.png”}},
        {FishEyeSubMenu enabled?=false, {url “images/bar_chart.png”}},
        {FishEyeSubMenu {url “images/cd.png”}},
        {FishEyeSubMenu {url “images/configuration.png”}},
        {FishEyeSubMenu {url “images/copy.png”}},
        {FishEyeSubMenu {url “images/database.png”}},
        {FishEyeSubMenu {url “images/email.png”}},
        {FishEyeSubMenu {url “images/folder_lock.png”}},
        {FishEyeSubMenu {url “images/image.png”}},
        {FishEyeSubMenu {url “images/messenger.png”}},
        {FishEyeSubMenu {url “images/movie.png”},
            {on PointerPress do
                {popup-message “押されました!”}
            }
        }
    }
}

 

関連Curl標準API

Menu