首先在RTT官網下載咱們今天要用到的設計器,下載之后雙擊安裝。
也可以點擊這里直接下載
本機環境是: win10 x64, win7在安裝時還需安裝對應驅動,在安裝時會有提示,默認下一步即可
軟件視圖如下所示:
各功能區介紹:
- 軟件各菜單欄
- 功能欄:包括新建工程、page頁、編輯、模擬、下載、以及控件布局
- 工具箱:咱們使用的所有控件在這里展現
- 資源管理:可以添加圖片、字體文件
- 工程管理:以樹節點展現各頁信息
- 屬性欄:控件的屬性展示和設置
- 設計區域:控件拖放
具體控件介紹可以參考幫助
>>使用說明
內的文檔。
好的,咱們現在來新建一個工程吧!
點擊文件
>>新建
>>新建工程
依次如圖顯示
這時會有一個默認的工程名稱,位置默認是在軟件安裝目錄,還可以設置分辨率,由於柿餅派是480*272
,咱們就選擇默認分辨率
點擊確認
,這時會彈出讓你設置page頁名稱的窗體,這里設置的名稱是page頁的名字,在右上角工程管理器里面可以看到
再次確認之后就進入到了咱們設計UI的頁面了, 中間那塊區域就是咱們大展身手的地方了
此時可以看到工程管理部分的結構,page1
下有page1.js
和page1.ui
然后咱們拖一個label
控件和button
控件,給label1
控件的文本對齊方式
設置為middlecenter
給button1
控件的調用屬性bindtap
設置上sayHello
函數名字, 然后回車, 切記一定記得敲回車, 之后雙擊bindtap
節點
此時跳轉到page1.js
里面, 你會發現最后一個函數就是咱們剛剛輸入的, 接着就是實現點擊 button 使 label 改變文本
this.setData({ label1: { value: 'hello world !!', refresh: true } });
大功告成,接下來就是模擬了, 看一下是不是跟咱們預期的一樣呢?
嗯, 看來還是可以的, 咱們的第一個demo就完成了。怎么樣?是不是挺簡單的?
PC端是OK了,那么在板子上到效果是怎樣的呢?
如果上電之后發現無法識別到設備怎么辦,這里引用一下柿餅派交流群里面的注意事項:
1. 請直連電腦勿使用HUB等設備
2. 在設備管理器,查看[通用串行總線設備]內是否有[RTT Win USB],如果還未檢測到設備, 換一根可傳輸數據的線(部分線無法傳輸數據,只供電)嘗試
給板子上電之后,會看到下載按鈕亮起來了,此時左下角的設備連接狀態也更新了
點擊下載按鈕,一路確認,下載完成之后板子會自動重啟的
讓我們看一下板子效果