ИзображениеПоказать
дальномер в majordomo
Модератор: immortal
-
- Сообщения: 76
- Зарегистрирован: Ср июн 06, 2018 12:08 pm
- Благодарил (а): 14 раз
- Поблагодарили: 1 раз
дальномер в majordomo
прикрутил ардуиновский ультазвуковой дальномер для контроля уровня воды в подвале к мд. вопрос в том как на сцене сделать визаулизацию при помощи вертикального статус бара. пока осилил только в виде цифрового значения на сцене. буду благодарен за подсказки более опытных товарищей.
Последний раз редактировалось savenko_egor Пт июн 15, 2018 9:52 am, всего редактировалось 1 раз.
Причина: Спрятал изображение под спойлер.
Причина: Спрятал изображение под спойлер.
-
- Сообщения: 529
- Зарегистрирован: Сб мар 12, 2016 6:33 pm
- Откуда: Ухта, Россия
- Благодарил (а): 3 раза
- Поблагодарили: 154 раза
Re: дальномер в majordomo
Нормальное с водой работает УЗ датчик?
Вот пример прогресс бара на html/css
https://codepen.io/vishalkardode/pen/jEPPKa
Вот пример прогресс бара на html/css
https://codepen.io/vishalkardode/pen/jEPPKa
- Рейтинг: 2.33%
-
- Сообщения: 76
- Зарегистрирован: Ср июн 06, 2018 12:08 pm
- Благодарил (а): 14 раз
- Поблагодарили: 1 раз
Re: дальномер в majordomo
плату дальномера полностью залил эбаксидкой, только сенсоры торчат. пол года работает. если интересно завтра фото могу выложить. огромное спасибо за пример. Но в програмировании я пока не очень силен потому есть ряд вопросов: куда в мд код вставить? надо ли его править? пустой подвал у меня значене датчика 1681 полный 500. возможно более подробные пояснения по теме и ссылки на мунулы не только мне помогут.
- xor
- Сообщения: 2039
- Зарегистрирован: Сб ноя 22, 2014 8:45 pm
- Благодарил (а): 286 раз
- Поблагодарили: 629 раз
Re: дальномер в majordomo
Хе, на нём видел датчик высоты снежного покрова. Готовые дорогущие.
Отправлено с моего Redmi 4X через Tapatalk
Отправлено с моего Redmi 4X через Tapatalk
win10 connect https://connect.smartliving.ru/profile/303
-
- Сообщения: 867
- Зарегистрирован: Вт янв 17, 2012 12:31 pm
- Благодарил (а): 121 раз
- Поблагодарили: 78 раз
Re: дальномер в majordomo
Вот пример горизонтального прогресс бара:blacbag писал(а): ↑Ср июн 13, 2018 4:29 pmприкрутил ардуиновский ультазвуковой дальномер для контроля уровня воды в подвале к мд. вопрос в том как на сцене сделать визаулизацию при помощи вертикального статус бара. пока осилил только в виде цифрового значения на сцене. буду благодарен за подсказки более опытных товарищей.
ИзображениеПоказать
Код для примера:Показать
<div class="wrapper">
<div class="progress-bar">
<span class="progress-bar-fill" style="width: %ThisComputer.volumeLevel%%"></span>
<span class="progressbar-value">%ThisComputer.volumeLevel%%</span>
</div>
</div>
<div class="progress-bar">
<span class="progress-bar-fill" style="width: %ThisComputer.volumeLevel%%"></span>
<span class="progressbar-value">%ThisComputer.volumeLevel%%</span>
</div>
</div>
Стили css:Показать
.wrapper {
width: 200px;
}
.progress-bar {
width: 100%;
background-color: #e0e0e0;
padding: 3px;
border-radius: 3px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
}
.progress-bar-fill {
display: block;
height: 22px;
background-color: #659cef;
border-radius: 3px;
transition: width 500ms ease-in-out;
}
.progressbar-value{
position:absolute;
left:1px;
top:-2px;
color:#fff;
font-weight: bold;
padding:10px 15px;
border-radius:5px;
}
width: 200px;
}
.progress-bar {
width: 100%;
background-color: #e0e0e0;
padding: 3px;
border-radius: 3px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
}
.progress-bar-fill {
display: block;
height: 22px;
background-color: #659cef;
border-radius: 3px;
transition: width 500ms ease-in-out;
}
.progressbar-value{
position:absolute;
left:1px;
top:-2px;
color:#fff;
font-weight: bold;
padding:10px 15px;
border-radius:5px;
}