Jak naprogramovat svůj widget
| symbian |
Samsung otevřel svůj App Store, ale aplikací pro náš telefon tam opravdu moc není (žádná?:). A widgetů? Widgetů je málo! Hlavně těch praktických. Třeba takový widget, který by otevřel vaší oblíbenou webovou stránku. Dnes si takový widget „naprogramujeme“.
Co je k tvorbě widgetu potřeba?
- Poznámkový blok ve Windows
- Foto-editor (malování, photoshop apod.)
- WinRAR nebo podobný zipovací program
- Stáhnout si tento soubor .wgt
Co není potřeba?
Absolutně žádné znalosti HTML nebo JavaScriptu .. (toto je jen základ jak na widgety)
Taky si říkáte že to musí být složité, ale já vám říkám že není! :)
Jak na to?
Budeme vytvářet widget, který odkáže do webového prohlížeče a dále na web Google.com. Vy si stejným způsobem můžete udělat widget na web který chcete… ( to znamená že vaše nejoblíbenější webové stránky můžou být na uvodní stránce v Touchwiz)
Postup bude následující, začneme tvorbou grafiky.
GRAFIKA
1) Náš widget bude odkazovat na web (Google.com) tak musíme vytvořit ikonku která se bude webu podobat (popřípadě Googlu)
- Budeme dělat 2 ikonky! … jedna ta, která se zobrazí v té lištičce a druhá která se zobrazí na přímo na „ploše“.
- První ikonka, která se zobrazí v té lištičce by měla být velká 64x64 pixelů. Takže prostě vyrobíme ikonku která se podobá webu nebo vaší zvolené stránce. A pamatujte, že musí být ve formátu .PNG
- Ikonka která se zobrazí přímo na "ploše" by měla být velka 70x70 pixelů a opět v grafice vaší zvolené stránky. A opět i tahle musí být ve formátu .PNG

KÓD
2) Teď máme grafiku hotovou, tak se pustíme do vyrobení (upravení) odkazu na zvolený web.
1. Stáhněte si soubor .wgt který je ke stažení na začátku článku a po stažení přepište koncovku z .wgt na .zip, rozbalte soubor widget_for_web_8910.cz.zip. A uvidíte mnoho souborů a složek.. na ploše si vytvořte soubor "widget" a do něho přetáhněte celý obsah zipu.
2. V rootu složky vidíte soubor icon.png - to je ikona která se zobrazí v liště. (64x64pix) .. přejmenujte vaší ikonu kterou chcete v lištičce na „icon“ a nahraďte stávající.
Poté jděte do složky images a tam vidíte ikonu aas.png tu nahradíte vaší novou ikonou která se zobrazí přímo na ploše (70x70pix) a pojmenujte jí také „aas“
3. A teď už jen odkaz na web… v rootu se nachází soubor index.html a ten otevřete v poznámkovém bloku Windows. Uvidíte také tento řádek:
"<div id="con"><p><img src="/images/aas.png" width="70" height="70" onclick="open_url(http://google.com')" /></p>"
Uvidíte url adresu v tomto případě http://google.com. Právě místo této stránky si vložte url webu na který chcete odkazovat.
POZOR! : URL MUSÍ ZAČINAT "http://...."
Uložte soubor index.html a zavřete..
Widget je již připraven ..
4. Označte všechny soubory (css, js, images atd..) a dejte komprimovat do .zip pomocí vašeho programu a přepište .zip na .wgt a dejte komprimovat!
Po dokončení procesu jen vložte soubor .wgt do mobilu a nainstalujte…Widget který je přiložen k článku je právě widget odkazující na http://google.com!
Toto je asi jedna z nejpraktičtějších věcí, které můžete pro Samsung HD (zatím) udělat, pokud využíváte widgetů.
Kdo tento návod nepochopil nebo něco nejde, tak se může zeptat v diskuzi pod článkem a já se pokusím odpovědět.
Zobrazeno: 4130 x












