Widgeti se sastoje od nekoliko datoteka koji su zipovani ali zavrsavaju sa .wgt
Najjednostavniji widget ukljucuje config.xml,icon.png i index.html koji se nalaze u osnovnom folderu. Takoder mogu sadrzavati css, js i slike koji se stavljaju u druge foldere radi preglednosti.
Opis najjednostavnijeg widget-a koji je kratica na neku stranicu :
config.xml
Config.xml opisuje widget. Druga linija opisuje osnovnu identifikaciju widgeta.Code:<?xml version="1.0" encoding="UTF-8"?> <widget id="AASSHORTCUT1" version="0.11" width="100" height="100" xmlns="http://www.w3.org/ns/widgets"> <title>AAS Shortcut</title> <description> Shortcut to All About Symbian Mobile site </description> <icon src="icon.png"></icon> <content src="index.html"/> <access network="true"></access> </widget>
ID koji mora biti jedinstven , informaciju o verziji te veličinu (postavljena na pocetnu vrijednost).
Ostatak ukljucuje ime, opis, te lokaciju datoteka index.html i icon.png koji moraju biti ukljuceni u svaki widget.
index.html
Index.html sadrzava html dio widgeta. U ovom widgetu se koristi slika kao ikona. Kada se klikne na ikonu pokrece se JavaScript funkcija koja otvara odredei URL.Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>aas</title> <link rel="stylesheet" type="text/css" href="css/common.css"> <script src="js/sc.js" type="text/javascript"></script> </head> <body> <div id="con"><p><img src="images/aas.png" width="70" height="70" onclick="open_url('http://mobile.allaboutsymbian.com')" /></p></div> </body> </html>
js/sc.js
Ovaj mali dio Javaskripte upotrebljava specificni api samsung widgeta koji otvara odredeni URL u web browseru. URL koji se otvara specificiran je pri pozivu Javascript funkcijeCode:function open_url(value) { try { widget.openURL(value); } catch(e) { window.location.href = value; } }
css/common.css
CSS datoteka ukljucuje osnovno formatiranje, kao postavljanje rubova na 0. U slozenijim widgetima glavnina stilova se definira u CSS datoteciCode:body {margin:0px; padding:0px;} img {border:0px;} p {margin:0px; padding:0px;} div#con {margin:0px; padding:0px;width:100px;height:100px;}
Image files:
icon.png and images/aas.png
Icon.png je ikona koja se pojavljuje u izborniku widgeta pod postavkama i u TouchWiz toolbaru.
Nema odredenih zahtjeva za velicinu ikone.
aas.png je slika koja predstavlja widget i na koju se klikne. Dodirom na sliku pokrece se odredeni URL.
Za pocetak mozete samo mijenajti url i slike te tako imati kratice za omiljene web stranice.
Snimite primjer, promjenite .wgt u .zip i odzipujte da dobijete opisane datoteke. Nakon napravljenih promjena opet se zipuje i promjeni .zip u .wgt.
Widget se snimi na mob i iz upravljaca datoteka pokrene, instalacija se obavi automatski te imate widget u TouchWiz toolbaru.
Widget mozete i izbrisati iz izbornika osobno -> postavke -> widgeti
Primjer koji je koristen: http://rapidshare.com/files/271068698/aas.rar
Originalna tema na: http://www.allaboutsymbian.com/featu...sung_i8910.php
Paket widgeta: http://rapidshare.com/files/27106869...sI8910Orig.rar
Dodatak:
Simple getting started guide
Creating Samsung Mobile Widgets for Samsung S60 devices
Odgovori uz citat
Bookmarks