Créer pas à pas une interafce graphique Matlab

Les boutons de réglage


Les boutons de réglage font partie des composants de la librairie de App Designer.
Comme exemple d'utilisation, nous allons créer une interface graphique ayant un champ d'édition et un bouton de réglage.
Lorsque l'utilisateur va tourner le bouton, les valeurs numériques correspondantes
seront affichées dans le champ d'édition.

La face avant de l'interface graphique aura l'allure suivante:

 

Capture face avant tuto 5

 

Callback du bouton:

Un clic droit sur le bouton de réglage ouvre immédiatement, le callback, il suffit de
compléter les instructions nécessaires afin d'obtenir ceci:

 

% Callbacks that handle component events
    methods (Access = private)

        % Value changed function: Knob
        function KnobValueChanged(app, event)
            value = app.Knob.Value;
            app.EditField.Value = value;
        end
    end

 

La fonction KnobValueChanged(app, event) met à jour le champ d'affichage uniquement lorsqu'un changement de valeur du bouton a eu lieu.

L'instruction value = app.Knob.Value; lit la valeur du bouton réglage dans la variable value.
Puis le contenu de cette variable est envoyé dans le champ d'édition grâce à
l'instruction: app.EditField.Value = value;

En exécutant ce programme, on constate que les valeurs du champ d'édition sont mises à jour uniquement lorsque l'utilisateur relâche le bouton de sa souris.

Il faut modifier le callback pour obtenir un affichage instantané, lorsque l'usager tourne le bouton. Après modifications on aura:
 

% Callbacks that handle component events
    methods (Access = private)

        % Value changing function: Knob
        function KnobValueChanging(app, event)
            changingValue = event.Value;
            app.EditField.Value = changingValue;
        end
    end

 

Cette fois-ci la fonction KnobValueChanging(app, event), permettra d'afficher les valeurs du bouton sans sortir de la fonction.


Si on exécute de nouveau ce programme, l'affichage change à mesure que l'utilisateur
tourne le bouton de réglage avec sa souris.

Le résumé est proposé dans la vidéo ci-dessous:

 

Les boutons de réglage sont utiles pour des interfaces graphiques en instrumentation.
Dans notre exemple nous avons choisi un bouton rotatif. Il en existe aussi à
glissières dont le fonctionnement n'est pas différent, et des commutateurs rotatifs.

Ce site web utilise des cookies

Certains d’entre eux sont essentiels pour son fonctionnement et d’autres nous aident à améliorer l’expérience utilisateur (cookies traceurs). Vous pouvez décider vous-même si vous autorisez ou non ces cookies. Merci de noter que, si vous les rejetez, certaines fonctionnalités du site pourront être défaillantes.