AppDesigner: Custom UI Component based on Spinner

Hello,

how can I create a custom component based on the AppDesigner Spinner with a large up and down button?

Thank you

Answer 1

[Shivam]

Hi Memam,

I understand you want to create the custom component based on Spinner of Appdesigner.

You can follow the below workaround to make the custom spinner.

• Open a new app in appdesigner.
• Drag and drop 2 "Button" components and 1 "Edit Field(Text)" component from the component library.
• Set the "Value" property to 0 of the "Edit Field(Text)" component.
• Fill the "Text" field of the "Button" component with upward and downward symbols.
• Create a callback function for the UP button, which increments the EditField.Value by one every time the up button is pressed. You can follow the code:

    % Button pushed function: Button
    function ButtonPushed(app, event)
        currVal = str2double(app.EditField.Value);
        newVal = currVal+1;
        app.EditField.Value = num2str(newVal);
    end

• Repeat the above step for the DOWN button, which decreases EditField.Value by 1.
• Position and resize the buttons and text components and run the app to see the result.

I hope the detailed steps help you.

Thanks,

Shivam