Main Content

앱 디자이너

대화형 방식으로 앱 만들기

페이지 내 모두 확장

설명

앱 디자이너는 앱 레이아웃을 설계하고 앱 동작을 프로그래밍할 수 있는 대화형 방식의 개발 환경입니다.

앱 디자이너를 사용하여 다음을 수행할 수 있습니다.

  • 대화형 방식으로 앱을 만들고 편집하고 공유합니다.

  • 대화형 방식으로 사용자 지정 UI 컴포넌트를 만들어 앱에서 사용하거나 다른 사용자와 공유합니다.

  • MATLAB®을 사용하여 앱 구축을 시작하는 데 도움이 되는 추천 예제를 살펴봅니다.

  • 안내 튜토리얼을 통해 MATLAB의 대화형 방식 앱 개발의 기본 사항을 익힙니다.

자세한 내용은 앱 디자이너를 사용하여 간단한 앱을 만들고 실행하기 항목을 참조하십시오.

App Designer development environment

앱 디자이너 열기

  • MATLAB 툴스트립: 앱 탭에서 앱 디자인을 클릭합니다.

  • MATLAB 명령 프롬프트: appdesigner를 입력합니다.

예제

모두 확장

앱 디자이너를 열면 앱 디자이너 시작 페이지가 표시됩니다.

App Designer Start Page

앱을 만들려면 시작 페이지의 앱 섹션에서 앱 템플릿 중 하나를 선택합니다.

  • 빈 앱 — 빈 앱 파일을 만듭니다.

  • 자동 재배치 기능이 있는 2단 앱 — 다양한 기기 화면 크기에 맞게 자동으로 크기를 조정하고 재배치하는, 두 개 패널로 구성된 앱을 만듭니다.

  • 자동 재배치 기능이 있는 3단 앱 — 다양한 기기 화면 크기에 맞게 자동으로 콘텐츠의 크기를 조정하고 재배치하는, 세 개 패널로 구성된 앱을 만듭니다.

앱 디자이너에서 app1.mlapp라는 이름의 새 파일이 열립니다. 파일을 저장하기 전까지는 MATLAB 현재 폴더 브라우저에 app1.mlapp가 나타나지 않습니다.

앱 디자이너를 사용하여 앱을 디자인하는 방법에 대한 자세한 내용은 앱 디자이너를 사용하여 간단한 앱을 만들고 실행하기 항목을 참조하십시오.

앱에서 사용하거나 다른 사람과 공유할 수 있는 사용자 지정 UI 컴포넌트를 만듭니다.

앱 디자이너를 열면 앱 디자이너 시작 페이지가 표시됩니다.

App Designer Start Page

사용자 지정 UI 컴포넌트를 만들려면 시작 페이지의 사용자 지정 UI 컴포넌트 섹션에서 템플릿 중 하나를 선택합니다.

  • 빈 컴포넌트 — 빈 사용자 지정 UI 컴포넌트 파일을 만듭니다.

  • 그리드 레이아웃을 갖는 빈 컴포넌트 — 앱의 UI 컴포넌트 레이아웃과 크기를 관리하는, 그리드 레이아웃을 갖는 사용자 지정 UI 컴포넌트를 만듭니다.

앱 디자이너에서 comp1.mlapp라는 이름의 새 파일이 열립니다. 파일을 저장하기 전까지는 MATLAB 현재 폴더 브라우저에 comp1.mlapp가 나타나지 않습니다.

앱 디자이너를 사용하여 사용자 지정 UI 컴포넌트를 만드는 방법에 대한 자세한 내용은 Create a Simple Custom UI Component in App Designer 항목을 참조하십시오.

앱 디자이너 시작 페이지에서 열기 버튼을 클릭하여 앱 디자이너에서 만든 기존 앱을 엽니다. 또는 최근에 앱을 연 경우 최근에 사용한 파일 섹션에서 앱 이름을 클릭하여 파일을 다시 엽니다.

App Designer Start Page

앱을 만든 후 그 앱을 단일 인스톨러 파일에 패키징하여 다른 사용자와 쉽게 공유할 수 있습니다.

앱 디자이너에서 앱이 열리면 디자이너 탭을 선택합니다. 그런 다음 공유 > MATLAB 앱을 선택합니다.

Share button drop-down list. The options in the list are MATLAB App, Web App, and Standalone Desktop App.

앱 패키징 대화 상자를 채운 다음, 패키징을 클릭하여 사용자와 앱을 공유하기 위한 설치 파일을 생성합니다.

자세한 내용은 앱 디자이너 내에서 앱 패키징하기 항목을 참조하십시오.

관련 예제

프로그래밍 방식으로 사용

모두 확장

appdesigner는 앱 디자이너 시작 페이지를 엽니다.

appdesigner(filename)은 지정된 MLAPP 파일을 앱 디자이너에서 엽니다. filename을 string형 스칼라 또는 문자형 벡터로 지정합니다.

MLAPP 파일이 MATLAB 경로에 없는 경우에는 전체 경로를 지정하십시오. 예를 들어 appdesigner("C:\Documents\myapp.mlapp")는 지정된 파일을 앱 디자이너에서 엽니다.

버전 내역

R2016a에 개발됨