Дизайн сцен

[I_I_Imonder]

Друзья, приветствую. С прошедшими праздниками
Такой вопрос, кто нибудь делал кнопку css из имеющейся картинки? ну или как то заставить эту картинку вдавливаться при нажатии?)
P.S. картинка png

[Vit]

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



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

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

[shemnik69]

Замечательно. А супер код будет?
Пожалуйста..
У меня хоть вентилятора на плате нет (Atom) но остальная выводимая информация очень полезна.

[Vit]

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

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

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

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

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

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


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

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



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

вот такая сценка в итоге получилась)

[shemnik69]

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

[sergejey]

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

А какой код вставки графика?

[Vit]

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

А какой код вставки графика?

Сереж приветствую.....только добрался до компа...

вот так вывожу весь элемент

SPOILERSPOILER_SHOW

<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]

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

1. создаем сценарий для вытягивания данных:

SPOILERSPOILER_SHOW

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. элементы сцены

вот эта часть



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




код графика

SPOILERSPOILER_SHOW

<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

SPOILERSPOILER_SHOW

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. элемент графики, тут в принципе все стандартно

SPOILERSPOILER_SHOW

<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">

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

[DiArt]

Доброго дня!
Есть сцена с разрешением 1920х1080. Как програмно уменьшить её?Например до 1024х768
Просто планирую делать для большого разрешения, но для планшета хочу сделать поменьше. И чтобы заново все не переделывать, думаю может где есть уменьшить или увеличить в процентном соотношении?

[Vit]

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