uniTFT Academy
Video tutorials for the uniTFTDesigner
Here you will find a series of explanatory videos for our WYSIWYG tool, the uniTFTDesigner. The uniTFTDesigner is an in-house programmed tool for creating screen layouts for our intelligent HMI displays of the uniTFT series including uniTFTm and uniTFTs.
On the right the link to the uniTFTacademy, below the direct links.
Overview
This video explains the surface of the uniTFTDesigner and help functionality:
- Creating a new project
- Changing object properties
- Macro editor
- Command help, Syntax highlighting and help file
- Where to find example projects
- Using the simulator for testing projects
Graphical objects
Overview about the object structure in the uniTFT series and the basic options for placing and changing objects with the help of the uniTFTDesigner:
- Object manipulation (scaling, shearing)
- Alignment
- Toolbox
- Functionality for easy usage of the uniTFTDesigner
Styles
An overview of the styles and their relationship in the uniTFT family:
- DrawStyle
- ColorRamp
- TextStyle
- FontStyle
- ButtonStyle
- Export style sheet for usage in other projects
Show Text
Place labels, formatted automatic updating strings;
- Place label, changing text and styles
- Formatted text
- Automatic updating texts
- Date and time output
Screen transitions
Create nice transitions between screens:
- Usage of touch areas to cycle screens in special view window
- Different transitions like fading, pushing or scaling
- Possibilities of outputs for user manuals
Button
Placing different buttons and connect to an action:
- Change style
- Different button types (rectangular, elliptical, picture, icon)
- normal button / switch
- Text change
- Press behaviour
- Connect to macros (signal and slot behaviour)
Bargraph - Basics
Different bargraph types as input and output elements:
- Place and customize
- Rectangular, triangular and arc graph
- Input as touch for setting brightness and a register
- Visualize analog input
Menu
Create customize and use it:
- Place and customize
- Insert topics, subtopics
- Icons
- Disable entries
- Check entries
- React on user's input
Combo Box
Create, fill entries and touch events:
- Place and customize
- Icons
- React on entry change
- Output the result
- Test in the simulator
Spinbox
Create a triple SpinBox for setting Date:
- Place and customize
- Create 3 boxes within one object
- Insert automatically multiple items
- Output the result
- Test in the simulator
Picture Box
Create, fill entries and touch events:
- Place and customize
- Create 2 boxes (horizontal and vertical)
- Insert icons and text
- Output the result
- Test in the simulator
Keyboard / Editbox
User input. Create keyboard and connect to an EditBox:
- Place keyboard and customize keys
- Place EditBox and connect to keyboard
- Allowed characters in EditBox
- Password character for EditBox
- React to inputs in a macro
- Test in the simulator
Groups
Basic functionality and radio button
- Create simple group
- Select elements in group
- Create radio group for touch inputs
Language
Work with different languages in uniTFT:
- Create different languages in the uniTFTDesigner's language editor
- Edit translation in external csv-file editors
- Use translations within objects, like text labels, SpinBoxes
- Change language during runtime with a ComboBox
Stringbox
Create, clear and add text:
- Place and customize
- Clear paragraphs
- Append/prepend text
- Add file
- Test in the simulator
uniDocu
Overview about uniDocu
- Use uniDocu to support documentation
- Add uniDocu categories
- Print uniDocu entries
- Create new project version with uniDocu
Macro Programming
Overview Macroprogramming
First steps to macro programming:
- Defining a macro
- Connect a macro to a touch event
- Command syntax
- Help functionality
Different Macro types
Overview about the different macro types:
- Screen
- Normal macro
- Touchmacro
- Process macro
- I/O-Port macro
- I/O-Bit macro
- Analogue macro
- RS232 receive macro
- Second macro
- Gesture macro
Process macro
Different possibilities of process macros:
- Define macro process
- Conditional macro process
- Automatic macro process
- Process macro
- I/O-Port macro
- I/O-Bit macro
- Analogue macro
- RS232 receive macro
- Second macro
- Gesture macro
IF statement
Conditional statements:
- Comparison between C-Code and uniTFT-Macrocode
- Highlighting commands #MFS, #MFJ, #MFE, #MRC
- Use of calculation ifte(), insideE(), insideU()#
Loop
Define and use different loops
- Do-while loop
- For loop
- While loop using call (#MFC, #MFR)
Stringregister
Commands and calculations concerning StringRegisters:
- Set / replace string from index
- Copy sub-string
- String and date output
- Split string
- string length
- compare two strings
Mathematical functions
Register types and calculations:
- Float / Integer bit size
- Mathematical functions
- Increment/Decrement
Array functions
Create, fill and sort values in arrays
- Size
- Index read and write
Diagrams
Simple diagram
Various possibilities:
- XY diagrams
- Time diagrams
Meter and Gauges
Overview meter and gauges
Various possibilities:
- Rotary instrument meter
- Multiple meters in one instrument
- Different styles, sizes
Simple Meter and Gauge
Step by step guide to create simple meter
- Rotary meter
- Use predefined picture as cover lens
- Define scale
- Place automatic label
- Connect to analog input, sizes
Advanced meter
Rotary meter with individual scale
- Rotary meter
- Use predefined picture as cover lens
- Define scale
- Additional label for more detailed and sophisticated scale
- Connect to analog input
Integrated tools
Overview Simulator and Debugger
- Testing the UI - graphical functionality
- Try other screen sizes
- Simulate digital I/O ports
- Simulate analog inputs
- Simulate PWM outout
- Memory view of Registers and Stringregisters
- Debug project including breakpoints
- Troubleshooting
Debug master interface
- Terminal view for serial master interfaces
- Different value view options
- Manual answers
- Automatic anserwers, including random values
Hardware - how to connect
How to connect the uniTFT Display
- How to connect to the uniTFT-Series?
- Theoretical explanation how to connect microcontroller, sensors etc.
- Difference between uniTFT and uniTFTs(m) series
