Tutorials: Difference between revisions
From Smart LCD
| Line 118: | Line 118: | ||
* Demo model: HMT070ATA-1C | * Demo model: HMT070ATA-1C | ||
* Demo Video: [https://Youtu.be/QCQCHSdFNrA youtu.be/QCQCHSdFNrA] (2:52) | * Demo Video: [https://Youtu.be/QCQCHSdFNrA youtu.be/QCQCHSdFNrA] (2:52) | ||
* Demo Project: | * Demo 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 | ||
Revision as of 14:01, 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

- Demo model: HMT070ATA-1C
- Demo Video: youtu.be/MJ-OI6AOVPE (1:57)
- Demo 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

- Demo model: HMT070ATA-1C
- Demo Video: youtu.be/UyDzy1lmat0 (2:56)
- Demo project: 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

- Demo model: HMT070ATA-1C
- Demo Video: youtu.be/dd0dZdlbfo8 (3:15)
- Demo 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

- Demo model: HMT070ATA-1C
- Demo Video: youtu.be/G185QtZbWjg (2:37)
- Demo 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

- Demo model: HMT070ATA-1C)
- Demo Video: youtu.be/7579Wtf--4s (2:58)
- Demo 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

- 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

- Demo model: HMT070ATA-1C
- Demo Video: youtu.be/ucul6ZoqAI8 (3:05)
- Demo 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

- 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

- Demo model: HMT070ATA-1C
- Demo Video: youtu.be/QCQCHSdFNrA (2:52)
- Demo 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!!