カルーセルメニュー

動作

回転木馬のようにメニューを回転させて選択することがてきます。

バージョン

Curl Advanced UI 0.5

API説明

Carouselクラス

パッケージ

COM.CURLAP.ADVANCED-UI.UTILS

利用方法

とても簡単。

Carouselクラスのコンストラクタの引数に表示したい画像(Pixmapオブジェクト)を渡すだけ。

let carousel:Carousel = {Carousel
                                {ReflectImage width = 80pt, height = 120pt, {url “”}, from-pixmap = {SolidBorderFrame {url “./images/normal_leopard3.jpg”}}.pixmap, reflect-height = 70}.pixmap,
                                {ReflectImage width = 80pt, height = 120pt, {url “”}, from-pixmap = {SolidBorderFrame {url “./images/normal_polarbear2.jpg”}}.pixmap, reflect-height = 70}.pixmap,
                                {ReflectImage width = 80pt, height = 120pt, {url “”}, from-pixmap = {SolidBorderFrame {url “./images/normal_gopher.jpg”}}.pixmap, reflect-height = 70}.pixmap,
                                {ReflectImage width = 80pt, height = 120pt, {url “”}, from-pixmap = {SolidBorderFrame {url “./images/normal_duckling.jpg”}}.pixmap, reflect-height = 70}.pixmap,
                                {ReflectImage width = 80pt, height = 120pt, {url “”}, from-pixmap = {SolidBorderFrame {url “./images/normal_zoolemur1.jpg”}}.pixmap, reflect-height = 70}.pixmap,
                                {ReflectImage width = 80pt, height = 120pt, {url “”}, from-pixmap = {SolidBorderFrame {url “./images/normal_05redpanda.jpg”}}.pixmap, reflect-height = 70}.pixmap,
                                {ReflectImage width = 80pt, height = 120pt, {url “”}, from-pixmap = {SolidBorderFrame {url “./images/normal_05fox.jpg”}}.pixmap, reflect-height = 70}.pixmap,
                                {ReflectImage width = 80pt, height = 120pt, {url “”}, from-pixmap = {SolidBorderFrame {url “./images/normal_cowchew.jpg”}}.pixmap, reflect-height = 70}.pixmap,
                                {ReflectImage width = 80pt, height = 120pt, {url “”}, from-pixmap = {SolidBorderFrame {url “./images/normal_kangaroo.jpg”}}.pixmap, reflect-height = 70}.pixmap,
                                {ReflectImage width = 80pt, height = 120pt, {url “”}, from-pixmap = {SolidBorderFrame {url “./images/normal_zoollama.jpg”}}.pixmap, reflect-height = 70}.pixmap}

引数で渡された画像を”いい感じ”に自動配置しくるくる回ります。

 

 

サンプル

t-carousel.curl

t-carousel2.curl

関連Curl標準API

3D系全般