【柿饼派GUI】第一个工程(一)


首先在RTT官网下载咱们今天要用到的设计器,下载之后双击安装。
也可以点击这里直接下载
本机环境是: win10 x64, win7在安装时还需安装对应驱动,在安装时会有提示,默认下一步即可
软件视图如下所示:

各功能区介绍:

  1. 软件各菜单栏
  2. 功能栏:包括新建工程、page页、编辑、模拟、下载、以及控件布局
  3. 工具箱:咱们使用的所有控件在这里展现
  4. 资源管理:可以添加图片、字体文件
  5. 工程管理:以树节点展现各页信息
  6. 属性栏:控件的属性展示和设置
  7. 设计区域:控件拖放

具体控件介绍可以参考帮助>>使用说明内的文档。
好的,咱们现在来新建一个工程吧!
点击文件>>新建>>新建工程
依次如图显示

这时会有一个默认的工程名称,位置默认是在软件安装目录,还可以设置分辨率,由于柿饼派是480*272,咱们就选择默认分辨率
点击确认,这时会弹出让你设置page页名称的窗体,这里设置的名称是page页的名字,在右上角工程管理器里面可以看到

再次确认之后就进入到了咱们设计UI的页面了, 中间那块区域就是咱们大展身手的地方了

此时可以看到工程管理部分的结构,page1下有page1.jspage1.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],如果还未检测到设备, 换一根可传输数据的线(部分线无法传输数据,只供电)尝试

给板子上电之后,会看到下载按钮亮起来了,此时左下角的设备连接状态也更新了


点击下载按钮,一路确认,下载完成之后板子会自动重启的
让我们看一下板子效果


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM