Mobl試用二

最近有空又看了一下Mobl的一些說語法，備忘一下：

1、screen：

代表一個界面，

screen root() {
   。。。
}

代表程序打開時顯示的第一個界面。如需要再聲名一個界面如下：

screen dlg() {
   。。。
}

 

2、header("XXXXXX")：

定義界面的Title欄，每個界面都可以定義，會使用默認的界面風格，使用方法：

screen XXX() {
    header("XXXX")
}

 

3、backButton:

用來返回上一個界面的按鈕，使用方法：

screen XXXXX(){
    backButton()
}

 

默認的效果：

 

4、button:

按鈕，使用方法：

button("Button", onclick={ alert("Click!"); })

第一個參數是按鈕的名稱,後面跟上按鈕的動作，上面這行代碼就完成了一個彈出框的效果：

 

5、group:

一個十分重要的控件，用來顯示列表等信息：

每一列都是可以點擊的，使用方法：

group {
    item(onclick={ buttons(); }) { "Buttons" }
    item(onclick={ buttons(); }) { "Buttons2" }
    item(onclick={ buttons(); }) { "Buttons3" }
  }

這裏定義瞭如上圖所顯示的3個項,每個item的名稱和單擊後要顯示的界面bottons, 我們在代碼裏定義這個界面

screen buttons() {
    header("Buttons") {
    backButton()
    button("Button", onclick={ alert("Click!"); })
  }

 

好了，今天先到這裏。