Дизайн сцен

Использование системы в различных ситуациях, вопросы программирования сценариев.

Модератор: immortal

I_I_Imonder
Сообщения: 256
Зарегистрирован: Сб янв 11, 2014 2:54 pm
Благодарил (а): 12 раз
Поблагодарили: 14 раз

Re: Дизайн сцен

Сообщение I_I_Imonder » Чт янв 08, 2015 10:01 am

Друзья, приветствую. С прошедшими праздниками
Такой вопрос, кто нибудь делал кнопку css из имеющейся картинки? ну или как то заставить эту картинку вдавливаться при нажатии?)
P.S. картинка png
Vit
Сообщения: 867
Зарегистрирован: Вт янв 17, 2012 12:31 pm
Благодарил (а): 121 раз
Поблагодарили: 78 раз

Re: Дизайн сцен

Сообщение Vit » Вс янв 11, 2015 1:04 am

вот решил по примеру Alex

Изображение

попробовать сделать сцену

вот как то так))

Изображение
Аватара пользователя
shemnik69
Сообщения: 590
Зарегистрирован: Пн дек 24, 2012 3:01 pm
Откуда: Саратов Saratov
Благодарил (а): 67 раз
Поблагодарили: 63 раза

Re: Дизайн сцен

Сообщение shemnik69 » Вс янв 11, 2015 1:13 am

Замечательно. А супер код будет?
Пожалуйста.. :D
У меня хоть вентилятора на плате нет (Atom) но остальная выводимая информация очень полезна.
Vit
Сообщения: 867
Зарегистрирован: Вт янв 17, 2012 12:31 pm
Благодарил (а): 121 раз
Поблагодарили: 78 раз

Re: Дизайн сцен

Сообщение Vit » Вс янв 11, 2015 1:29 am

у меня тоже нет вентилятора в буке не кажет...

с кодом реально голову сломал по сценам особенности есть с обновлением значений...

еще такую особенность заметил на планшете ipad (crome)

если открыть сцену по ссылке http://127.0.0.1/popup/scenes/17.html

то графики при обновлении моргают...

Вопрос сразу к Сергею ....как то это можно вылечить?)


Код если будет желание выложу да и описание можно сделать...

функцию получения значений с hardware monitor я тоже немного дописал для получения сразу еще мин и мах значений

Изображение

только не стал пока делать direction используя обращение к базе потому что много запросов получится...

вот такая сценка в итоге получилась)
Аватара пользователя
shemnik69
Сообщения: 590
Зарегистрирован: Пн дек 24, 2012 3:01 pm
Откуда: Саратов Saratov
Благодарил (а): 67 раз
Поблагодарили: 63 раза

Re: Дизайн сцен

Сообщение shemnik69 » Вс янв 11, 2015 12:10 pm

На счет моргания графиков, да такое есть но я обратил на это внимание после Вашего замечания. :D
Да, прошу инструкцию по монтажу сцен.
Еще вопрос, а какой программой пользуетесь при дизайне сцен.? Сейчас пробую DevelStudio3.0beta2 довольно продвинутый продукт.
Аватара пользователя
sergejey
Site Admin
Сообщения: 4284
Зарегистрирован: Пн сен 05, 2011 6:48 pm
Откуда: Минск, Беларусь
Благодарил (а): 75 раз
Поблагодарили: 1559 раз
Контактная информация:

Re: Дизайн сцен

Сообщение sergejey » Вс янв 11, 2015 12:42 pm

Vit писал(а):то графики при обновлении моргают...Вопрос сразу к Сергею ....как то это можно вылечить?)
А какой код вставки графика?

Сергей Джейгало, разработчик MajorDoMo
Идеи, ошибки -- за предложениями по исправлению и развитию слежу только здесь!
Профиль Connect -- информация, сотрудничество, услуги
Vit
Сообщения: 867
Зарегистрирован: Вт янв 17, 2012 12:31 pm
Благодарил (а): 121 раз
Поблагодарили: 78 раз

Re: Дизайн сцен

Сообщение Vit » Вс янв 11, 2015 8:20 pm

sergejey писал(а):
Vit писал(а):то графики при обновлении моргают...Вопрос сразу к Сергею ....как то это можно вылечить?)
А какой код вставки графика?
Сереж приветствую.....только добрался до компа...

вот так вывожу весь элемент
СпойлерПоказать
<div align="center"><font size="3" color="gray" face="Arial"><b>Температура процессора</b></font></div>
<div align="center">

<font size="5" color="lightgray" face="Arial"><b>%serverCPUTemp.Value%°</b></font><br>

<font size="2" color="gray" face="Arial">Максимальное значение: </font>
<font size="2" color="brown" face="Arial"><b>%serverCPUTemp.Max% (%analog20.statDayMaxTime%)</b></font><br>
<font size="2" color="gray" face="Arial">Минимальное значение: </font>
<font size="2" color="brown" face="Arial"><b>%serverCPUTemp.Min% (%analog20.statDayMinTime%)</b></font><br>
</div>
<img src="/pChart/?p=serverCPUTemp.Value&type=2h&title= &width=280&height=150&gcolor=red&gtype=fcurve&scale=0">
Vit
Сообщения: 867
Зарегистрирован: Вт янв 17, 2012 12:31 pm
Благодарил (а): 121 раз
Поблагодарили: 78 раз

Re: Дизайн сцен

Сообщение Vit » Вс янв 18, 2015 9:28 pm

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

1. создаем сценарий для вытягивания данных:
СпойлерПоказать
clearTimeout("timer_Server_timeout");

function searchJson($obj, $valut, $direct)
{foreach($obj->Children as $child)
{
if(isset($child->id) && $child->id == $valut)
{
//$sensorvalue = $child->Value;
$sensorvalue = round(substr($child->Value,0,strpos($child->Value,' ')),0);
$sensorMax = round(substr($child->Max,0,strpos($child->Max,' ')),0);
$sensorMin = round(substr($child->Min,0,strpos($child->Min,' ')),0);
sg($direct.'.Value',$sensorvalue);
sg($direct.'.Max',$sensorMax);
sg($direct.'.Min',$sensorMin);
}
searchJson($child,$valut,$direct);
}
return;
}

$ch = curl_init('http://127.0.0.1:8085/data.json');
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$ohm = curl_exec($ch);
$json = json_decode($ohm);
searchJson($json,'11','serverCPUTemp');
searchJson($json,'13','serverCPUload');
searchJson($json,'33','serverCPUFan');
searchJson($json,'22','Memory');
searchJson($json,'38','serverHddTemp');
searchJson($json,'40','serverHddSpfree');


setTimeOut("timer_Server_timeout", "runScript('timer_Server');", 2);
объекты подставите свои

2. элементы сцены

вот эта часть

Изображение

настройки элемента

Изображение


код графика
СпойлерПоказать
<img src="/pChart/s.php?p=serverCPUTemp.Value&objt=smartStick1&dca=blue&unit=°&middle=0&min=%serverCPUTemp.Min%&max=%serverCPUTemp.Max%&label=CPU Temp&ralert=55" id='image1'>
код в дополнительном поле JavaScript
СпойлерПоказать
var image1Timer;
var newImage1 = new Image();
newImage1.src='/pChart/s.php?p=serverCPUTemp.Value&objt=smartStick1&dca=blue&unit=°&middle=0&min=%serverCPUTemp.Min%&max=%serverCPUTemp.Max%&label=CPU Temp&ralert=55';

function updateImage1()
{
if(newImage1.complete) {
document.getElementById("image1").src = newImage1.src;
newImage1 = new Image();
newImage1.src = "/pChart/s.php?p=serverCPUTemp.Value&objt=smartStick1&dca=blue&unit=°&middle=0&min=%serverCPUTemp.Min%&max=%serverCPUTemp.Max%&label=CPU Temp&ralert=55&time=" + new Date().getTime();
}
clearTimeout(image1Timer);
image1Timer=setTimeout('updateImage1();', 1000);
}
updateImage1();
в таком же плане все остальные элементы
меняем объекты на свои

2. элемент графики, тут в принципе все стандартно
СпойлерПоказать
<div align="center"><font size="3" color="gray" face="Arial"><b>Температура процессора</b></font></div>
<div align="center">

<font size="5" color="lightgray" face="Arial"><b>%serverCPUTemp.Value%°</b></font><br>

<font size="2" color="gray" face="Arial">Максимальное значение: </font>
<font size="2" color="brown" face="Arial"><b>%serverCPUTemp.Max% (%analog20.statDayMaxTime%)</b></font><br>
<font size="2" color="gray" face="Arial">Минимальное значение: </font>
<font size="2" color="brown" face="Arial"><b>%serverCPUTemp.Min% (%analog20.statDayMinTime%)</b></font><br>
</div>
<img src="/pChart/?p=serverCPUTemp.Value&type=12h&title= &width=280&height=150&gcolor=red&gtype=fcurve&scale=0">
Изображение

как то так, если кратко...

Изображение
За это сообщение автора Vit поблагодарили (всего 4):
ABola (Ср фев 04, 2015 3:37 pm) • Amarok (Сб мар 28, 2015 10:40 am) • DiArt (Сб апр 25, 2015 2:13 pm) • Сергей0708 (Сб авг 27, 2016 11:01 am)
Рейтинг: 4.65%
DiArt
Сообщения: 210
Зарегистрирован: Пт апр 12, 2013 2:27 pm
Откуда: Уфа
Благодарил (а): 28 раз
Поблагодарили: 16 раз

Re: Дизайн сцен

Сообщение DiArt » Сб мар 28, 2015 8:27 am

Доброго дня!
Есть сцена с разрешением 1920х1080. Как програмно уменьшить её?Например до 1024х768
Просто планирую делать для большого разрешения, но для планшета хочу сделать поменьше. И чтобы заново все не переделывать, думаю может где есть уменьшить или увеличить в процентном соотношении?
Система на Неттоп 3Q Nettop Qoo!
(Intel Celeron J1800, 2x2410 МГц, 4096 Мб, HDD 1000 Гб, HDMI, VGA , Wi-Fi, Ethernet, Ubuntu 14.04.2)
Вторая система на Raspberry Pi 3.
D-Link DCS-930L/Broadlink RM2-Pro/BroadLink SP3 CC/Ginzzu HS-K07W
Я в CONNECT
Vit
Сообщения: 867
Зарегистрирован: Вт янв 17, 2012 12:31 pm
Благодарил (а): 121 раз
Поблагодарили: 78 раз

Re: Дизайн сцен

Сообщение Vit » Сб мар 28, 2015 8:35 am

Пока только в отдельной программе, например фотошоп можете уменьшить до нужного разрешения.
Ответить