2 мин. на чтение (слов - 469)

Базовые вычисления с числовыми переменными: «Калькулятор бюджета»

Сегодня создадим простой пример – «Калькулятор бюджета», который вычисляет ежемесячные доходы, расходы и экономию. Будем использовать текстовые поля, связанные с числовыми переменными, чтобы сохранять и отслеживать входные данные. Затем будем использовать действие «Настройка переменной» для вычисления результатов, которые отображаются с помощью ссылок на переменные.

Шаг 1: вставка текстовых полей

Первый шаг – вставка и размещение объектов (фигур, текстовых полей, надписей и кнопки). Вставьте девять текстовых полей (вкладка «Взаимодействия» > «Текстовое поле») для сбора информации о доходах и расходах.

Шаг 2: назначение числовых переменных для текстовых полей

Дополнительные сведения о переменных см. Введение в переменные ActivePresenter 7, Добавление и использование переменных.

Выберите текстовое поле и выполните следующие действия:

  1. Откройте панель «Свойства» > «Взаимодействия»> «Оценивание и отчетность» > «Переменная».
  2. Нажмите кнопку «Добавить переменную». Появится диалоговое окно, позволяющее добавить и назначить числовую переменную в текстовое поле.

После этого назначьте числовые переменные другим восьми текстовым полям.

Шаг 3: создание остальных переменных и вставка ссылок на них

Создайте три оставшиеся переменные для хранения общего дохода, общих расходов и общей экономии. Перейдите на вкладку «Главная» > «Переменные», чтобы открыть диалоговое окно «Переменные». На вкладке «Пользователь» диалогового окна перечислены все добавленные пользовательские переменные. Теперь создайте переменные для общего дохода, общих расходов и общей экономии.

Затем используйте три текстовых надписи (вкладка «Аннотации» > «Текстовая надпись») для отображения трех ссылок на переменные. Щелкните внутри текстовой надписи и перейдите на вкладку «Главная» > «Ссылка», чтобы добавить ссылку. Можно также ввести имя переменной и поместить ее между знаками %.

Шаг 4: создание функционала для кнопки «Рассчитать»

Дополнительные сведения о событиях и действиях см. Использование событий и действий в ActivePresenter 7.

Перейдите на панель «Свойства» > «Взаимодействия» > «События и действия» и добавьте событие По щелчку к кнопке «Рассчитать». Помните, что действия, связанные с одним и тем же событием, выполняются в том же порядке, в котором они отображаются в разделе «События и действия» (сверху вниз). Щелкните и перетащите действие, чтобы изменить порядок.

(1) Отправьте введенные данные, используя действие «Отправить».

(2) Покажите результаты с помощью действия «Показать объект». Чтобы это произошло, необходимо заранее сгруппировать и скрыть группу «Результат» (панель «Свойства» > «Размер и свойства» > «Расчет времени» > «Изначально скрыто»).

(3) Присвойте значение 0 переменным itog_dohody, itog_rashody и itog_ekonom, чтобы результаты были заново пересчитаны каждый раз, когда нажимаете кнопку «Рассчитать».

(4, 5) Рассчитайте общий доход (itog_dohody) и общие расходы (itog_rashody), используя действие «Настроить переменную».

(6) Рассчитайте общую экономию. Сначала присвойте значение общего дохода (itog_dohody) общей экономии (itog_ekonom). Затем вычтите стоимость общих расходов (itog_rashody) из общей суммы экономии (itog_ekonom).

На этом этапе нажмите кнопку «Предпросмотр HTML5» (на вкладке «Главная»), чтобы просмотреть калькулятор.

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

Как видите, несложно создать базовые вычисления с числовыми переменными. Но если проект требует более сложных вычислений, рассмотрите возможность использования JavaScript.


Как редактировать записанное видео
Создание электронной интерактивной игры «Овощи»

Читайте также:

 

Комментарии

Нет комментариев. Будь первым, кто оставит комментарий.
Уже зарегистрированы? Войти на сайт
Гость
17.06.2019