Académie uniTFT

Tutoriels vidéo pour uniTFTDesigner

Vous trouverez ici une série de vidéos explicatives pour notre outil WYSIWYG, l'uniTFTDesigner. L'uniTFTDesigner est un outil programmé en interne pour créer des pages d'écran pour nos écrans IHM intelligents de la série uniTFT, y compris uniTFTm et uniTFTs.

A droite, le lien vers l'uniTFTacademy, en bas les liens directs.

Aperçu de uniTFTDesigner

Cette vidéo explique l'interface de uniTFTDesigner et les fonctionnalités d'aide :
- Créer un nouveau projet
- Modifier les propriétés d'un objet
- Éditeur de macros
- Aide à la commande, mise en évidence de la syntaxe et fichier d'aide
- Où trouver des exemples de projets
- Utiliser le simulateur pour tester les projets

Objets graphiques

Aperçu de la structure des objets dans la série uniTFT et des possibilités fondamentales de placement et de modification des objets à l'aide d'uniTFTDesigner :
- Manipulation des objets (mise à l'échelle, cisaillement)
- Alignement
- Boîte à outils
- Fonctionnalités pour une utilisation simple d'uniTFTDesigner

Styles

Un aperçu des styles et de leur relation dans la famille uniTFT :
- DrawStyle
- ColorRamp
- TextStyle
- FontStyle
- ButtonStyle
- Exporter un modèle de style pour l'utiliser dans d'autres projets

Présentation du texte

Placer du texte, des valeurs numériques formatées et mises à jour automatiquement :
- Placer une chaîne de caractères, modifier le texte et le style
- Chiffres formatés
- Textes mis à jour automatiquement
- Sortie de la date et de l'heure

Transitions d'écran

Créer des transitions attrayantes entre les écrans :
- Utiliser les surfaces tactiles pour changer d'écran dans des fenêtres d'affichage spéciales
- Différentes transitions comme le fondu, le glissement ou le redimensionnement
- Possibilités de sortie pour le guide de l'utilisateur

Bouton

Placer différents boutons et les associer à une action :
- Modifier le style
- Différents types de boutons (rectangulaire, elliptique, image, symbole)
- Boutons / interrupteurs
- Modifier le texte
- Comportement en cas de pression
- Association avec des macros (comportement des signaux et des slots)

Bargraphe - Bases

Différents types de bargraphes comme éléments d'entrée et de sortie :
- Placer et ajuster
- Graphique rectangulaire, triangulaire et en arc
- Entrée tactile pour régler la luminosité et un registre
- Visualiser l'entrée analogique

Boîte de combo

Créer et remplir avec des entrées et utilisation par le toucher :
- Placer et ajuster
- Icônes
- Réagir aux modifications d'entrées
- Sortir le résultat
- Tester dans le simulateur

Spinbox

Création d'une roue de réglage pour régler la date :
- Placer et ajuster
- Créer 3 zones à l'intérieur d'un objet
- Insérer automatiquement plusieurs éléments
- Sortir le résultat
- Test dans le simulateur

Boîte à images

Créer et remplir, utilisation par le toucher :
- Placer et ajuster
- Créer 2 boîtes (horizontales et verticales)
- Insérer des symboles et des textes
- Sortir le résultat
- Tester dans le simulateur

Clavier / Editbox

Saisie de l'utilisateur. Créer un clavier et le connecter à une EditBox :
- Placer le clavier et adapter les touches
- Placer l'EditBox et la connecter au clavier
- Caractères autorisés dans l'EditBox
- Caractères de mot de passe pour l'EditBox
- Réagir aux entrées dans une macro
- Test dans le simulateur

Groupe d'objets

Fonctionnalité de base et bouton radio
- Créer un groupe simple
- Sélectionner des éléments dans le groupe
- Créer un groupe radio pour les entrées tactiles

Multilinguisme

Interfaces dans différentes langues Commutation au moment de l'exécution :
- Création de différentes langues dans l'éditeur de langue de l'uniTFTDesigner
- Édition de traductions dans des éditeurs de fichiers csv externes
- Utilisation de traductions à l'intérieur d'objets, tels que les étiquettes de texte, les SpinBox
- Changement de langue au moment de l'exécution avec une ComboBox

Boîte à cordes

Créer, supprimer et ajouter du texte :
- Placer et ajuster
- Supprimer des paragraphes
- Joindre/préparer du texte
- Ajouter un fichier
- Tester dans le simulateur

Outil de documentation uniDocu / Versionnement

Aperçu d'uniDocu
- Documenter le projet avec uniDocu
- Ajouter des catégories uniDocu
- Imprimer les notes uniDocu
- Créer une nouvelle version du projet dans uniDocu

Programmation de macros

Présentation de l'utilisation des macros

Premiers pas dans la programmation de macros :
- Définir une macro
- Démarrer une macro avec une touche tactile
- Syntaxe de la commande
- Fonctionnalité d'aide

Les différents types de macros

Aperçu des différents types de macros :
- Macro d'écran
- Macro normale
- Macro tactile
- Macro de processus
- Macro de port d'E/S
- Macro de bit d'E/S
- Macro analogique
- Macro de réception RS232
- Macro de seconde
- Macro de geste (Touch)

Macro processus

Différentes possibilités de macros de processus :
- Définir un macroprocessus
- Macro de processus conditionnel
- Macro de processus automatique
- Macro de processus
- Macro de port d'E/S
- Macro de bit d'E/S
- Macro analogique
- Macro de réception RS232
- Macro de seconde
- Macro de geste

Fonction si-alors

Instructions conditionnelles :
- comparaison entre le code C et le macrocode uniTFT
- mise en évidence des commandes #MFS, #MFJ, #MFE, #MRC
- utilisation des calculs ifte(), insideE(), insideU()#.

Programmation en boucle

Définir et utiliser différentes boucles
- Boucle Do-while
- Boucle For
- Boucle While avec appel (#MFC, #MFR)

Registre de chaînes

Commandes et calculs relatifs aux StringRegisters :
- placer/remplacer une chaîne à partir d'un index
- copier une sous-chaîne
- sortie de chaîne et de date
- diviser une chaîne
- longueur de chaîne
- comparer deux chaînes de caractères

Fonctions mathématiques

Types de registres et calculs :
- Float / Integer
- Fonctions mathématiques
- Incrémenter/décrémenter

Fonctions de tableau

Créer, remplir et trier des valeurs dans des tableaux
- Taille
- Lire et écrire des index

Diagrammes

Diagramme simple

Différentes possibilités :
- Diagrammes XY
- Diagrammes temporels

Instrument à aiguille

Aperçu des instruments à aiguille

Différentes possibilités :
- Instrument rond
- Plusieurs grandeurs de mesure dans un seul appareil
- Différents styles, tailles

Instrument rond simple

Instructions pas à pas pour la création d'un instrument à aiguille simple
- Appareil de mesure
- Utiliser une image prédéfinie comme verre de couverture
- Définir l'échelle
- Appliquer une étiquette automatique
- Connexion à l'entrée analogique, mise à l'échelle

Appareil de mesure avancé

Affichage de la bobine rotative avec échelle individuelle
- Instrument rond
- Utiliser une image prédéfinie comme cache
- Définir l'échelle
- Étiquette supplémentaire pour une échelle plus détaillée et plus sophistiquée
- Connexion à l'entrée analogique

Outils intégrés

Aperçu du simulateur et du débogueur

- Tester l'interface utilisateur - fonctionnalité graphique
- Essayer d'autres tailles d'écran
- Simuler les ports d'E/S numériques
- Simuler les entrées analogiques
- Simuler la sortie PWM
- Vue de la mémoire des registres et des registres de chaînes
- Déboguer le projet, y compris les points d'arrêt
- Dépister les erreurs

Débogage de l'interface sérielle maître

- Vue du terminal pour les interfaces sérielles maîtres
- Vue de différents formats de nombres
- Réponses manuelles
- Réponses automatiques, y compris les valeurs aléatoires

Matériel - Connexions

Les différentes interfaces de l'écran

- Comment connecter la série uniTFT ?
- Explication théorique sur la manière de connecter les microcontrôleurs, les capteurs, etc.
- Différence entre la série uniTFT et la série uniTFTs (ou uniTFTm)