Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   Творим Виджет.Yahoo Widget Engine (https://forum.antichat.xyz/showthread.php?t=55673)

Dimi4 13.12.2007 01:29

Творим Виджет.Yahoo Widget Engine
 
Всем привет!
Вот завалялся где-то "Чип" старенький..А на нем Yahoo Widget Engine где-то третей версии..
Вот и мне захотелось свой виджет...
Для тех кто незнает - яху виджеты на XML
Вот и попробуй вам сегодня расказать как сделать простейшый виджет...
Нам понадобитсо
1)Терпение(Что не обматерить меня за такой виджет)
2)Руки(можна прямые)
3)Фотошопь ()
4)Yahoo Widget Engine
5)Бумажка чтоб код писать
6)Конвертер
Ну.. Приступим
!)
Опен ап фотошопь, новый документ (приблизительно 170х170).
Берем кисть и рисуем кляксу(например).
Хотя я рисовал пляму крови...
2)
Вот теперь немножко Xml кодингу
PHP код:

<?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"> // это путь к картинке
PHP код:

<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://hacked.ipsys.net/widg/WindowsConverter_1.1.zip - converter
http://hacked.ipsys.net/widg/blood.zip - проджект

Isis 13.12.2007 07:36

Мде...в самом гугле(не в поисковике) есть инфа о них...


Время: 15:52