Tutorials: Difference between revisions

From Smart LCD
← Older edit
VisualWikitext
mNo edit summary
 
(45 intermediate revisions by the same user not shown)
Line 1: Line 1:
=== '''Show text, icon and background on Smart LCD''' ===
This is a list of video tutorials for TOPWAY Smart LCD.
[[File:SDM-20-0001.jpg]]
They show the basic functionality and guide to realize a system UI on screen in minutes.


* Static_String element with selected font
=== Show text, icon and background on Smart LCD ===
* Static_Icon element with transparency setting
[[File:SDM-20-0001.jpg|right]]
*Demo Model: HMT070ATA-1C
*Demo Video: [https://Youtu.be/xvA3wnRM43M youtu.be/xvA3wnRM43M] (2:41)
* Demo project: [[Media:SDM-20-0001(StaticText, StaticIcon).zip|SDM-20-0001(StaticText, StaticIcon).zip]]
 
*Static_String element with selected font
*Static_Icon element with transparency setting
* Background_Images
* Background_Images
[[File:STS.png|64x64px]]  [[File:ICO.png|64x64px]]
=== Number value and touch key with operation ===
[[File:SDM-20-0002.jpg|right]]
* Tutorial Model: HMT070ATA-1C
* Tutorial Video: [https://Youtu.be/MJ-OI6AOVPE youtu.be/MJ-OI6AOVPE] (1:57)
* Tutorial project: [[Media:SDM-20-0002(TPK,Number).zip|SDM-20-0002(TPK,Number).zip]]
*Touch_Key element with visual effect
* Call operations
* Number element example with selected font
[[File:TPK.png|64x64px]] [[File:Num.png|64x64px]]
=== Using PIP number keyboard ===
[[File:SDM-20-0003.jpg|right]]
* Tutorial Model: HMT070ATA-1C
* Tutorial Video: [https://Youtu.be/UyDzy1lmat0 youtu.be/UyDzy1lmat0] (2:56)
* Tutorialproject: [[Media:SDM-20-0003(TPK,Number,PIPNumKB).zip|SDM-20-0003(TPK,Number,PIPNumKB).zip]]
* Touch_Key element with color inverse effect
* Call operations
* Number element example with selected font
* PIP_number_keyboard
[[File:TPK.png|64x64px]] [[File:TPK-NM2.png|64x64px]] [[File:Num.png|64x64px]]
=== Number with variant decimal format ===
[[File:SDM-20-0007.jpg|right]]
* Tutorial Model: HMT070ATA-1C
* Tutorial Video: [https://Youtu.be/dd0dZdlbfo8 youtu.be/dd0dZdlbfo8] (3:15)
* Tutorial Project: [[Media:SDM-20-0007(Num formatting,PIP Num KB).zip|SDM-20-0007(Num_formatting,PIP_Num_KB).zip]]
* Number element with selected font
* Number element with formatting examples
* Touch_Key element call PIP Number Keyboard
* Customize PIP Number Keyboard layout and effect
[[File:TPK.png|64x64px]] [[File:TPK-NM2.png|64x64px]] [[File:Num.png|64x64px]]
=== QR code of a string variable input by PIP keyboard ===
[[File:SDM-20-0004.jpg|right]]
* Tutorial Model: HMT070ATA-1C
* Tutorial Video: [https://Youtu.be/G185QtZbWjg youtu.be/G185QtZbWjg] (2:37)
* Tutorial Project: [[Media:SDM-20-0004(STR,QR code,PIP KB).zip|SDM-20-0004(STR,QR_code,PIP_KB).zip]]
* Touch_Key element operation
* String element example with selected font
* PIP_English_keyboard - QR_code element
[[File:TPK.png|64x64px]] [[File:TPK-ABC.png|64x64px]] [[File:STR.png|64x64px]] [[File:QRC.png|64x64px]]
=== Progress Bar in 3 modes ===
[[File:SDM-20-0005.jpg|right]]
* Tutorial Model: HMT070ATA-1C)
* Tutorial Video: [https://Youtu.be/7579Wtf--4s youtu.be/7579Wtf--4s] (2:58)
* Tutorial Project: [[Media:SDM-20-0005(3mode of ProgressBar).zip|SDM-20-0005(3mode_of_ProgressBar).zip]]
* Progress_Bar (color_mode, icon_mode, fill_icon_mode)
* Touch_Key element operation with visual effect
* Number element example with selected font
[[File:TPK.png|64x64px]] [[File:Num.png|64x64px]] [[File:B16.png|64x64px]]
=== Bit Icon with Touch Key XOR operation ===
[[File:SDM-20-0006.jpg|right]]
* Tutorial Model: HMT070ATA-1C
* Tutorial Video: [https://Youtu.be/3uzFYajW5Qo youtu.be/3uzFYajW5Qo] (3:01)
* Tutorial Project: [[Media:SDM-20-0006(Bit icon,Touch Key,XOR VP).zip|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
[[File:TPK.png|64x64px]] [[File:Num.png|64x64px]] [[File:IDX BIT.png|64x64px]]
=== Indexed Icon ===
[[File:SDM-20-0008.jpg|right]]
*Tutorial Model: HMT070ATA-1C
* Tutorial Video: [https://Youtu.be/ucul6ZoqAI8 youtu.be/ucul6ZoqAI8] (3:05)
* Tutorial Project: [[Media:SDM-20-0008(IDX,VP loop,Num,P Call).zip|SDM-20-0008(IDX,VP_loop,Num,P_Call).zip]]
* 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
[[File:TPK.png|64x64px]] [[File:Num.png|64x64px]] [[File:IDX.png|64x64px]]
=== Using PAGE jump to build UI ===
[[File:SDM-20-0009.jpg|right]]
* Tutorial Model: HMT070ATA-1C
* Tutorial Video: [https://Youtu.be/IXkcBMsIdII youtu.be/IXkcBMsIdII] (2:35)
* Tutorial Project: [[Media:SDM-20-0009(TPK,JUMP,DELAY JUMP,BIT ICON).zip|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
[[File:TPK.png|64x64px]] [[File:IDX BIT.png|64x64px]]
=== Using Decimal Icon ===
[[File:SDM-20-0010.jpg|right]]
* Tutorial Model: HMT070ATA-1C
* Tutorial Video: [https://Youtu.be/QCQCHSdFNrA youtu.be/QCQCHSdFNrA] (2:52)
* Tutorial Project: [[Media:SDM-20-0010(IDX DEC,NUM,TPK,PIPNumKB).zip|SDM-20-0010(IDX_DEC,NUM,TPK,PIPNumKB).zip]]
* Decimal Icon element (show icons as number)
* Number element example with selected font
* PIP_number_keyboard Show the UI in minutes!!
[[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 ===
[[File:SDM-20-0011.jpg|right]]
* Tutorial Model: HMT070ATA-1C
* Tutorial Video: [https://Youtu.be/ -IlA38DPYk youtu.be/_-IlA38DPYk] (2:48)
* Tutorial Project: [[Media:SDM-20-0011(5mode of Graph).zip|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
[[File:G16.png|64x64px]]
=== Number value and updated via RS-232C ===
[[File:SDM-19-0010.jpg|right]]
* Tutorial Model: HMT070ATA-1C
* Tutorial Video: [https://Youtu.be/XQp6tghR68U youtu.be/XQp6tghR68U] (2:03)
* Tutorial Project: [[Media:SDM-19-0010(ShowNumbersSpeed).zip|SDM-19-0010(ShowNumbersSpeed).zip]]
* Number element with selected font
* update the number value via RS-232C
* see the display update responses
[[File:Num.png|64x64px]]
=== Show animated GIF on Smart LCD ===
[[File:SDM-19-0011.jpg|right]]
* Tutorial Model: HMT070ATA-1C
* Tutorial Video: [https://Youtu.be/GqI0GiIDK80 youtu.be/GqI0GiIDK80] (1:54)
* Tutorial Project: [[Media:SDM-19-0011(ANI GIF schoolbus).zip|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
[[File:STS.png|64x64px]] [[File:ANI.png|64x64px]]
=== Tachometer (Rotation Mode) ===
[[File:SDM-20-0012.jpg|right]]
* Tutorial Model: HMT070ATA-1C
* Tutorial Video: [https://Youtu.be/JxzQckUcd3U youtu.be/JxzQckUcd3U] (1:58)
* Tutorial Project: [[Media:SDM-20-0012(Tachometer,TouchKey,ShowNumber).zip|SDM-20-0012(Tachometer,TouchKey,ShowNumber).zip]]
* Number element with selected font
* Touch_Key element with visual effect
* Touch_Key element call "VP:=VP+value" and limit its value
* Touch_Key element call "VP:=VP-value" and limit its value


[[File:ICO.png|64x64px]] [[File:STS.png|64x64px]]
[[File:TPK.png|64x64px]] [[File:TCM.png|64x64px]]


Tutorial Video: [https://Youtu.be/xvA3wnRM43M youtu.be/xvA3wnRM43M] (2:41)
=== Draw Pad ===
[[File:SDM-20-0013a.jpg|right]]
* Tutorial Model: HMT070ATA-1C
* Tutorial Video: [https://Youtu.be/kjHyEd1py08 youtu.be/kjHyEd1py08] (2:41)
* 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]]


demo model: HMT070ATA-1C
* 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


demo project: [[:File:SDM-20-0001(StaticText, StaticIcon).zip|SDM-20-0001(StaticText, StaticIcon).zip]]
[[File:DPD.png|64x64px]]
notes.
- For further information please contact [mailto:Sales@topwaydisplay.com sales@topwaydisplay.com].
- Search “TOPWAY Smart LCD” in [https://YouTube.com 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.

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"