Remote+

案例程序

from m5stack import *
from m5ui import *
from uiflow import *
import time
remoteInit()

setScreenColor(0x222222)

switch_value = None
slider_value = None
stepper_value = None
rp_label1_data = None

from numbers import Number

def button_1_callback():
  global rp_label1_data, switch_value, slider_value, stepper_value
  print('Button Press')

def switch_1_callback(switch_value):
  global rp_label1_data, slider_value, stepper_value
  print(switch_value)

def slider_1_callback(slider_value):
  global rp_label1_data, switch_value, stepper_value
  print(slider_value)

def stepper_1_callback(stepper_value):
  global rp_label1_data, switch_value, slider_value
  print(stepper_value)

def label_1_callback():
  global rp_label1_data, switch_value, slider_value, stepper_value
  return rp_label1_data
lcd.qrcode('https://flow.m5stack.com/remote?id=undefined', 72, 32, 176)
rp_label1_data = 0
while True:
  rp_label1_data = (rp_label1_data if isinstance(rp_label1_data, Number) else 0) + 1
  wait(1)
  wait_ms(2)

功能说明

lcd.qrcode('https://flow.m5stack.com/remote?id=undefined', 72, 32, 176)

• 设置生成网页的二维码显示位置与大小。注： 网页首次运行后， 将自动更新代码中 URL 的 remote 参数，因此该 API 需先通过 UIFlow 在线模式运行一次。

• 在程序块菜单中， 点击 Remote+功能，在页面的右侧将出现预览窗口用于添加控件，用户可以通过拖拽的方式，往页面空白处添加控件。在配置好所有控件且完成程序推送后，点击预览窗口上方的二维码能够获取控制页面链接。

Button

def button_1_callback():
  pass

• 添加一个触控按键到控制页面中， 每添加一个按键，在编程区域将自动生成一个对应的 Callback 函数， 按下按键后将触发执行函数的内容。

Switch

def switch_1_callback(switch_value):
  print(switch_value)

• 添加一个切换开关到控制页面中， 每添加一个切换开关，在编程区域将自动生成一个对应的 Callback 函数， 开关动作时将触发执行函数的内容，并通过变量switch_value传递开关状态。开关动作时将触发执行函数的内容，并通过变量switch_value传递开关状态。switch_value: 1(ON)/0(OFF)

Slider

def slider_1_callback(slider_value):
  print(slider_value)

• 添加一个滑动条到控制页面中， 每添加一个滑动条，在编程区域将自动生成一个对应的 Callback 函数， 滑动条动作时将触发执行函数的内容，并通过变量slider_value传递开关状态。滑动条动作时将触发执行函数的内容，并通过变量slider_value传递滑动条位置状态。slider_value: 可通过控件属性配置数值范围。

Stepper

def stepper_1_callback(stepper_value):
  print(stepper_value)

• 添加一个 Stepper 到控制页面中， 每添加一个滑动条，在编程区域将自动生成一个对应的 Callback 函数， Stepper 动作时将触发执行函数的内容，并通过变量stepper_value传递当前数值状态。

Label

def label_1_callback():
  global rp_label1_data
  return rp_label1_data

• 添加一个显示标签到控制页面中， 每添加一个显示标签，在编程区域将自动生成一个对应的 Event 定时器函数， 设备程序运行时将自动按照指定间隔时间上传数据内容(默认间隔为 3000ms)，上传的内容将自动更新显示到页面控件上。

Joystick

def joystick_1_callback(joystick_x_value, joystick_y_value):
  print(joystick_y_value)
  print(joystick_x_value)

• 添加一个摇杆控件到控制页面中， 每添加一个摇杆控件，在编程区域将自动生成一个对应的 Callback 函数， 摇杆控件移动时将触发执行函数的内容，并通过变量joystick_x_value和joystick_y_value传递当前摇杆状态。

Input

def input_1_callback(input_value):
  print(input_value)

• 添加一个输入文本框到控制页面中， 每添加一个输入文本框，在编程区域将自动生成一个对应的 Callback 函数， 输入框文本变动时将触发执行函数的内容，并通过变量input_value传递输入文本。

Image

def image_1_callback():
  global rp_img1_url
  return rp_img1_url

• 添加一个图像控件到控制页面中， 访问控制页面时候，页面将按照指定间隔时间向指定 URL 获取图片数据(默认间隔为 3000ms)，并更新显示到页面控件上。

Gauge

def gauge_1_callback():
  global rp_gauge1_data
  return rp_gauge1_data

• 添加一个仪表盘到控制页面中， 每添加一个仪表盘，在编程区域将自动生成一个对应的 Event 定时器函数， 设备程序运行时将自动按照指定间隔时间上传数据内容(默认间隔为 3000ms)，上传的内容将自动更新显示到页面控件上。

Chart

添加一个图表到控制页面中， 该图标需通过 Ezdata 功能 指定数据来源，支持配置图表刷新间隔与基本样式。