tsb_waveform_page.lua 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. --[[
  2. @module tsb_waveform_page
  3. @summary 简易示波器页面
  4. @version 1.0
  5. @date 2026.03.17
  6. @author 李一玮
  7. @usage
  8. 本文件是简易示波器页面,展示232日志的各种用法。
  9. ]]
  10. local tsb_waveform_page = {}
  11. -- 页面UI元素
  12. local main_container = nil
  13. local common_ui = require("tsb_common_page")
  14. -- 创建UI
  15. function tsb_waveform_page.create_ui()
  16. main_container = airui.container({
  17. x = 0,
  18. y = 0,
  19. w = 480,
  20. h = 320,
  21. color = 0xF5F5F5,
  22. })
  23. --------------------- 标题栏 ------------------------
  24. local title_bar = airui.container({
  25. parent = main_container,
  26. x = 0,
  27. y = 0,
  28. w = 480,
  29. h = 30,
  30. color = 0xFFAB91,
  31. })
  32. airui.label({
  33. parent = title_bar,
  34. text = "简易示波器",
  35. x = 190,
  36. y = 8,
  37. w = 200,
  38. h = 20,
  39. font_size = 16,
  40. color = 0xFFFFFF,
  41. })
  42. -- 标题栏公共信息展示
  43. common_ui.add_battery_display(title_bar)
  44. common_ui.create_back_button(title_bar, tsb_waveform_page.cleanup)
  45. -- 滚动容器
  46. local scroll_container = airui.container({
  47. parent = main_container,
  48. x = 0,
  49. y = 30,
  50. w = 480,
  51. h = 270,
  52. color = 0xFFFFFF,
  53. })
  54. -- 创建两个容器卡片
  55. local card_width = 140
  56. local card_height = 80
  57. local padding = 20
  58. local y_offset = 20
  59. -- 示波器输入卡片
  60. local input_card = airui.container({
  61. parent = scroll_container,
  62. x = padding,
  63. y = y_offset,
  64. w = card_width,
  65. h = card_height,
  66. color = 0xFFD93D,
  67. radius = 8,
  68. })
  69. -- 示波器输入标题
  70. airui.label({
  71. parent = input_card,
  72. text = "波形输入",
  73. x = 10,
  74. y = 10,
  75. w = card_width - 20,
  76. h = 30,
  77. font_size = 16,
  78. color = 0x000000,
  79. })
  80. -- 点击事件
  81. input_card:set_on_click(function()
  82. log.info("waveform_page", "点击示波器输入卡片")
  83. _G.show_page("tsb_wavein_page")
  84. end)
  85. -- 示波器输出卡片
  86. local output_card = airui.container({
  87. parent = scroll_container,
  88. x = padding * 2 + card_width,
  89. y = y_offset,
  90. w = card_width,
  91. h = card_height,
  92. color = 0x72DDF7,
  93. radius = 8,
  94. })
  95. -- 示波器输出标题
  96. airui.label({
  97. parent = output_card,
  98. text = "波形输出",
  99. x = 10,
  100. y = 10,
  101. w = card_width - 20,
  102. h = 30,
  103. font_size = 16,
  104. color = 0x000000,
  105. })
  106. -- 点击事件
  107. output_card:set_on_click(function()
  108. log.info("waveform_page", "点击示波器输出卡片")
  109. _G.show_page("tsb_waveout_page")
  110. end)
  111. -- 底部信息
  112. common_ui.create_status_bar(main_container)
  113. end
  114. -- 初始化页面
  115. function tsb_waveform_page.init(params)
  116. tsb_waveform_page.create_ui()
  117. end
  118. -- 清理页面
  119. function tsb_waveform_page.cleanup()
  120. if main_container then
  121. main_container:destroy()
  122. main_container = nil
  123. end
  124. end
  125. return tsb_waveform_page