Вы можете проектировать пользовательские манометры, которые выглядят как отображения в реальной системе или анимировать сигнал с помощью блоков Circular Gauge, Horizontal Gauge и Vertical Gauge. Этот пример дает пошаговое руководство по проектированию термометра с использованием блока Vertical Gauge и амперметра с использованием блока Circular Gauge.
Модель для этого примера включает несколько настроенных манометров, соединенных с выходом блока Sine Wave. Пример дает пошаговые инструкции для разработки блоков манометров в холсте модели. Модель включает панель, которая содержит дополнительные настроенные манометры, которые можно исследовать самостоятельно. Пример директории включает папку со всеми изображениями SVG, используемыми для создания манометров.
Термометр, разработанный с использованием блока Vertical Gauge, использует фоновое изображение, чтобы определить форму термометра и планку значений блока Vertical Gauge, чтобы указать значение подключенного сигнала во время симуляции. Блок Battery Level на панели использует аналогичную стратегию проекта.
Чтобы спроектировать термометр, добавьте к модели Вертикальный манометр и используйте вкладку Проект (Design) в Инспекторе свойств (Property Inspector). Чтобы отобразить Property Inspector, на вкладке Modeling, в разделе Design, выберите Property Inspector. Выберите блок «Вертикальный манометр». Затем в Property Inspector выберите вкладку Design и нажмите Edit Design. В режиме проектирования вкладка Проект (Design) Инспектора свойств (Property Inspector) является активной, и над блоком Вертикальный датчик (Vertical Gauge) появляется панель инструментов.
Добавьте фоновое изображение термометра.
Выберите компонент Фоновое изображение на вкладке Проект.
В разделе «Выбор изображения» нажмите кнопку «плюс».
Перемещайтесь внутри CustomGaugeImages папка и выберите Thermometer.svg файл.
Проект термометра использует бар значений, а не иглу, чтобы указать значение подключенного сигнала. Чтобы удалить изображение иглы, на вкладке « Проекте» выберите компонент «Игла». Затем в разделе Select Image нажмите кнопку X.
Затем настройте область значений шкалы, цвет, положение и размер.
На вкладке « Проекте» выберите компонент « Шкалу».
В разделе « Области значений» измените значение Maximum на 50.
В разделе « Тактах» и разделе «Метки» измените цвет на черный, чтобы отметки деления были более видны на белом фоне.
Измените размер шкалы так, чтобы она помещалась внутри белого столбца фонового изображения термометра. Вы можете в интерактивном режиме настроить ширину и высоту шкалы на блоке или с помощью вкладки Design. Чтобы использовать вкладку Проект (Design), в разделе Размер (Size) и Положение (Position), измените Ширину (Width) и Высоту (Height).
Выровняйте нулевую точку шкалы по верхней части красной области фонового изображения.
Наконец, измените ширину и цвет строки значений.
На вкладке « Проекте» выберите компонент «Панель значений».
В разделе «Предварительный просмотр значения» настройте ползунок, чтобы предварительно просмотреть, что показывает строка значений, когда входное значение больше минимального значения шкалы.
В разделе «Строка значений» смените «Цвет» на «Красный».
Увеличьте планку значений так, чтобы она заполняла большую часть термометра. Можно использовать интерактивные элементы управления на блоке или использовать вкладку Design. На вкладке « Проекте» в группе «Панель значений» измените значение параметра «Размер».
Уменьшите непрозрачность панели значений, чтобы легче считать метки.
Когда вы закончите корректировать проект для термометра, выход из режима проектирования. На вкладке Design нажмите Edit Design. Прежде чем вы моделируете модель, соедините блок Vertical Gauge с Sine Wave with Offset сигнал.
Выберите блок «Вертикальный манометр».
Нажмите кнопку Connect, которая находится над блоком.
Выберите Sine Wave with Offset сигнал.
Выберите Sine Wave with Offset опция в таблице под выбранным сигналом.
Щелкните значок X в правом верхнем углу полотна.
Чтобы увидеть термометр в действии, симулируйте модель.
Амперметр, разработанный с использованием блока Circular Gauge, использует фоновое изображение для определения внешнего вида амперметра и изображение иглы для указания значения связанного сигнала во время симуляции. Блок Давление Gauge на панели использует аналогичную стратегию проекта.
Чтобы спроектировать амперметр, добавьте блок Circular Gauge к модели и используйте вкладку Design в Property Inspector. Выберите блок Circular Gauge. Затем в Property Inspector выберите вкладку Design и нажмите Edit Design. В режиме проектирования вкладка Проект (Design) Инспектора свойств (Property Inspector) является активной, и над блоком Круговой датчик (Circular Gauge) появляется панель инструментов.
Сначала добавьте фоновое изображение амперметра.
Выберите компонент Фоновое изображение на вкладке Проект.
В разделе «Выбор изображения» нажмите кнопку «плюс».
Выберите Ammeter.svg файл.
Измените пределы шкалы и цвет и скрыть строку значений.
На вкладке « Проекте» выберите компонент « Шкалу».
В разделе « Области значений» измените значение параметра «Минимум» на -50 и Максимальное, чтобы 50.
В разделах «Деления» и «Метки» смените цвет на черный, чтобы отметки деления были более видны на белом фоне.
Выберите компонент «Панель значений».
В разделе «Строка значений» измените значение параметра «Непрозрачность» на 0.
Отрегулируйте дугу шкалы так, чтобы шкала начиналась и заканчивалась на горизонтальном перекрестии. Начальный угол шкалы задает положение для минимума шкалы, а дуга шкалы задает степень дуги шкалы, обе в степенях. На вкладке Проекта, под Область значений, измените Угол начала и дугу на 180.
Отрегулируйте положение шкалы так, чтобы вся шкала помещалась в области отображения изображения фона амперметра, причем центр иглы расположен приблизительно в центре полукруга.
Замените изображение иглы.
На вкладке « Проекте» выберите компонент «Игла».
В разделе «Выбор изображения» нажмите кнопку «плюс».
Выберите Needle.svg файл.
Изображение иглы представляет собой прямую черную линию. Сохраненное изображение слишком велико для размера блока и ориентировано так, чтобы игла не указывала на нулевую точку шкалы. Чтобы повернуть изображение иглы, нажмите кнопку вращения иглы в блоке. Затем используйте указатели захвата иглы в блоке, чтобы изменить размер и изменить положение иглы, чтобы она начиналась в центре полукруга в фоновом изображении и заканчивалась перед меткой для минимума шкалы.
Когда вы закончите корректировать проект для амперметра, выход из режима проектирования. На вкладке Design нажмите Edit Design. Прежде чем вы симулируете модель, соедините блок Circular Gauge с выходным сигналом от блока Sine Wave.
Выберите блок Circular Gauge.
Нажмите кнопку Connect, которая находится над блоком.
Выберите блок Sine Wave выхода сигнал.
Выберите Sine Wave опция в таблице под выбранным сигналом.
Щелкните значок X в правом верхнем углу полотна.
Чтобы увидеть амперметр в действии, симулируйте модель.
Панель в модели содержит больше примеров настроенных манометров, созданных с использованием блоков Circular Gauge, Horizontal Gauge и Vertical Gauge. Чтобы просмотреть панель, дважды щелкните значок панели в модели. Можно перетащить панель в холст или изменить размер окна, чтобы просмотреть панель. Чтобы увидеть, как манометры реагируют на изменение входных значений, моделируйте модель. The CustomGaugeImages папка включает изображения SVG, используемые для создания каждого манометра, чтобы можно было попробовать реплицировать проекты самостоятельно.
