前言刚接触三易串口屏时很多开发者都会有一个疑问我已经拖了一个文本框到页面上为什么点击之后不能输入数字实际上在三易串口屏中输入框负责显示数据键盘控件负责输入数据。两者需要配合使用。本文以”温度设定值输入”为例详细介绍键盘控件的使用方法。一、输入功能实现原理先理解三易的输入逻辑。很多人以为点击输入框↓直接输入实际上流程是点击输入框↓弹出键盘↓用户输入↓输入框接收内容↓点击确定↓发送给MCU因此需要文本输入框键盘控件确定按钮三个控件配合完成。二、添加文本输入框在控件区拖入文本(Text)命名txtTemp显示效果温度设置该控件用于显示用户输入的数据。三、添加键盘控件在VP左下角资源区可以看到键盘生成操作区支持生成数字键盘和字符键盘。点击键盘生成选择键盘类型数字键盘系统会自动生成四、绑定输入框这是新手最容易遗漏的一步。必须让键盘知道当前输入的数据要写到哪个控件右侧工具栏选中键盘控件突入操作页面放置在非显示区域拖入一个变量控件用来标记绑定文本控件和键盘控件多控件输入必须这样做一个页面只能用一个键盘控件文本控件下写脚本4.文本控件下写脚本五、限制输入范围工业设备一般不允许任意输入。例如温控器0~300℃如果用户输入9999显然不合理。因此建议在输入完成事件中增加判断。例如这样可以避免错误参数发送给设备。六、组建通讯协议定义发送缓存byte txbuf[5];填写数据txbuf[0]0xFE;txbuf[1]0x01;txbuf[2]temp8;txbuf[3]temp0xFF;txbuf[4]0xEF;得到FE 01 00 19 EF八、发送到单片机调用串口发送uartSendbytes(txbuf,05);发送结果FE 01 00 19 EF单片机收到后解析即可。九、实际项目中的典型应用键盘控件通常用于温度设置设定温度转速设置设定RPM压力设置设定压力时间设置运行时间密码输入管理员密码十、开发经验总结很多新手第一次使用三易串口屏时会认为输入框 键盘实际上并不是。在三易的人机交互设计中输入框负责显示键盘控件负责输入按钮负责提交三者配合才能形成完整输入流程。理解这一点后无论是温度设定、密码登录还是参数配置页面都可以快速实现。
三易串口屏开发教程:如何使用键盘控件输入参数并发送给单片机
前言刚接触三易串口屏时很多开发者都会有一个疑问我已经拖了一个文本框到页面上为什么点击之后不能输入数字实际上在三易串口屏中输入框负责显示数据键盘控件负责输入数据。两者需要配合使用。本文以”温度设定值输入”为例详细介绍键盘控件的使用方法。一、输入功能实现原理先理解三易的输入逻辑。很多人以为点击输入框↓直接输入实际上流程是点击输入框↓弹出键盘↓用户输入↓输入框接收内容↓点击确定↓发送给MCU因此需要文本输入框键盘控件确定按钮三个控件配合完成。二、添加文本输入框在控件区拖入文本(Text)命名txtTemp显示效果温度设置该控件用于显示用户输入的数据。三、添加键盘控件在VP左下角资源区可以看到键盘生成操作区支持生成数字键盘和字符键盘。点击键盘生成选择键盘类型数字键盘系统会自动生成四、绑定输入框这是新手最容易遗漏的一步。必须让键盘知道当前输入的数据要写到哪个控件右侧工具栏选中键盘控件突入操作页面放置在非显示区域拖入一个变量控件用来标记绑定文本控件和键盘控件多控件输入必须这样做一个页面只能用一个键盘控件文本控件下写脚本4.文本控件下写脚本五、限制输入范围工业设备一般不允许任意输入。例如温控器0~300℃如果用户输入9999显然不合理。因此建议在输入完成事件中增加判断。例如这样可以避免错误参数发送给设备。六、组建通讯协议定义发送缓存byte txbuf[5];填写数据txbuf[0]0xFE;txbuf[1]0x01;txbuf[2]temp8;txbuf[3]temp0xFF;txbuf[4]0xEF;得到FE 01 00 19 EF八、发送到单片机调用串口发送uartSendbytes(txbuf,05);发送结果FE 01 00 19 EF单片机收到后解析即可。九、实际项目中的典型应用键盘控件通常用于温度设置设定温度转速设置设定RPM压力设置设定压力时间设置运行时间密码输入管理员密码十、开发经验总结很多新手第一次使用三易串口屏时会认为输入框 键盘实际上并不是。在三易的人机交互设计中输入框负责显示键盘控件负责输入按钮负责提交三者配合才能形成完整输入流程。理解这一点后无论是温度设定、密码登录还是参数配置页面都可以快速实现。