AppDesigner: Custom UI Component based on Spinner

2 次查看(过去 30 天)
Hello,
how can I create a custom component based on the AppDesigner Spinner with a large up and down button?
Thank you

回答(1 个)

Shivam
Shivam 2023-10-16
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

类别

Help CenterFile Exchange 中查找有关 Develop Apps Using App Designer 的更多信息

产品


版本

R2021a

Community Treasure Hunt

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

Start Hunting!

Translated by