🧙Конкурс сказок!
Samsung
(OFF) Zahariya (S) 31 июл 2010

Делаем виджет с именем. Подробная инструкция *[!]

1. Прежде чем что-либо начинать, давайте разберемся, из чего состоит виджет. Возьмем файл с расширением WGT, для его открытия нам понадобится любой архиватор. В данном случае используется WinRar. Нажимаем правой кл. мыши на значок с виджетом -> Открыть с помощью -> WinRar archiver и ставим галку "Использовать ее для всех файлов этого типа". ОК. Содержимое архива извлекаем в новую папку. И что в ней видим:
Обязательно есть:
- Index.html (интернет страничка, открывается в браузере Opera, редактируется блокнотом)
- config.xml (содержит информацию для установки, редактируется блокнотом)
- icon.png (иконка виджета, редактируется фотошопом)
Может не быть или иметь другое имя:
- папка css (содержит стили, файл с расширением CSS редактируется блокнотом)
- папка img (содержит изображения в формате PNG и GIF, можно менять на свои с тем же разрешением и тем же именем)
- папка js (содержит скрипты, файл с расширением JS редактируется блокнотом)
2. Теперь примемся за работу. Будем делать собственный виджет - значок со своим именем. Создаем еще одну пустую папку. В ней тыкаем Файл -> Создать -> Текстовый документ. Открываем его и пишем:
<html>
<head>
</head>
<body style="background: url('img/image.png'); background-repeat: no-repeat;">
</body>
</html>

Сохраняем и переименовываем его в Index.html. Первый файл готов.
Что еще нужно? Картинка c именем. Картинка должна лежать в папке IMG, создаем эту папку рядом с index.html. Открываем Фотошоп. Файл -> создать -> размер холста у нас 100х100 пикс. ОК. Слой -> Новый -> ОК. Убираем глазик со слоя "задний план" и пишем итструментом ТЕКСТ свое имя (тут нужна фантазия, можно применять стили, трансформацию, градиенты и т.д). Далее Файл -> Сохранить как -> Находим папку IMG и в ней сохраняем с именем image.png OK. Далее в фотошопе делаем иконку для виджета: меняем размер изображения на 46х46 пикс. и сохраняем рядом с index.html в формате PNG и именем icon.png.
3. Остался один файл config.xml, создавать его не будем, а возьмем из виджета, который распаковывали в первом пункте и подредактируем.
Итак, перетаскиваем его к нашему index.html Кликаем правой клавишейт -> Открыть с помощью -> выбираем Блокнот
Что видем?
- Два друга: width="136" и height="120" (ширина и высота, меняем на 100х100)
- id= "08kmh5g76" (уникальный номер виджета, пишем сюда любую комбинацию англ. букв и цифр)
- Еще два друга:
<title>name</title>
<desСription>name</desСription>
(имя виджета, вместо name пишем слово на англ.)
- <access network="false"/> (доступ к сети: true разрешено, false запрещено)
Сохраняем.
4. Запаковываем: Файл -> создать -> Архив Zip - WinRar. Все перетаскиваем в этот архив: index.html, config.xml, icon.png, папку IMG c файлом image.png в ней. Переименовываем архив. Имя NAME, расширение меняем с ZIP на WGT
5. Виджет готов, теперь нужен html-файл для установки. Файл -> Создать -> Текстовый документ. Открываем его и пишем:
<html>
<head>
</head>
<body>
<h1>
<p><a href="NAME.WGT"> INSTALL</a></p>
</h1>
</body>
</html>

Сохраняем как NAME.HTML
6. Теперь можно закинуть name.html и name.wgt на телефон и устанавливать через html
7. Любуемся :)

Комментарии (135)

Все было проверено и пройдено на мобильнике Samsung GT S5230.
ответил _83852_HOMER_
На сенсорных самсунгах есть такая фишка. Типо мини-программы, которая запускается прямо с рабочего стола.
А на каких телефонах
ответил _75724_PEITIN
Сенсорные самсунги из серии GT. S5230, s3650..
а если в индексе вместо image.png написасть image.jpg то тогда можно изменить картинку на свой.
ответил armenianboy7
ну да картинку можно любую подставить. только тогда и в config.xml нужно разрешение подправить или картинка нужна 100х100пикс.
ответил Zahariya
а чё сложно 100х100 ну скажем на 128х160 изменить?
ответил Zahariya
а чё сложно 100х100 ну скажем на 128х160 изменить?
Показать комментарий
Скрыть комментарий
Назад 1 из 14 Вперёд
Для добавления комментариев необходимо авторизоваться
Samsung
Флибустьеры
Грабь корабли! Побеждай монстров! Создавай уникаль...
Тема: Светлая | Тёмная
Версия: Mobile | Lite | Touch | Доступно в Google Play