How to convert Decimal to Binary to Gray code using your own function in Matlab App Designer in Matlab R2023a?

This video shows the steps to write your own function in MAtlab App Designer to convert a number from Decimal to Binary to Gray code in Matlab 2023a.

Details on the Gray code is referred from the wiki page: https://en.wikipedia.org/wiki/Gray_code

I hope you like this video. For any questions, suggestions or appreciation please contact us at: https://programmerworld.co/contact/ or email at: programmerworld1990@gmail.com

Complete details:

Main Function:

function ConvertButtonPushed(app, event)
            
            x = app.ImputtheDecimalEditField.Value(1);
            binary_value = fi(x, 0,4,0);
            gray_code = bitxor(binary_value, bitsrl(binary_value, 1));
            app.BinaryCodeEditField.Value = str2double(bin(binary_value));
            app.GrayCodeEditField.Value = str2double(bin(gray_code));
            

end

Complete code:

classdef BinToGrayAppDesigner < matlab.apps.AppBase

    % Properties that correspond to app components
    properties (Access = public)
        UIFigure                       matlab.ui.Figure
        GrayCodeEditField              matlab.ui.control.NumericEditField
        GrayCodeEditFieldLabel         matlab.ui.control.Label
        BinaryCodeEditField            matlab.ui.control.NumericEditField
        BinaryCodeEditFieldLabel       matlab.ui.control.Label
        ConvertButton                  matlab.ui.control.Button
        ImputtheDecimalEditField       matlab.ui.control.NumericEditField
        ImputtheDecimalEditFieldLabel  matlab.ui.control.Label
    end

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

        % Button pushed function: ConvertButton
        function ConvertButtonPushed(app, event)
            
            x = app.ImputtheDecimalEditField.Value(1);
            binary_value = fi(x, 0,4,0);
            gray_code = bitxor(binary_value, bitsrl(binary_value, 1));
            app.BinaryCodeEditField.Value = str2double(bin(binary_value));
            app.GrayCodeEditField.Value = str2double(bin(gray_code));
            

        end
    end

    % Component initialization
    methods (Access = private)

        % Create UIFigure and components
        function createComponents(app)

            % Create UIFigure and hide until all components are created
            app.UIFigure = uifigure('Visible', 'off');
            app.UIFigure.Position = [100 100 640 480];
            app.UIFigure.Name = 'MATLAB App';

            % Create ImputtheDecimalEditFieldLabel
            app.ImputtheDecimalEditFieldLabel = uilabel(app.UIFigure);
            app.ImputtheDecimalEditFieldLabel.HorizontalAlignment = 'right';
            app.ImputtheDecimalEditFieldLabel.Position = [42 410 105 22];
            app.ImputtheDecimalEditFieldLabel.Text = 'Imput  the Decimal';

            % Create ImputtheDecimalEditField
            app.ImputtheDecimalEditField = uieditfield(app.UIFigure, 'numeric');
            app.ImputtheDecimalEditField.Position = [162 410 100 22];

            % Create ConvertButton
            app.ConvertButton = uibutton(app.UIFigure, 'push');
            app.ConvertButton.ButtonPushedFcn = createCallbackFcn(app, @ConvertButtonPushed, true);
            app.ConvertButton.Position = [356 409 100 23];
            app.ConvertButton.Text = 'Convert';

            % Create BinaryCodeEditFieldLabel
            app.BinaryCodeEditFieldLabel = uilabel(app.UIFigure);
            app.BinaryCodeEditFieldLabel.HorizontalAlignment = 'right';
            app.BinaryCodeEditFieldLabel.Position = [27 297 71 22];
            app.BinaryCodeEditFieldLabel.Text = 'Binary Code';

            % Create BinaryCodeEditField
            app.BinaryCodeEditField = uieditfield(app.UIFigure, 'numeric');
            app.BinaryCodeEditField.Position = [113 297 100 22];

            % Create GrayCodeEditFieldLabel
            app.GrayCodeEditFieldLabel = uilabel(app.UIFigure);
            app.GrayCodeEditFieldLabel.HorizontalAlignment = 'right';
            app.GrayCodeEditFieldLabel.Position = [386 297 63 22];
            app.GrayCodeEditFieldLabel.Text = 'Gray Code';

            % Create GrayCodeEditField
            app.GrayCodeEditField = uieditfield(app.UIFigure, 'numeric');
            app.GrayCodeEditField.Position = [464 297 100 22];

            % Show the figure after all components are created
            app.UIFigure.Visible = 'on';
        end
    end

    % App creation and deletion
    methods (Access = public)

        % Construct app
        function app = BinToGrayAppDesigner

            % Create UIFigure and components
            createComponents(app)

            % Register the app with App Designer
            registerApp(app, app.UIFigure)

            if nargout == 0
                clear app
            end
        end

        % Code that executes before app deletion
        function delete(app)

            % Delete UIFigure when app is deleted
            delete(app.UIFigure)
        end
    end
end

Design Screenshots:

Output Screenshots: