一、前言
??在sailfish os application的開發過程中,幾乎是困難重重,因為我暫未找到具有完整性、指導性、易懂性的開發文檔,特別是組件的使用,現決定將自己的探究結果記錄下來。因此,這篇文章只會具有參考價值,完全算不得指導文檔。
二、內容
1.容器
- Page
屬性 | 描述 |
---|---|
暫無 | 暫無 |
注意: page類似于安卓開發中的activity,或者swing中的JFrame,代表著一個屏幕,例如首頁,設置。
2.布局
3.組件
- Slider (滑塊)
屬性 | 描述 |
---|---|
label | 組件標題 |
minimumValue | 最小值 |
maximumValue | 最大值 |
stepSize | 增量單位 |
valueText | 顯示值 |
樣例:
Slider {id: sliderlabel: "標題"width: parent.widthminimumValue: 0; maximumValue: 100; stepSize: 1valueText: value +"次"}
效果圖:
- Button(按鈕)
屬性 | 描述 |
---|---|
text | 按鈕名 |
onClicked | 點擊事件 |
樣例:
Button {text: "Save"onClicked: {//處理點擊事件}}
效果圖:
- Label(標簽)
屬性 | 描述 |
---|---|
text | 標簽里面的內容 |
樣例:
Label { text: "這是文本標簽"
}
效果圖:
- Repeater(中繼器)
說明: 他本身并不是一個可視化組件,而是一個方法,類似于for循環
樣例:
Repeater {model: ListModel { id: listModel }Label { text: model.sliderValue }}//這里是,根據model,創建Lable,并且不能主動觸發,需要通過
//listModel.append({"sliderValue": "Value: " + slider.value})
//來觸發
- ListModel(集合模型)
說明: 同樣的,ListModel也不是一個可視化組件,而是一個數據模型,類似于java中的集合對象。
樣例:
ListModel {id: myModelListElement {name: "Item 1"description: "Description for Item 1"}ListElement {name: "Item 2"description: "Description for Item 2"}// 動態添加元素Component.onCompleted: {myModel.append({"name": "Item 3", "description": "Description for Item 3"});}
}//這個數據模型中的對象是item1與item2,并且,在集合加載結束時,添加item3這個對象