Tutorials: Difference between revisions
From Smart LCD
mNo edit summary |
|||
| Line 11: | Line 11: | ||
=== '''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 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 24: | Line 24: | ||
[[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 38: | Line 38: | ||
[[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 50: | Line 50: | ||
[[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 63: | Line 63: | ||
[[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 75: | Line 75: | ||
[[File:SDM-20-0006.jpg|right]] | [[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 | * Bit_Icon element with two icons representing 1 and 0 | ||
* Touch_Key element using Bit_Icon as visual effect | * Touch_Key element using Bit_Icon as visual effect | ||
| Line 88: | Line 88: | ||
[[File:SDM-20-0008.jpg|right]] | [[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 | * Indexed Icon element controlled by VP value | ||
| Line 102: | Line 102: | ||
[[File:SDM-20-0009.jpg|right]] | [[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 delay jump | ||
* Page Jump call by Touch_Key element | * Page Jump call by Touch_Key element | ||
| Line 116: | Line 116: | ||
[[File:SDM-20-0010.jpg|right]] | [[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) | * Decimal Icon element (show icons as number) | ||
* Number element example with selected font | * Number element example with selected font | ||
| Line 127: | Line 127: | ||
=== '''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 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 (dot_plot, line_plot) | ||
* Graph (area_plot, top_fill_plot, bottom_fill_plot) | * Graph (area_plot, top_fill_plot, bottom_fill_plot) | ||
| Line 139: | Line 139: | ||
=== '''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 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 | * Number element with selected font | ||
* update the number value via RS-232C | * update the number value via RS-232C | ||
| Line 151: | Line 151: | ||
[[File:SDM-19-0011.jpg|right]] | [[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]] | [[File:STS.png|64x64px]] [[File:ANI.png|64x64px]] | ||
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:45, 11 August 2025
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
note. SGTools is an updated development tools over previous RGTools that used in the videos.
