|
モバイル開発環境「Caede」
|
|
作者 Curl
|
|
2011年11月10日(木曜日) 04:00 |
|
CaedeではCurl標準GUIコンポーネント及びモバイル用コンポーネントをご利用いただくことが可能です。
但し、Curl言語のすべての機能はサポートしておらず、機能制限があります。またモバイル用として作成されますのでシミュレータや実機で確認した場合、見た目や動きが変わることもあります。
サポートされる標準GUIコンテナ (2011年11月28日現在)
- Frame
- VBox, HBox
- Canvas
- Fill
- Table
- ...etc
サポートされる標準GUIコントロール (2011年11月28日現在)
- TextField, TextArea, PasswordField
- CommandButton
- RadioButton, CheckButton
- DropdownList
- Slider
- ...etc
サポートされる標準GUIイベント (2011年11月28日現在)
- Action
- PointerPress, PointerRelease, PointerEnter, PointerLeave
- KeyPress
- AttachEvent
- ...etc
サポートされるモバイル用GUIコンポーネント (2011年11月28日現在)
- リストビュー (CaedeListViewクラス)
- 画像コントロール(caede-imageプロシージャ、CaedeImageGraphicクラス)
- ...etc
リストビュー
|
|| CaedeListViewクラス (フレームワークのGraphicクラスに定義) {CaedeListView width = 200pt, name = "list-view1", {CaedeListViewItemDivider "行No. 商品 商品名"}, {CaedeListViewItemData "aaa", "1"}, {CaedeListViewItemData "bbb", "2"}
}
def lv = {self.find-graphic-by-name "list-view1"} asa CaedeListView
|| 行のappend, insert, deleteも可能 (フレームワークのScreenクラスに定義) {lv.append {CaedeListViewItemData "ccc", "3"}}
|| 行のEventHandler (フレームワークのScreenクラスに定義) {lv.set-action-handler-for-index {on Action do {popup-message "foo"} }, 0 || index }
|
CaedeListViewを使う場合は、以下のパッケージをインポートする必要があります。
{import * from COM.CURL.CAEDE.TRANSLATOR.HTML.CLIENT}
画像コントロール
|
|| caede-imageプロシージャ {caede-image name = "new_image_g", image-map = {{HashTable-of String, Url} "logo1", {url "image/logo1.png"}, "logo2", {url "image/logo2.png"} }, "logo1" }
|| CaedeImageGraphicクラス set self.image-g = {self.find-graphic-by-name "new_image_g"} asa CaedeImageGraphic
|| ボタン押下時に画像を入れ替える {self.logo12btn.add-event-handler {on Action do set self.image-g.source = "logo2" } }
|
対応しているすべてのGUIコンポーネントにつきましては、Caede API リファレンスを参照ください。
今後、さらなる機能拡張をユーザニーズに併せて実施していく予定ですので、ご要望をコミュニティ・サイトに投稿いただければと思います。
|
|
最終更新 ( 2011年11月28日(月曜日) 13:09 )
|