Samsung i8910hd widgets, izrada
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
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>
Config.xml opisuje widget. Druga linija opisuje osnovnu identifikaciju widgeta.
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
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>
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.
js/sc.js
Code:
function open_url(value)
{
try {
widget.openURL(value);
} catch(e) {
window.location.href = value;
}
}
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 funkcije
css/common.css
Code:
body {margin:0px; padding:0px;}
img {border:0px;}
p {margin:0px; padding:0px;}
div#con {margin:0px; padding:0px;width:100px;height:100px;}
CSS datoteka ukljucuje osnovno formatiranje, kao postavljanje rubova na 0. U slozenijim widgetima glavnina stilova se definira u CSS datoteci
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
