Tutorials: Difference between revisions
From Smart LCD
| Line 98: | Line 98: | ||
[[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''' === | |||
[[File:SDM-20-0009.jpg|right]] | |||
* Demo model: HMT070ATA-1C | |||
* Demo Video: [https://Youtu.be/IXkcBMsIdII 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 | |||
[[File:TPK.png|64x64px]] [[File:IDX BIT.png|64x64px]] | |||
Revision as of 13:44, 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
