uidropdown
创建下拉组件
说明
dd = uidropdownDropDown 对象。MATLAB® 调用 uifigure 函数来创建该图窗。
dd = uidropdown(___,Name,Value)DropDown 属性。例如，uidropdown("Editable","on") 创建一个允许键入的下拉组件。可将此选项与上述语法中的任何输入参量组合一起使用。
示例
创建一个具有默认项目的下拉组件。
fig = uifigure; dd = uidropdown(fig);
点击该组件中的任意位置以打开下拉列表。
在 UI 图窗中创建一个可编辑的下拉组件。用户可以通过点击下拉箭头从现有项中进行选择，也可以通过点击组件以文本形式输入自己的值。
fig = uifigure; dd = uidropdown(fig,"Editable","on");
在 UI 图窗中创建一个下拉组件并指定项。
fig = uifigure; dd = uidropdown(fig,"Items",["Red","Yellow","Blue","Green"]);
确定与选定项关联的值。当 ItemsData 属性为空（默认值）时，下拉组件 Value 属性会将所选项的名称存储为该项在 Items 属性中所示的名称。
value = dd.Value
value =
'Red'通过指定 ItemsData 属性，将每个下拉组件项与一个十六进制颜色代码相关联。
dd.ItemsData = ["#F00" "#FF0" "#00F" "#0F0"];
当 ItemsData 非空时，下拉组件 Value 属性存储与所选项相关联的数据。
value = dd.Value
value =
"#F00"
自 R2023a 起
创建一个包含三个项的下拉 UI 组件。
fig = uifigure; dd = uidropdown(fig,"Items",["Good","Fair","Poor"]);
创建三个背景颜色样式。
s1 = uistyle("BackgroundColor","#77AC30"); s2 = uistyle("BackgroundColor","#EDB120"); s3 = uistyle("BackgroundColor","#F77A8F");
将样式添加到下拉组件项中以更改其背景颜色。
addStyle(dd,s1,"item",1); addStyle(dd,s2,"item",2); addStyle(dd,s3,"item",3);
项目背景颜色会更新，组件的外观会反映所选项的样式。当用户指向某个项时，该样式不会更改显示的颜色。
创建一个 App，当 App 用户从下拉列表中进行选择时，该 App 会更改所绘制线条的颜色。
在名为 plotOptions.m 的文件中，编写实现该 App 的函数：
创建一个 UI 图窗和一个网格布局管理器，以对该 App 进行布局。
在网格布局管理器中创建 UI 坐标区和一个下拉组件。
编写一个名为
updatePlot的回调函数，该函数根据所选下拉组件项更改绘图颜色，并将该函数赋给ValueChangedFcn回调属性。有关回调的详细信息，请参阅Create Callbacks for Apps Created Programmatically。
function plotOptions fig = uifigure; g = uigridlayout(fig); g.RowHeight = {'1x','fit','1x'}; g.ColumnWidth = {'1x','fit'}; ax = uiaxes(g); ax.Layout.Row = [1 3]; ax.Layout.Column = 1; x = linspace(-2*pi,2*pi); y = sin(x); p = plot(ax,x,y,"Color","#F00"); dd = uidropdown(g, ... "Items",["Red","Yellow","Blue","Green"], ... "ItemsData",["#F00" "#FF0" "#00F" "#0F0"], ... "ValueChangedFcn",@(src,event) updatePlot(src,p)); dd.Layout.Row = 2; dd.Layout.Column = 2; end function updatePlot(src,p) val = src.Value; p.Color = val; end
运行 plotOptions 函数。从下拉列表中选择一个项以更改绘图颜色。
plotOptions
创建一个允许用户选择要显示的图像的 App。由于该 App 包含可编辑的下拉组件，因此可编写代码来处理用户选择现有项以及用户输入自己的值的情况。
在名为 imageApp.m 的文件中，编写实现该 App 的函数：
创建一个 UI 图窗和一个网格布局管理器，以对该 App 进行布局。
在网格布局管理器中创建一个可编辑的下拉组件和一个图像组件。
编写名为
updateImage的回调函数，该函数根据所选下拉组件项更改图像，并将该函数赋给ValueChangedFcn回调属性。查询回调事件数据以检查新值是从现有项中选择的还是由用户输入的，并验证任何用户输入的值。有关回调的详细信息，请参阅Create Callbacks for Apps Created Programmatically。
function imageApp fig = uifigure; g = uigridlayout(fig,[2 3]); g.RowHeight = {22,'1x'}; g.ColumnWidth = {'1x','fit','1x'}; dd = uidropdown(g, ... "Editable","on", ... "Items",["peppers.png","street1.jpg"]); dd.Layout.Row = 1; dd.Layout.Column = 2; im = uiimage(g,"ImageSource","peppers.png"); im.Layout.Row = 2; im.Layout.Column = [1 3]; dd.ValueChangedFcn = @(src,event)updateImage(src,event,im,fig); end function updateImage(src,event,im,fig) val = src.Value; if event.Edited && ~exist(val,"file") im.ImageSource = ""; uialert(fig,"Enter a file on the MATLAB path","Invalid Image") else im.ImageSource = val; end end
运行 imageApp 函数，通过选择现有项或输入您自己的图像路径来更新图像。
