uidropdown
드롭다운 컴포넌트 생성
설명
dd = uidropdownDropDown 객체를 반환합니다. MATLAB®은 uifigure 함수를 호출하여 Figure를 만듭니다.
dd = uidropdown(parent)Figure 객체이거나 그 자식 컨테이너 중 하나일 수 있습니다.
dd = uidropdown(___,Name,Value)DropDown 속성을 지정합니다. 예를 들어, uidropdown("Editable","on")은 입력이 가능한 드롭다운 컴포넌트를 만듭니다. 위에 열거된 구문에 나와 있는 입력 인수를 조합하여 이 옵션과 함께 사용하십시오.
예제
디폴트 항목을 가지는 드롭다운 컴포넌트를 만듭니다.
fig = uifigure; dd = uidropdown(fig);
컴포넌트의 아무 곳이나 클릭하여 드롭다운 목록을 엽니다.
UI Figure에 편집 가능한 드롭다운 컴포넌트를 만듭니다. 사용자는 드롭다운 화살표를 클릭하여 기존 항목에서 선택하거나, 컴포넌트를 클릭하여 항목 자체의 값을 텍스트로 입력할 수 있습니다.
fig = uifigure; dd = uidropdown(fig,"Editable","on");
UI Figure에 드롭다운 컴포넌트를 만들고 항목을 지정합니다.
fig = uifigure; dd = uidropdown(fig,"Items",["Red","Yellow","Blue","Green"]);
선택한 항목과 관련된 값을 결정합니다. ItemsData 속성이 비어 있는 경우(디폴트 값) 드롭다운 컴포넌트 Value 속성은 Items 속성에 표시되는 대로 선택한 항목의 이름을 저장합니다.
value = dd.Value
value =
'Red'ItemsData 속성을 지정하여 각 드롭다운 컴포넌트 항목과 16진수 색 코드를 연결합니다.
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);
항목 배경색이 업데이트되고, 컴포넌트의 모양에 선택한 항목의 스타일이 반영됩니다. 이 스타일은 사용자가 항목을 가리킬 때 표시되는 색은 변경하지 않습니다.
앱 사용자가 드롭다운 목록에서 선택할 때 플로팅된 선의 색을 변경하는 앱을 만듭니다.
plotOptions.m이라는 파일에 다음과 같이 앱을 구현하는 함수를 작성합니다.
UI Figure와 그리드 레이아웃 관리자를 만들어 앱의 레이아웃을 설정합니다.
그리드 레이아웃 관리자에서 UI 좌표축과 드롭다운 컴포넌트를 만듭니다.
선택한 드롭다운 컴포넌트 항목에 따라 플롯 색을 변경하는
updatePlot이라는 콜백 함수를 작성한 다음, 이 함수를ValueChangedFcn콜백 속성에 할당합니다. 콜백에 대한 자세한 내용은 프로그래밍 방식으로 만든 앱에 대한 콜백 만들기 항목을 참조하십시오.
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
사용자가 표시할 이미지를 선택할 수 있는 앱을 만듭니다. 앱에 편집 가능한 드롭다운 컴포넌트가 포함되어 있으므로, 사용자가 기존 항목을 선택하거나 자체 값을 직접 입력할 수 있도록 코드를 작성합니다.
imageApp.m이라는 파일에 다음과 같이 앱을 구현하는 함수를 작성합니다.
UI Figure와 그리드 레이아웃 관리자를 만들어 앱의 레이아웃을 설정합니다.
그리드 레이아웃 관리자에서 편집 가능한 드롭다운 컴포넌트와 이미지 컴포넌트를 만듭니다.
선택한 드롭다운 컴포넌트 항목에 따라 이미지를 변경하는
updateImage라는 콜백 함수를 작성한 다음, 이 함수를ValueChangedFcn콜백 속성에 할당합니다. 콜백 이벤트 데이터를 쿼리하여 기존 항목에서 새 값이 선택되었는지 또는 사용자가 새 값을 입력했는지 확인한 다음, 사용자가 입력한 값의 유효성을 검사합니다. 콜백에 대한 자세한 내용은 프로그래밍 방식으로 만든 앱에 대한 콜백 만들기 항목을 참조하십시오.
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 함수를 실행하고, 기존 항목을 선택하거나 이미지 경로를 입력하여 이미지를 업데이트합니다.
