USART HMI 资料中心

官方技术交流QQ群:916560014

站点工具


目录索引

4.开发环境详解:1.软件界面概括

此模块还在完善过程中,如有不便请谅解

主界面



USART HMI软件作为淘晶驰智能串口屏集成开发环境。该集成开发环境串口屏界面设计,调试等开界面开发所有功能。

集成开发环境环境大致分为几大功能区,如下图所示。

  1. 菜单栏

  2. 工具栏

  3. 工具箱

  4. 资源文件窗口

  5. 界面

  6. 特殊控件窗口

  7. 输出窗口

  8. 事件编辑窗口

  9. 页面窗口

  10. 属性窗口

  11. 调试窗口

  12. 下载窗口

  13. 设备窗口

QQ图片20190118220056.png




1.菜单栏


1.1文件菜单

QQ图片20190118223925.png

    1.1.1输出生产文件

    该菜单用于输出编译生成的.tft类型文件。.tft文件用于做TF卡升级或外部设备串口升级使用。

    image.png

    1.1.1.1生产输出的.tft文件,与项目工程文件同名。

    1.1.1.2在弹出的《输出生产文件》窗口窗口中,我们可以选择一个指定的目录用于存放输出的.tft文件。

    1.1.1.3选择《输出》按钮。将对项目进行编译后,生成新的.tft文件。并打开《输出文件夹》。

        注1:如果《输出文件夹》已经存在同名的.tft文件,新生成的文件会覆盖旧文件。

        注2:如果项目编译失败,将不会打开《输出文件夹》。请留意输出窗口的错误提示。

    1.1.1.3《仅打开输出文件夹》。不编译当前项目工程,直接打开《输出文件夹》。

          技巧:如果仅仅是想打开上次编译生成的文件,可以执行该操作。

    1.1.2打开

   打开一个.HMI工程文件。

   ▶1.1.3新建

    新建一个.HMI工程文件。

   ▶1.1.4保存

   保存当前正在编辑的工程文件。

   ▶1.1.5另存为

   将当前编辑的工程文件,另存为一个副本。

   ▶1.1.6版本备份目录

   打开backup文件夹。

    打开的目录文件夹下保存的工程文件为,使用新新版本USART HMI软件第一次打开旧版本工程文件之前自动备份的工程文件。

   ▶1.1.7虚拟eeprom文件夹

    打开eeprom文件夹。

    eeprom文件夹保存的文件是USART HMI软件在模拟运行工程中生成的eeprom文件。

   ▶1.1.8关闭工程

    关闭当前正在编辑的工程文件。

   ▶1.1.9退出

   退出USART HMI集成开发环境。


1.2工具菜单

QQ图片20190118231443.png

     1.2.1字库制作

     《字库制作》工具是USART HMI开发环境使用的专用字库制作工具。

     具体使用方法请参考资料中心->开发环境详->字库章节。

    1.2.2动画制作(GmovMaker)

     《动画制作》工具是是USART HMI开发环境使用的专用动画制作工具。

      具体使用方法请参考资料中心->开发环境详->动画制作章节。

    1.2.3视频/音频转换(VideoBox)

     《视频/音频转换》工具是是USART HMI开发环境使用的专用视频/音频制作工具。

      具体使用方法请参考资料中心->开发环境详->视频/音频转换章节。

1.3设置菜单

image.png

1.3.1软件设置

在该选项打开的窗口中,可以根据个人喜好对开发环境的各种参数进行配置。

1.3.2重置窗口布局

将开发环境的各项配置参数,窗口布局恢复到默认状态。

1.4帮助菜单

image.png

1.4.1指令集

该菜单可以打开一个帮助文档,改文档包含串口屏的关键文档描述。方便无法连接互联网的客户查阅资料。

注意:强烈建议客户使用在线版本资料中心的资料。因为离线版本并没有包含本治疗中心的所有资源文档,同时可能由于资料更新不及时出现部分功能描述与软件功能不一致。

1.4.2 USART HMI 资料中心

该菜单会链接到在线网页版本的USART HMI 资料中心。

1.5关于菜单

image.png

1.5.1关于USART HMI

该菜单用于查看软件版本信息。

1.5.2检测版本更新

该菜单用于连接服务器,检测软件是否有新版本。

1.5.3最新信息

该菜单用于介绍软件各个版本的升级新功能信息。



2.工具栏


▶2.1 文件操作快捷菜单。

如下图所示,快捷操作功能同文件操作菜单。

image.png

▶2.2项目操作菜单

image.png

2.2.1 编译

对当前的工程文件进行编译操作。并将结果显示在输出窗口中。

▶2.2.2 调试

对编译成功的项目进行模拟运行操作。该功能可以不需要借助实物串口屏快速的验证项目工程的功能是否符合预期需求。具体调试操作请参考调试窗口

▶2.2.3 下载

将编译生成的.tft文件下载到实物串口屏中。具体下载方法可以参考下载窗口

▶2.3控件编辑菜单

image.png

image.png

2.3.1 控件复制

对界面编辑区中处于选中状态的按钮复制到粘帖板中。也可以使用Crtl+C快捷键执行相同操作。

注意:如果界面区没有选中的控件时,执行该操作会出现警告提示。

2.3.2 控件剪切

对界面编辑区中处于选中状态的按钮剪切到到粘帖板中。也可以使用Crtl+X快捷键执行相同操作。

注意:如果界面区没有选中的控件时,执行该操作会出现警告提示。

2.3.3 控件粘帖

将剪切板中的控件粘帖到界面编辑区。也可以使用Crtl+V快捷键执行相同操作。

注意:如果粘贴板中没有已经复制/剪切好的控件信息时,执行该操作会出现警告提示。

2.3.4 控件锁定/解锁

选择控件以后,通过点击锁定/解锁按纽来实现控件的锁定/解锁功能。控件被锁定以后,将再控件的右上角显示一个“image.png”图标。

被锁定的控件,不能通过鼠标拖动控件修改控件位置,和鼠标拖动修改控件的大小。但是仍然可以选中控件后通过修改属性区域的x,y,w,h属性来调整控件的位置和大小。该功能能有效防止防止因误操作修改了已经布局好的界面。

2.3.5 控件删除

对界面编辑区中处于选中状态的控件执行删除操作。

2.3.5 控件撤销/恢复

撤销/恢复上一次在界面编辑区的操作。

注意:只能是撤销/恢复界面编辑区的操作。不能撤销/恢复资源编辑窗页面窗口事件编辑窗口的操作。

2.3.6 设备按钮

打开设备选择窗口。可以配置产品系列,型号以及屏幕显示方向等。具体请参考设备窗口章节。

2.3.7 ID按钮

点击该按钮,可以切换显示/不显示界面区域控件名称。

2.3.8 缩放比例

可以对界面区域的界面编辑内容进行放大/缩小调节。范围为10%-600%。方便界面布局的时候,精确摆放控件的位置和调节控件的大小。

技巧:可以双击当前的百分比数值,快速将显示比例调整为默认的100%。

2.3.8 控件图层调节

图层调节,主要用于在多个控件存在重叠区域时的现实层级关系。个页面上的所有控件都拥有不同的图层,可以通过图层调节按钮来调节控件的图层关系。

image.png该按钮用于将控件于所有控件最顶层。

image.png该按钮用于将控件于所有控件最底层。

注意1:T0,K0系列串口屏,只有在页面初始化的时候,具体图层功能。再触摸屏运行过程中,低层级的控件刷新后,将被置于顶层。X系列串口屏具有图层保持功能,在运行过程中能一直保持图层级别。

注意2:使用图层调节按钮,调节控件的图层优先级功能会导致控件ID号变化,如果需要用到名称组等功能,需要特别小心!

2.3.9 控件布局

image.png

如图所示,可以使用工具栏中的快捷操作对同时选中的多个控件进行对边沿齐、中心对齐、控件大小相等、等间距、间距放大、间距缩小布局操作。



3.工具箱

工具箱窗口中列有串口屏支持的所有控件列表。用户需要使用各种控件是直接将对应的控件拖放放界面编辑区域。各个控件的详细使用方法请参考控件详解章节。



4.资源文件窗口






5.界面


image.png

界面窗口是UI编辑的主要工作区域,该区域可以被分为两部分。如上图所示,中间一个与当前闲着设备型号分辨率相同的区域为设备运行的可显示区域,超出该范围的为设备运行不可显示区域。

可显示区域,以左上角作为坐标原点。分别向右(X轴)和向下(Y轴)增长,增长步进为1像素点。



6.特殊控件窗口


image.png

特殊控件窗口位于界面窗口的下方。用于显示当前页面的变量控件、定时器控件等无法在界面区域显示的特殊控件。

如果当前页面没有该类无法在界面显示的特殊控件,该窗口可能会被开发环境自动隐藏。


7.输出窗口


image.pngimage.png

输出窗口主要用于输出编译结果信息。

如果项目正常编译成功,窗口中会列出项目工程的各类资源占用详细信息。

如果项目编译失败,窗口中会列出错误信息。如果是事件代码错误,可以双击错误信息可以定位到错误代码位置。如果是提示字库ID无效,图片ID无效等资源文件错误,请按照提示查找缺少的资源项目,添加对应的资源文件或者修改控件属性不使用该资源。


8.事件编辑窗口


image.pngimage.png

如上图所示,串口屏有多种触发事件,每种事件都可以根据情况编写不同的代码。可以根据实际功能需求选择对应的事件类型。

▶8.1 页面事件详解

8.1.1 前初始化事件

每次在执行page命令时,在执行页面刷新操作以前,串口屏会自动执行一次《前初始化事件中》的代码。

8.1.2 后初始化事件

每次在执行page命令时,在页面刷新操作完成以后,串口屏会自动执行一次后初始化事件》中的代码。

8.1.3 页面离开事件

每次在执行page切换新的页面前,串口屏会自动执行一次当前页面的《页面离开事件》中的代码。

8.1.2 页面按下事件

显示区域内且没有控件的区域,触摸被按下的瞬间,串口屏会自动执行一次页面的《按下事件》中的代码。

8.1.3 页面弹起事件

显示区域内且没有控件的区域(以触摸按下是的坐标为准),触摸按下以后松开触摸的的瞬间,串口屏会自动执行一次页面的《弹起事件》中的代码。

▶8.2 控件事件详解

8.2.1 控件按下事件

在控件的显示区域内,触摸被按下的瞬间,串口屏在执行完成控件按下状态刷新完成以后,串口屏会自动执行一次控件的《按下事件》中的代码。

8.2.2 控件弹起事件

在控件的显示区域内(以触摸按下是的坐标为准)触摸按下以后松开触摸的的瞬间,串口屏在执行完成控件弹起状态刷新完成以后,串口屏会自动执行一次控件的《弹起事件》中的代码。

8.2.3 控件滑动事件

在控件的显示区域内(以触摸按下是的坐标为准),触摸按下以后且没有松开的过程中,每次触摸坐标发送改变后串口屏会自动执行一次控件的《滑动事件》中的代码。

8.2.4定时事件

定时器设定时间到了以后,串口屏会自动执行一次定时器的《定时事件》中的代码。

8.2.5播放完成事件

视频/动画控件播放完成一次视频文件/动画文件以后,串口屏会自动执行一次控件的《播放完成事件》中的代码。


9.页面窗口

image.png

▶9.1页面窗口简介



10.属性窗口



11.调试窗口



12.下载窗口



13.设备窗口



4.开发环境详解/1.软件界面概括.txt · 最后更改: 2019/01/30 22:57 由 zcd        浏览次数:23932/1100522(本页/全站)