Tutorials: Difference between revisions

From Smart LCD
← Older edit
VisualWikitext
 
(2 intermediate revisions by the same user not shown)
Line 2: Line 2:
  They show the basic functionality and guide to realize a system UI on screen in minutes.
  They show the basic functionality and guide to realize a system UI on screen in minutes.


=== '''Show text, icon and background on Smart LCD''' ===
=== Show text, icon and background on Smart LCD ===
[[File:SDM-20-0001.jpg|right]]
[[File:SDM-20-0001.jpg|right]]
*Demo Model: HMT070ATA-1C
*Demo Model: HMT070ATA-1C
Line 12: Line 12:
* Background_Images
* Background_Images
[[File:STS.png|64x64px]]  [[File:ICO.png|64x64px]]
[[File:STS.png|64x64px]]  [[File:ICO.png|64x64px]]
=== '''Number value and touch key with operation''' ===
=== Number value and touch key with operation ===
[[File:SDM-20-0002.jpg|right]]
[[File:SDM-20-0002.jpg|right]]
* Tutorial Model: HMT070ATA-1C
* Tutorial Model: HMT070ATA-1C
Line 24: Line 24:
[[File:TPK.png|64x64px]] [[File:Num.png|64x64px]]
[[File:TPK.png|64x64px]] [[File:Num.png|64x64px]]


=== '''Using PIP number keyboard''' ===
=== Using PIP number keyboard ===
[[File:SDM-20-0003.jpg|right]]
[[File:SDM-20-0003.jpg|right]]


Line 38: Line 38:
[[File:TPK.png|64x64px]] [[File:TPK-NM2.png|64x64px]] [[File:Num.png|64x64px]]
[[File:TPK.png|64x64px]] [[File:TPK-NM2.png|64x64px]] [[File:Num.png|64x64px]]


=== '''Number with variant decimal format''' ===
=== Number with variant decimal format ===
[[File:SDM-20-0007.jpg|right]]
[[File:SDM-20-0007.jpg|right]]


Line 50: Line 50:
[[File:TPK.png|64x64px]] [[File:TPK-NM2.png|64x64px]] [[File:Num.png|64x64px]]
[[File:TPK.png|64x64px]] [[File:TPK-NM2.png|64x64px]] [[File:Num.png|64x64px]]


=== '''QR code of a string variable input by PIP keyboard''' ===
=== QR code of a string variable input by PIP keyboard ===
[[File:SDM-20-0004.jpg|right]]
[[File:SDM-20-0004.jpg|right]]


Line 63: Line 63:
[[File:TPK.png|64x64px]] [[File:TPK-ABC.png|64x64px]] [[File:STR.png|64x64px]] [[File:QRC.png|64x64px]]
[[File:TPK.png|64x64px]] [[File:TPK-ABC.png|64x64px]] [[File:STR.png|64x64px]] [[File:QRC.png|64x64px]]


=== '''Progress Bar in 3 modes''' ===
=== Progress Bar in 3 modes ===
[[File:SDM-20-0005.jpg|right]]
[[File:SDM-20-0005.jpg|right]]


Line 75: Line 75:
[[File:TPK.png|64x64px]] [[File:Num.png|64x64px]] [[File:B16.png|64x64px]]
[[File:TPK.png|64x64px]] [[File:Num.png|64x64px]] [[File:B16.png|64x64px]]


=== '''Bit Icon with Touch Key XOR operation''' ===
=== Bit Icon with Touch Key XOR operation ===
[[File:SDM-20-0006.jpg|right]]
[[File:SDM-20-0006.jpg|right]]


Line 88: Line 88:
[[File:TPK.png|64x64px]] [[File:Num.png|64x64px]] [[File:IDX BIT.png|64x64px]]
[[File:TPK.png|64x64px]] [[File:Num.png|64x64px]] [[File:IDX BIT.png|64x64px]]


=== '''Indexed Icon''' ===
=== Indexed Icon ===
[[File:SDM-20-0008.jpg|right]]
[[File:SDM-20-0008.jpg|right]]


Line 102: Line 102:
[[File:TPK.png|64x64px]] [[File:Num.png|64x64px]] [[File:IDX.png|64x64px]]
[[File:TPK.png|64x64px]] [[File:Num.png|64x64px]] [[File:IDX.png|64x64px]]


=== '''Using PAGE jump to build UI''' ===
=== Using PAGE jump to build UI ===
[[File:SDM-20-0009.jpg|right]]
[[File:SDM-20-0009.jpg|right]]


Line 116: Line 116:
[[File:TPK.png|64x64px]] [[File:IDX BIT.png|64x64px]]
[[File:TPK.png|64x64px]] [[File:IDX BIT.png|64x64px]]


=== '''Using Decimal Icon''' ===
=== Using Decimal Icon ===
[[File:SDM-20-0010.jpg|right]]
[[File:SDM-20-0010.jpg|right]]


Line 128: Line 128:
[[File:TPK.png|64x64px]] [[File:TPK-NM2.png|64x64px]] [[File:Num.png|64x64px]] [[File:IDX DEC.png|64x64px]]
[[File:TPK.png|64x64px]] [[File:TPK-NM2.png|64x64px]] [[File:Num.png|64x64px]] [[File:IDX DEC.png|64x64px]]


=== '''Show Graph data and update via RS-232C''' ===
=== Show Graph data and update via RS-232C ===
[[File:SDM-20-0011.jpg|right]]
[[File:SDM-20-0011.jpg|right]]
* Tutorial Model: HMT070ATA-1C
* Tutorial Model: HMT070ATA-1C
Line 140: Line 140:
[[File:G16.png|64x64px]]
[[File:G16.png|64x64px]]


=== '''Number value and updated via RS-232C''' ===
=== Number value and updated via RS-232C ===
[[File:SDM-19-0010.jpg|right]]
[[File:SDM-19-0010.jpg|right]]
* Tutorial Model: HMT070ATA-1C
* Tutorial Model: HMT070ATA-1C
Line 151: Line 151:
[[File:Num.png|64x64px]]
[[File:Num.png|64x64px]]


=== '''Show animated GIF on Smart LCD''' ===
=== Show animated GIF on Smart LCD ===
[[File:SDM-19-0011.jpg|right]]
[[File:SDM-19-0011.jpg|right]]


Line 163: Line 163:
[[File:STS.png|64x64px]] [[File:ANI.png|64x64px]]
[[File:STS.png|64x64px]] [[File:ANI.png|64x64px]]


=== '''Tachometer (Rotation Mode)''' ===
=== Tachometer (Rotation Mode) ===
[[File:SDM-20-0012.jpg|right]]
* Tutorial Model: HMT070ATA-1C
* Tutorial Model: HMT070ATA-1C
* Tutorial Video: [https://Youtu.be/JxzQckUcd3U youtu.be/JxzQckUcd3U] (1:58)
* Tutorial Video: [https://Youtu.be/JxzQckUcd3U youtu.be/JxzQckUcd3U] (1:58)
* Tutorial Project:  
* Tutorial Project: [[Media:SDM-20-0012(Tachometer,TouchKey,ShowNumber).zip|SDM-20-0012(Tachometer,TouchKey,ShowNumber).zip]]
* Number element with selected font
* Number element with selected font
* Touch_Key element with visual effect
* Touch_Key element with visual effect
Line 175: Line 176:


=== Draw Pad ===
=== Draw Pad ===
[[File:SDM-20-0013a.jpg|right]]
* Tutorial Model: HMT070ATA-1C
* Tutorial Model: HMT070ATA-1C
* Tutorial Video: [https://Youtu.be/kjHyEd1py08 youtu.be/kjHyEd1py08] (2:41)
* Tutorial Video: [https://Youtu.be/kjHyEd1py08 youtu.be/kjHyEd1py08] (2:41)
* Tutorial Project:  
* Tutorial Project: [[Media:SDM-20-0013(DrawPad,VP N16 successive write)(drawpad-command).zip|SDM-20-0013(DrawPad,VP_N16_successive_write)(drawpad-command).zip]]


* Draw Pad - draw dot
* Draw Pad - draw dot

Latest revision as of 16:31, 14 August 2025

This is a list of video tutorials for TOPWAY Smart LCD.
They show the basic functionality and guide to realize a system UI on screen in minutes.

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

  • Tutorial Model: HMT070ATA-1C

Progress Bar in 3 modes

Bit Icon with Touch Key XOR operation

  • Tutorial Model: HMT070ATA-1C
  • Tutorial Video: youtu.be/3uzFYajW5Qo (3:01)
  • Tutorial 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

  • Tutorial Model: HMT070ATA-1C
  • Tutorial Video: youtu.be/IXkcBMsIdII (2:35)
  • Tutorial 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

  • Tutorial Model: HMT070ATA-1C
  • Tutorial Video: youtu.be/_-IlA38DPYk (2:48)
  • Tutorial 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

Show animated GIF on Smart LCD

  • Tutorial Model: HMT070ATA-1C
  • Tutorial Video: youtu.be/GqI0GiIDK80 (1:54)
  • Tutorial Project: SDM-19-0011(ANI_GIF_schoolbus).zip
  • Import animated GIF into to development toolss
  • Animation element with transparency setting
  • Static_String element display with built Font Library

Tachometer (Rotation Mode)

Draw Pad

  • Draw Pad - draw dot
  • Draw Pad - draw line
  • Draw Pad - draw successive lines
  • Draw Pad - show text
  • update the via RS-232C
  • using serial command "successive write"
  • see the display update responses

notes.
- For further information please contact sales@topwaydisplay.com.
- Search “TOPWAY Smart LCD” in YouTube for more videos of Smart LCD.
- Subscribe our channel for continues update
- SGTools is an updated development tools over previous RGTools that used in the videos.
Retrieved from "https://topway.app/sld_doc/en/index.php?title=Tutorials&oldid=998"