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

  • 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

  • Demo model: HMT070ATA-1C

Progress Bar in 3 modes

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

  • 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