How to make two numeric field related in GUI?

It is the first time for me to use MATLAB GUI and I am trying to make a relation between two numeric field componets, so that if I put a number in the first numeric field and press "Enter", a specific value will be shown in the other numeric field according to an equation that I have.

Could someone please help me to do this?

Answer 1

[Johannes Fischer]

The 'Callback' property of the uicontrol defines which function to call when you press enter while the edit field is in focus. A small example:

function minimalUI

figure('Position', [300 300 500 150])

editA = uicontrol('style', 'edit', ...
    'Position',     [100 50 100 50], ...
    'Callback',     {@cbA});

editB = uicontrol('style', 'edit', ...
    'Position',     [300 50 100 50], ...
    'Callback',     {@cbB});

    function cbA(src, evtData)
        set(editB, 'String', get(src, 'String'));
    end

    function cbB(src, evtData)
        set(editA, 'String', get(src, 'String'));
    end
end

Your callback function always needs two input arguments, the first is the handle to the calling object and the second tells you something about what happend. That means you must always define your callback functions with at least tqo input arguments, whether you need them or not.

[Mohamed Elasmar]

Thank you very much for your help. I just want to check my example with you.

Here is the final window that I want to get.

So first, I want to put any value in the Edit field of "m_NaOH" and once I press "Enter", this value has to be substitued in the following equation:

Molality_NaOH = (m_NaOH * d_NaOH) / (1000 + (m_NaOH * 40)) and the result has to be shown in the Edit field of "Molality_NaOH". Of course, I will define the variable of "d_NaOH" in order to use the equation.

[Johannes Fischer]

Assuming your left edit field is still called editA and the right edit field is still called editB, then you can rewrite the callback function for editA:

    function cbA(src, evtData)
        Molality_NaOH = % ... the formula you want to have
        
        % Since the edit field actually accepts strings instead of numbers, 
        % we need to convert the result into a string first, using num2str.
        set(editB, 'String', num2str(Molality_NaOH));
    end

If this is the only interaction you need, you can also remove the callback function from editB

   editB = uicontrol('style', 'edit', ...
    'Position',     [300 50 100 50]); 

[Mohamed Elasmar]

Actually, I am using App Designer and I am trying to change the callbacks in the same way of your guide, but it seems that they are fixed and cannot be changed.

Are you using App Designer also?

I am sorry if do not understand well what you explains, but as I said that I am using MATLAB GUI for the first time and I am not familiar with all its functions and Syntax.

[Rik]

This page should help. AppDesigner works similar to a class, while this example code has a more functional syntax.

Answer 2

[Ned]

Assuming the numeric fields are EditFieldA and EditFieldB, and you want FieldB to display double the value of FieldA,

make this the value changed function for EditFieldA

value = app.EditFieldA.Value
app.EditFieldB.Value = 2 * value;