Tutorials: Difference between revisions

From Smart LCD
Line 126: Line 126:


=== '''Show Graph data and update via RS-232C''' ===
=== '''Show Graph data and update via RS-232C''' ===
[[File:SDM-20-0011.jpg|thumb]]
[[File:SDM-20-0011.jpg|right]]
 
* Demo Model: HMT070ATA-1C
* Demo Model: HMT070ATA-1C
* Demo Video: [https://Youtu.be/ -IlA38DPYk youtu.be/_-IlA38DPYk] (2:48)
* Demo Video: [https://Youtu.be/ -IlA38DPYk youtu.be/_-IlA38DPYk] (2:48)
Line 139: Line 138:


=== '''Number value and updated via RS-232C''' ===
=== '''Number value and updated via RS-232C''' ===
[[File:SDM-19-0010.jpg|right]]
* Demo Model: HMT070ATA-1C
* Demo Model: HMT070ATA-1C
* Demo Video: [https://Youtu.be/XQp6tghR68U youtu.be/XQp6tghR68U] (2:03)
* Demo Video: [https://Youtu.be/XQp6tghR68U youtu.be/XQp6tghR68U] (2:03)
Line 147: Line 147:


[[File:Num.png|64x64px]]
[[File:Num.png|64x64px]]
=== '''Show animated GIF on Smart LCD''' ===
[[File:SDM-19-0011.jpg|right]]
* Demo Model: HMT070ATA-1C
* Demo Video: [https://Youtu.be/GqI0GiIDK80 youtu.be/GqI0GiIDK80] (1:54)
* Demo Project:
* - Import animated GIF into to TOPWAY RGTools
* - Animation element with transparency setting
* - Static_String element display with built Font Library


note. SGTools is an updated development tools over previous RGTools that used in the videos.
note. SGTools is an updated development tools over previous RGTools that used in the videos.

Revision as of 14:32, 11 August 2025

Show text, icon and background on Smart LCD

  • Static_String element with selected font
  • Static_Icon element with transparency setting
  • Background_Images

Number value and touch key with operation

  • Touch_Key element with visual effect
  • Call operations
  • Number element example with selected font

Using PIP number keyboard

  • Touch_Key element with color inverse effect
  • Call operations
  • Number element example with selected font
  • PIP_number_keyboard

Number with variant decimal format

QR code of a string variable input by PIP keyboard

  • Demo Model: HMT070ATA-1C

Progress Bar in 3 modes

Bit Icon with Touch Key XOR operation

  • Demo Model: HMT070ATA-1C
  • Demo Video: youtu.be/3uzFYajW5Qo (3:01)
  • Demo Project: SDM-20-0006(Bit_icon,Touch_Key,XOR_VP).zip
  • Bit_Icon element with two icons representing 1 and 0
  • Touch_Key element using Bit_Icon as visual effect
  • XOR Operation Call with corresponding bit weight as bit operation
  • Number element with selected font

Indexed Icon

  • Indexed Icon element controlled by VP value
  • Number element with selected font
  • Touch_Key element call "VP:=VP+value,loop"
  • Page_Call to assign a VP value

Using PAGE jump to build UI

  • Demo Model: HMT070ATA-1C
  • Demo Video: youtu.be/IXkcBMsIdII (2:35)
  • Demo Project: SDM-20-0009(TPK,JUMP,DELAY_JUMP,BIT_ICON).zip
  • Page delay jump
  • Page Jump call by Touch_Key element
  • Bit_Icon element with two icons representing 1 and 0
  • Touch_Key element using Bit_Icon as visual effect
  • XOR Operation Call with corresponding bit weight as bit operation

Using Decimal Icon

Show Graph data and update via RS-232C

  • Demo Model: HMT070ATA-1C
  • Demo Video: youtu.be/_-IlA38DPYk (2:48)
  • Demo Project: SDM-20-0011(5mode_of_Graph).zip
  • Graph (dot_plot, line_plot)
  • Graph (area_plot, top_fill_plot, bottom_fill_plot)
  • update the graph data value via RS-232C (two kind of updating command)
  • see the display update responses

Number value and updated via RS-232C

  • Demo Model: HMT070ATA-1C
  • Demo Video: youtu.be/XQp6tghR68U (2:03)
  • Demo Project:
  • Number element with selected font
  • update the number value via RS-232C
  • see the display update responses

Show animated GIF on Smart LCD

  • Demo Model: HMT070ATA-1C
  • Demo Video: youtu.be/GqI0GiIDK80 (1:54)
  • Demo Project:
  • - Import animated GIF into to TOPWAY RGTools
  • - Animation element with transparency setting
  • - Static_String element display with built Font Library

note. SGTools is an updated development tools over previous RGTools that used in the videos.