Tutorials: Difference between revisions
From Smart LCD
| (24 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
=== | 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 === | |||
[[File:SDM-20-0001.jpg|right]] | [[File:SDM-20-0001.jpg|right]] | ||
*Demo | *Demo Model: HMT070ATA-1C | ||
*Demo Video: [https://Youtu.be/xvA3wnRM43M youtu.be/xvA3wnRM43M] (2:41) | *Demo Video: [https://Youtu.be/xvA3wnRM43M youtu.be/xvA3wnRM43M] (2:41) | ||
* Demo project: [[ | * Demo project: [[Media:SDM-20-0001(StaticText, StaticIcon).zip|SDM-20-0001(StaticText, StaticIcon).zip]] | ||
*Static_String element with selected font | *Static_String element with selected font | ||
| Line 9: | 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 === | ||
[[File:SDM-20-0002.jpg|right]] | [[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 | *Touch_Key element with visual effect | ||
| Line 21: | Line 24: | ||
[[File:TPK.png|64x64px]] [[File:Num.png|64x64px]] | [[File:TPK.png|64x64px]] [[File:Num.png|64x64px]] | ||
=== | === Using PIP number keyboard === | ||
[[File:SDM-20-0003.jpg|right]] | [[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 | * Touch_Key element with color inverse effect | ||
| Line 35: | 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 === | ||
[[File:SDM-20-0007.jpg|right]] | [[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 selected font | ||
* Number element with formatting examples | * Number element with formatting examples | ||
| Line 47: | 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 === | ||
[[File:SDM-20-0004.jpg|right]] | [[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 | * Touch_Key element operation | ||
* String element example with selected font | * String element example with selected font | ||
| Line 60: | 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 === | ||
[[File:SDM-20-0005.jpg|right]] | [[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) | * Progress_Bar (color_mode, icon_mode, fill_icon_mode) | ||
* Touch_Key element operation with visual effect | * Touch_Key element operation with visual effect | ||
| Line 71: | Line 74: | ||
[[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 === | |||
[[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:TPK.png|64x64px]] [[File:TCM.png|64x64px]] | |||
=== 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]] | |||
* 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 | |||
[[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
- Demo Model: HMT070ATA-1C
- Demo Video: youtu.be/xvA3wnRM43M (2:41)
- Demo project: SDM-20-0001(StaticText, StaticIcon).zip
- Static_String element with selected font
- Static_Icon element with transparency setting
- Background_Images
Number value and touch key with operation
- Tutorial Model: HMT070ATA-1C
- Tutorial Video: youtu.be/MJ-OI6AOVPE (1:57)
- Tutorial project: SDM-20-0002(TPK,Number).zip
- Touch_Key element with visual effect
- Call operations
- Number element example with selected font
Using PIP number keyboard
- Tutorial Model: HMT070ATA-1C
- Tutorial Video: youtu.be/UyDzy1lmat0 (2:56)
- Tutorialproject: 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
Number with variant decimal format
- Tutorial Model: HMT070ATA-1C
- Tutorial Video: youtu.be/dd0dZdlbfo8 (3:15)
- Tutorial Project: 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
QR code of a string variable input by PIP keyboard
- Tutorial Model: HMT070ATA-1C
- Tutorial Video: youtu.be/G185QtZbWjg (2:37)
- Tutorial Project: 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
Progress Bar in 3 modes
- Tutorial Model: HMT070ATA-1C)
- Tutorial Video: youtu.be/7579Wtf--4s (2:58)
- Tutorial Project: 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
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
- Tutorial Model: HMT070ATA-1C
- Tutorial Video: youtu.be/ucul6ZoqAI8 (3:05)
- Tutorial Project: 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
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
- Tutorial Model: HMT070ATA-1C
- Tutorial Video: youtu.be/QCQCHSdFNrA (2:52)
- Tutorial Project: 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!!
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
- Tutorial Model: HMT070ATA-1C
- Tutorial Video: youtu.be/XQp6tghR68U (2:03)
- Tutorial Project: SDM-19-0010(ShowNumbersSpeed).zip
- Number element with selected font
- update the number value via RS-232C
- see the display update responses
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)
- Tutorial Model: HMT070ATA-1C
- Tutorial Video: youtu.be/JxzQckUcd3U (1:58)
- Tutorial Project: 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
Draw Pad
- Tutorial Model: HMT070ATA-1C
- Tutorial Video: youtu.be/kjHyEd1py08 (2:41)
- Tutorial Project: SDM-20-0013(DrawPad,VP_N16_successive_write)(drawpad-command).zip
- 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.
