スライドするScrollBox

動作

“すぃ~と”スクロールするスクロールボックスです。

バージョン

Curl Advanced UI 0.5

API説明

SlideScrollBoxクラス

パッケージ

COM.CURLAP.ADVANCED-UI.CONTAINERS

利用方法

とても簡単。

SlideScrollBoxクラスのコンストラクタの引数にスライドさせたいオブジェクトを渡すだけ。

 

   {SlideScrollBox width = 400pt, height = 50pt,
            {HBox spacing = 3pt,
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst1”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst2”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst3”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst4”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst5”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst6”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst7”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst8”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst9”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst0”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst1”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst2”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst3”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst4”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst5”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst6”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst7”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst8”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst9”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst0”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst1”},
                {Frame width = 49pt, height = 49pt, background = “aliceblue”, “This is TEst2”}
            }
        }

 

引数で渡されたオブジェクトを”いい感じ”にすぃ~とスクロールして表示します。

 

サンプル

t-slidescrollbox.curl

関連Curl標準API

ScrollBox