Dimi4
13.12.2007, 01:29
Всем привет!
Вот завалялся где-то "Чип" старенький..А на нем Yahoo Widget Engine где-то третей версии..
Вот и мне захотелось свой виджет...
Для тех кто незнает - яху виджеты на XML
Вот и попробуй вам сегодня расказать как сделать простейшый виджет...
Нам понадобитсо
1)Терпение(Что не обматерить меня за такой виджет)
2)Руки(можна прямые)
3)Фотошопь ()
4)Yahoo Widget Engine
5)Бумажка чтоб код писать
6)Конвертер
Ну.. Приступим
!)
Опен ап фотошопь, новый документ (приблизительно 170х170).
Берем кисть и рисуем кляксу(например).
Хотя я рисовал пляму крови...
2)
Вот теперь немножко Xml кодингу
<?xml version="1.0" encoding="utf-8"?>
<widget version="1.0" minimumVersion="3.1" author="dimi4">
<debug>off</debug>
<!--
Dimi4
Written by: dimi4
-->
<window title="widget">
<name>mainWindow</name>
<width>500</width>
<height>200</height>
<visible>1</visible>
<shadow>0</shadow>
<image src="Resources\blood.png"> <!--наша картинка-->
<name>layer0</name>
<opacity>196</opacity><!--непрозрачность -->
</image>
</window>
</widget>
Сохранили свою картинку в формате *.PNG
Сохранили код в формате *.kon
Вот и все... Пакуем
Упаковка:
Converter.exe convert -flat папка виджета -o папка куда положить виджет
(командна строка)
Вся фишка - в тегах.
Вот ищо можна украсить:
<image src="Resources/button.png"> // это путь к картинке
<name>button</name> // ее имя
<hOffset>111</hOffset>// положение относительно
<vOffset>104</vOffset>// окна виджета
<width>224</width>
<height>225</height>
<opacity>100%</opacity>// прозрачность
<onMouseEnter>// вызывается, если мыш. находиться над объектом
button.src = "Resources/kartink.png";// просто меняем объекту картинку
</onMouseEnter>
<onMouseExit>// когда мыш. уходит с объекта
button.src = "Resources/button.png";// возвращаем все как было
</onMouseExit>
<onMouseUp> если нажата левая кнопка мыша
//пишем здесь что -нибудь, напимер
alert("Вы нажали на кнопку");
</onMouseUp>
</image>
нУ И фАЙлы
Движок Яху (http://widgets.yahoo.com/gallery/dl_item.php?item=YahooWidgets_3.0.exe)
http://hacked.ipsys.net/widg/WindowsConverter_1.1.zip - converter
http://hacked.ipsys.net/widg/blood.zip - проджект
Вот завалялся где-то "Чип" старенький..А на нем Yahoo Widget Engine где-то третей версии..
Вот и мне захотелось свой виджет...
Для тех кто незнает - яху виджеты на XML
Вот и попробуй вам сегодня расказать как сделать простейшый виджет...
Нам понадобитсо
1)Терпение(Что не обматерить меня за такой виджет)
2)Руки(можна прямые)
3)Фотошопь ()
4)Yahoo Widget Engine
5)Бумажка чтоб код писать
6)Конвертер
Ну.. Приступим
!)
Опен ап фотошопь, новый документ (приблизительно 170х170).
Берем кисть и рисуем кляксу(например).
Хотя я рисовал пляму крови...
2)
Вот теперь немножко Xml кодингу
<?xml version="1.0" encoding="utf-8"?>
<widget version="1.0" minimumVersion="3.1" author="dimi4">
<debug>off</debug>
<!--
Dimi4
Written by: dimi4
-->
<window title="widget">
<name>mainWindow</name>
<width>500</width>
<height>200</height>
<visible>1</visible>
<shadow>0</shadow>
<image src="Resources\blood.png"> <!--наша картинка-->
<name>layer0</name>
<opacity>196</opacity><!--непрозрачность -->
</image>
</window>
</widget>
Сохранили свою картинку в формате *.PNG
Сохранили код в формате *.kon
Вот и все... Пакуем
Упаковка:
Converter.exe convert -flat папка виджета -o папка куда положить виджет
(командна строка)
Вся фишка - в тегах.
Вот ищо можна украсить:
<image src="Resources/button.png"> // это путь к картинке
<name>button</name> // ее имя
<hOffset>111</hOffset>// положение относительно
<vOffset>104</vOffset>// окна виджета
<width>224</width>
<height>225</height>
<opacity>100%</opacity>// прозрачность
<onMouseEnter>// вызывается, если мыш. находиться над объектом
button.src = "Resources/kartink.png";// просто меняем объекту картинку
</onMouseEnter>
<onMouseExit>// когда мыш. уходит с объекта
button.src = "Resources/button.png";// возвращаем все как было
</onMouseExit>
<onMouseUp> если нажата левая кнопка мыша
//пишем здесь что -нибудь, напимер
alert("Вы нажали на кнопку");
</onMouseUp>
</image>
нУ И фАЙлы
Движок Яху (http://widgets.yahoo.com/gallery/dl_item.php?item=YahooWidgets_3.0.exe)
http://hacked.ipsys.net/widg/WindowsConverter_1.1.zip - converter
http://hacked.ipsys.net/widg/blood.zip - проджект