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

回答(1 个)

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

类别

帮助中心File Exchange 中查找有关 Startup and Shutdown 的更多信息

产品

版本

R2021a

提问:

2022-1-14

回答:

2023-10-16

Community Treasure Hunt

Find the treasures in MATLAB Central and discover how the community can help you!

Start Hunting!

Translated by