Управляйте кодом в представлении кода App Designer

Code View обеспечивает большинство тех же функций программирования что MATLAB® Редактор обеспечивает. Это также обеспечивает богатый набор функций, которые помогают вам переместиться по своему коду и избежать многих утомительных задач. Например, можно искать коллбэк путем ввода части его имени в панели поиска. Нажатие на результат поиска прокручивает редактор к определению того коллбэка. И если вы меняете имя коллбэка, App Designer автоматически обновляет все ссылки на него в вашем коде.

Управляйте компонентами, функциями и свойствами

Code View имеет три панели, чтобы помочь вам управлять различными аспектами своего кода. Эта таблица описывает каждого из них.

Разделите имя на областиРазделите внешний вид на областиРазделите функции на области
Component Browser

Component Browser showing the property inspector for a button component.

  • Контекстное меню — Щелкает правой кнопкой по компоненту по списку, чтобы отобразить контекстное меню, которое имеет опции для удаления или переименования компонента, добавления коллбэка или отображения справки. Выберите опцию Include Component Labels in Component Browser, чтобы отобразить сгруппированные метки компонента.

  • Панель поиска — Быстро определяет местоположение компонента путем ввода части его имени в панели поиска.

  • Вкладка компонента — Использование эта вкладка, чтобы просмотреть или изменить значения свойств для компонента, который в настоящее время выбран. Можно также искать свойство путем ввода части имени в панели поиска наверху этой вкладки.

  • Вкладка Callbacks — Использование эта вкладка, чтобы управлять коллбэками для компонента, который выбран.

Code Browser

Code Browser showing the Callbacks tab with three callbacks.

  • Callbacks, Functions, и вкладки Properties — Использование эти вкладки, чтобы добавить, удаляет или переименовывает любой из коллбэков, функций помощника или пользовательских свойств в вашем приложении. Нажатие на элемент во вкладке Callbacks или Functions прокручивает редактор к соответствующему разделу в вашем коде. Перестройте порядок коллбэков путем выбора коллбэка, вы хотите переместить и затем, перетащить мышью коллбэк в его новое положение в списке. Это также меняет местоположение коллбэка в редакторе.

  • Панель поиска — Быстро определяет местоположение коллбэка, функции помощника или свойства путем ввода части его имени в панели поиска.

App Layout

App Layout showing a thumbnail of an app that contains a radio button group, a slider and a push button.

  • Миниатюра приложения — Использование изображение миниатюр, чтобы определить местоположение компонентов в больших, сложных приложениях, которые имеют много компонентов. Выбор компонента в миниатюре выбирает компонент в Component Browser.

Идентифицируйте доступные для редактирования разделы кода

В редакторе Code View некоторые разделы кода доступны для редактирования, и некоторые не. Недоступные для редактирования разделы сгенерированы и управляемы App Designer, тогда как доступные для редактирования разделы соответствуют:

  • Тело функций вы задаете (e.g., коллбэки и функции помощника)

  • Пользовательские определения свойства

В схеме цвета по умолчанию недоступные для редактирования разделы кода являются серыми и доступными для редактирования разделами кода, являются белыми.

App code. A properties block and body of a function have a white background, while a methods block and function declaration have a gray background.

Программируйте свое приложение

App Designer задает ваше приложение как класс MATLAB. Вы не должны изучать классы или объектно-ориентированное программирование, чтобы создать приложение, потому что App Designer управляет теми аспектами кода. Однако программирование в App Designer требует различного рабочего процесса, чем работа строго с функциями. Можно рассмотреть сводные данные этого рабочего процесса в любое время путем нажатия кнопки Show Tips во вкладке Resources панели инструментов.

Управляйте компонентами пользовательского интерфейса

Когда вы добавляете компонент пользовательского интерфейса в свое приложение, App Designer присваивает имя по умолчанию к компоненту. Используйте то имя (включая app префикс), чтобы относиться к компоненту в вашем коде. Можно поменять имя компонента путем двойного клика по имени в Component Browser и введения нового имени. App Designer автоматически обновляет все ссылки на тот компонент, когда вы меняете его имя.

Component Browser showing the name of a figure and a button component. The name of the button is app.Button, and the text "Button" is highlighted and editable.

Чтобы использовать имя компонента в вашем коде, можно сэкономить некоторое время путем копирования имени с Component Browser. Установите свой курсор в доступную для редактирования область кода, где вы хотите добавить имя компонента. Затем от Component Browser щелкните правой кнопкой по имени компонента и выберите Insert at Cursor. В качестве альтернативы можно перетащить имя компонента из списка в код.

Context menu associated with the app.Button component. The context menu includes the Insert at Cursor option.

Чтобы удалить компонент, выберите его имя в Component Browser и нажмите клавишу Delete.

Управляйте коллбэками

Чтобы заставить компонент ответить на взаимодействие с пользователем, добавьте коллбэк. Щелкните правой кнопкой по компоненту по Component Browser и выберите Callbacks> Add (callback property) callback.

Если вы удаляете компонент из своего приложения, App Designer удаляет связанный коллбэк, только если коллбэк не был отредактирован и не совместно используется с другими компонентами.

Чтобы удалить коллбэк вручную, выберите имя коллбэка во вкладке Callbacks Code Browser и нажмите клавишу Delete.

Для получения дополнительной информации о коллбэках, смотрите Коллбэки Записи в App Designer.

Осуществляйте обмен данными в рамках своего приложения

Чтобы хранить данные и совместно использовать его среди различных коллбэков, создают пользовательское свойство. Например, вы можете хотеть, чтобы ваше приложение считало файл данных и позволило различным коллбэкам в вашем приложении получать доступ к тем данным.

Чтобы создать свойство, расширьте Property , выпадающий во вкладке Editor, и выберите Private Property или Public Property. App Designer создает определение свойства шаблона и устанавливает ваш курсор рядом с тем определением. Поменяйте имя свойства, как желаемый.

properties (Access = public)
        X % Average cost
end

Чтобы сослаться на свойство в вашем коде, используйте запись через точку формы app.Propertyname. Например, app.X ссылается на свойство под названием X.

Для получения дополнительной информации о создании и использовании пользовательских свойств, смотрите, Осуществляют обмен данными В рамках Приложений App Designer.

Одно исходный код, который Запуски в Малтипл-Плэйсез

Если вы хотите выполнить блок кода в нескольких частях вашего приложения, создайте функцию помощника. Например, вы можете хотеть обновить график после того, как пользователь изменит номер в поле редактирования или выберет элемент в выпадающем списке. Создание функции помощника позволяет вам одно источнику общие команды, и избегите необходимости обеспечивать избыточные наборы кода.

Чтобы добавить функцию помощника, расширьте Function , выпадающий во вкладке Editor, и выберите Private Function или Public Function. App Designer создает функцию шаблона и устанавливает ваш курсор в тело этой функции.

Чтобы удалить функцию помощника, выберите имя функции во вкладке Functions Code Browser и нажмите клавишу Delete.

Для получения дополнительной информации о записи функций помощника, см., что Код Повторного использования Использует Функции Помощника.

Создайте входные параметры

Чтобы добавить входные параметры в ваше приложение, нажмите App Input Arguments во вкладке Editor. Входные параметры обычно используются для того, чтобы создать приложения, которые имеют несколько окон. Для получения дополнительной информации смотрите Задачи Запуска и Входные параметры в App Designer.

Добавьте текст справки для своего приложения

Добавьте сводные данные приложения и описание, чтобы предоставить информацию о вашем приложении пользователям. Чтобы добавить текст справки или отредактировать существующий текст справки, нажмите App Help Text . Используйте диалоговое окно App Help Text, чтобы задать краткое изложение приложения и более подробное объяснение того, что делает приложение и как использовать его. App Designer добавляет этот текст справки как комментарий под оператором определения приложения.

Чтобы отобразить текст справки приложения в командном окне MATLAB, вызовите help функционируйте и задайте имя приложения. Кроме того, текст справки приложения появляется наверху страницы документации для вашего приложения. Можно просмотреть страницу документации для приложения путем вызова doc функция и определение имени приложения.

Ограничьте свое приложение только Одним рабочим экземпляром за один раз

Когда вы создаете приложение в App Designer, у вас есть опция, чтобы выбрать между двумя запущенными поведениями для приложения:

  • Позвольте только один рабочий экземпляр приложения за один раз.

  • Позвольте нескольким экземплярам приложения запускаться одновременно. Это поведение по умолчанию.

Чтобы изменить поведение запуска вашего приложения, выберите узел приложений из Component Browser. Затем от раздела Code Options вкладки App выберите или очистите Single Running Instance.

Component Browser Inspector for the app node. The Code Options section is expanded and shows the Single Running Instance check box.

Когда Single Running Instance выбран, и вы запускаете приложение многократно, MATLAB снова использует существующий экземпляр и выявляет его вместо того, чтобы создать новый. Когда эта опция очищена, MATLAB создает новый экземпляр приложения каждый раз, когда вы запускаете его, и продолжает запускать существующие экземпляры. Эти поведения запуска применяются к приложениям, которые вы запускаете от вкладки Apps на Панели инструментов MATLAB или из Командного окна.

Когда вы запускаете приложения из App Designer, их поведение не изменяется, выбрана ли эта опция или очищена. App Designer всегда закрывает существующий экземпляр приложения прежде, чем создать новый.

Решите проблемы кода и ошибки времени выполнения

Как редактор MATLAB, редактор Code View предоставляет сообщения Анализатора кода, чтобы помочь вам обнаружить ошибки в своем коде.

Code Analyzer message for an edit field callback. The code in the function body sets EditField.Value. The message says "Use app.EditField to reference a property of app" and includes a button labeled "Fix".

Если при запуске свое приложение непосредственно из App Designer (путем нажатия на Run ), App Designer подсвечивает источник ошибок в коде, должны любые ошибки происходить во время выполнения. Чтобы скрыть сообщение об ошибке, кликните по ошибочному индикатору (красный круг). Чтобы заставить ошибочный индикатор исчезнуть, зафиксируйте свой код и сохраните свои изменения.

Error message. The line of code with the error has an error indicator next to it.

Можно также диагностировать проблемы в коде путем отладки кода приложения в интерактивном режиме в App Designer. Для получения дополнительной информации смотрите Отладку Файлы кода MATLAB.

Персонализируйте внешний вид представления кода

Можно настроить, как код появляется в редакторе Code View. Чтобы изменить ваши настройки представления кода, перейдите к вкладке Home Рабочего стола MATLAB. В разделе Environment нажмите Preferences.

Изменение настроек цветов

Чтобы изменить настройки цветов для доступных для редактирования разделов кода и настроить подсветку синтаксиса, выберите MATLAB> Colors и настройте настольные цвета инструмента и цвета подсветки синтаксиса MATLAB. Эти настройки влияют и на редактор Code View App Designer и на редактор MATLAB. Для получения дополнительной информации смотрите Цвета Рабочего стола Изменения.

Чтобы изменить цвет фона недоступных для редактирования разделов кода, выберите MATLAB> App Designer и настройте цвет фона только для чтения. Эти настройки могут быть изменены, только если опция Use system colors в MATLAB> Color Preferences неконтролируема.

Измените настройки вкладки

Чтобы задать размер вкладок и отступов в редакторе Code View, выберите MATLAB> Editor/Debugger> Tab. Отсюда, можно задать размер вкладок и отступов, а также деталей о том, как вкладки ведут себя. Эти настройки влияют и на редактор Code View App Designer и на редактор MATLAB. Для получения дополнительной информации см. редактор/Отладчик Тэба Преференсеса.

Похожие темы