|  |
World of phones |
|
|  |
Service |
|
|  |
Download |
|
|  |
Site |
|
|  |
SiemensMania Club |
|
|  |
Projects |
|
| |
Translator |
|
|  |
Statistics |
|
|
|
|
| | Tvorba homescrenov 1. čásť |
| Vydáno dne: | 14.02.2008 |
| Zobrazeno celkem: | 4136 |
| Počet příspěvků v diskusi: | |
| Průměrné hodnocení: |
|
| | |
|
| Používání níže uvedených postupů či programů není v souladu se záručními podmínkami výrobce telefonu. Jejich používáním se vystavujete riziku neuznání záruky na přístroj v případě jeho poškození.
|
|
|---|
| Tento návod může, bez bezvadného pochopení postupu, vést až k poškození
Vašeho telefonu (i trvalému). Před zahájením práce si jej celý důkladně
přečtěte a máte-li jakékoliv nejasnosti, konzultuje je předem na určeném
diskusním fóru!
|
|
|---|
Co budeme potřebovat:
| Akýkolvek grafický editor |
|
|---|
Text zvýraznený zelenov farbou je kod
V tejto části,budem pridávať části kodov a budem pekne popisovať ktorá čásť čo robí,na čo slúži,a ako sa dá upravovať.Tak ideme na to,nebojte sa
Každý homescreen začína takto
<?xml version="1.0"?>
<home>
Je to začiatok kodu a v tejto části neni čo popisovať a nedá sa tu nič zmeniť.
Znaky medzi < a > sú známe ako Tagy. tagy sa otváraju a zatváraju. To znemená že tagy ako napriklad "home" <home> sa musí uzavrieť týmto </home>. Všetko medzi týmito tagmi tvorí homescreen
Dalšia čásť sú informácie o homescreene,autorovi...
<author>M4jco</author>
<contacturl>http://www.m4jco.all-forum.eu</contacturl>
<title>Tutorial homescreen</title>
<version>1.0</version>
<author> - Udáva tvorcu homescreenu
<contacturl> - Kontaktná adresa
<title> - Názov zobrazujúci sa v'Start - Nastavenia - Domovská obrazovka'
<version> - Verzia homescreenu
Teraz si ukážeme štandardy
<default target-width="240" target-height="320" font-face="Segoe Condensed" font-size="19" font-weight="normal" padding-left="0" padding-right="0" bgcolor="transparent" fgcolor="COLOR_HOMETEXT" padding-top="0" b-border-color="COLOR_HOMERULE" b-border-width="0">
<format state="selected" fgcolor="COLOR_HOMEHIGHLIGHTTEXT"/>
</default>
Tieto značky ukazuju začiatok pluginu a koniec pluginu.
Začiatok pluginu - <plugin>
Koniec pluginu - </plugin>
Skôr než začnem,všetko čo sa nachádza medzi
<!-- a -->
sú komentáre a nezobrazuju sa nikde na homescreene,služia ako poznámky v kode aby ste sa vyznali.
Východzia velkosť obrazovky je 240x320 (rozlíšenie QVGA,toto rozlíšenie sa nachádza na zariadeniach ako napríklad C550, C550 Qtek 8310 SP5 atd.)
Východzí font pre windows mobile5 je 'Segoe Condensed' a pre WM2003 je to 'Nina'
Velkosť fontu je daná na '19'. To znamená že písmo na homescreene bude mať velkosť 19.Font weight môže byť
'normal' or 'bold'
normal - Písmo je normálne,úzke
bold - Písmo je tučné
Padding znamená kolko pixlov je daný prvok odsadený od "prázdna". Je lepšie ho nechať na 0... veci sa potom robia ovela lahšie.
Veci vo východziej sekcíi sú neni až tak dôležité ako velkosť písma a farba atd ktoré sú obsiahnuté v plugin sekcií
Dalej pokračujeme s pozadím
<!-- Background -->
<background bgimage="Icon Background.jpg" valign="top" bgcolor="#000000" />
Obrázok "Icon Background.jpg" je obrázok ktorý sa vám bude zobrazovať na pozadí,je dobré pokial je obrázok v rozlíšeni akom máte zariadenie,pretože obrázok sa potom deformuje.
'valign' znamená vertikálne zarovnanie a môže byť top alebo bottom.
Teraz ideme na farby okien,výberov...
Kod zapíšeme takto:
<!-- Colour Scheme -->
<scheme>
<color name="COLOR_WINDOW" value="#FFFFFF"/>
<color name="COLOR_WINDOWTEXT" value="#000000"/>
<color name="COLOR_STATIC" value="#FFFFFF"/>
<color name="COLOR_STATICTEXT" value="#000000"/>
<color name="COLOR_GRAYTEXT" value="#CCCCCC"/>
<color name="COLOR_WINDOWFRAME" value="#64C84C"/>
<color name="COLOR_HIGHLIGHT" value="#A3A2A5"/>
<color name="COLOR_HIGHLIGHTTEXT" value="#FFFFFF"/>
<color name="COLOR_MENU" value="#FFFFFF"/>
<color name="COLOR_MENUTEXT" value="#000000"/>
<color name="COLOR_GRADLEFT" value="#AEC6DE"/>
<color name="COLOR_GRADRIGHT" value="#AEC6DE"/>
<color name="COLOR_INTGRADLEFT" value="#AEC6DE"/>
<color name="COLOR_INTGRADRIGHT" value="#AEC6DE"/>
<color name="COLOR_HIGHGRADLEFT" value="#A3A2A5"/>
<color name="COLOR_HIGHGRADRIGHT" value="#A3A2A5"/>
<color name="COLOR_TRAYGRADLEFT" value="#AEC6DE"/>
<color name="COLOR_TRAYGRADRIGHT" value="#AEC6DE"/>
<color name="COLOR_TRAYTEXT" value="#000000"/>
<color name="COLOR_BTNFACE" value="#64C84C"/>
<color name="COLOR_BTNTEXT" value="#FFFFFF"/>
<color name="COLOR_SCROLLBAR" value="#A3A2A5"/>
<color name="COLOR_alertWINDOW" value="#FFFFFF"/>
<color name="COLOR_alertTITLE" value="#444444"/>
<color name="COLOR_alertRULE" value="#000000"/>
<color name="COLOR_HOMETEXT" value="#000000"/>
<color name="COLOR_HOMEHIGHLIGHTTEXT" value="#000000"/>
<color name="COLOR_HOMERULE" value="#A3A2A5"/>
<color name="COLOR_HOMEHIGHLIGHT" value="#A3A2A5"/>
<color name="COLOR_STARTMENUTEXT" value="#000000"/>
<color name="COLOR_TEXTSELECT" value="#FFFFFF"/>
</scheme>
COLOR_WINDOW -
Pozadie pre všetky aplikácie,okna.
COLOR_WINDOWTEXT -
Požíva sa napríklad v zoznamoch suborov,obrázkov a podobne.
COLOR_STATIC -
Farba pozadia pre statické prvky.
COLOR_STATICTEXT -
Farba písma pre statické prvky.
COLOR_HIGHLIGHT -
Farba vybratého textu,prvku.
COLOR_HIGHLIGHTTEXT -
Farba,ktorá sa zobrazi na texte po vybraní.(blbo sa to vysvetluje)
COLOR_MENU -
Farba pozadia pre menu.
COLOR_MENUTEXT -
Farba textu pre menu.
COLOR_GRAYTEXT -
Farba textu pre "neklikatelné" veci.
COLOR_TRAYGRADLEFT -
Začiatočná farba pre prechod na lištu.
COLOR_TRAYGRADRIGHT -
Koncová farba pre prechod na lištu.
COLOR_TRAYTEXT -
Farba písma v lište.
COLOR_SCROLLBAR -
Farba "pásu" v posuvníku.
COLOR_alertTITLE -
Farba hlavného textu v budíku.
COLOR_alertWINDOW -
Pozadie pre budík.
COLOR_alertRULE -
Color of the dividing lines on the Home screen.
COLOR_HOMERULE -
Farba pre nevybratý prvok na homescreene.
COLOR_HOMEHIGHLIGHTTEXT -
Farba vybratého prvu na homescreene
COLOR_HOMEHIGHLIGHT -
Farba pozadia vybratého pluginu na homescreene.
Poznamenanie, farby sa zadávaju v HEX hodnote ako napíklad #F456DA
Teraz začneme trochu zábavnejšie a to s pluginami
Prvý prvok je prvok s lištou,to je tá lišta s indikátorom batérie a signálu
<!-- IconBar Plugin -->
<plugin clsid="{837FC251-FE69-43ad-84E0-EBCEDEBA0884}" name="iconbar" height="0"><iconbar fgcolor="#FFFFFF"/><background bgcolor="transparent" b-border-color="COLOR_WINDOWFRAME" b-border-width="0"/></plugin>
Každý plugin má v kode označenie clsid.Toto označenie umožnuje zariadeniu rozpoznať plugin a tým pádom ho použiť a aktivovať..
Potom pokračuje názov pluginu
Pozadie je transparentné. Preferujem túto volbu z hladiska toho že radšej si vytvorím obrázok pozadie ktoré bude nahrádzať tuto farbu akoby som si mal dať len jednoduchu čiernu,šedu a podobne.
Border - rámiky by som dal taktiež na 0 pretože su "nepodarené" a radšej použijem variantu vyššie.Ale je to na vás.
Dalej tu máme plugin Date/Time/Carrier Plugin...
<!-- Date/Time/Carrier Plugin -->
<plugin clsid="{E09043DF-510E-4841-B652-388316977A7A}" name="carrier" height="78">
<clock>
?<time font-weight="bold" fgcolor="#000000" font-size="30" valign="top" halign="left" mode="24" y="53" x="57" />
?<date font-weight="normal" fgcolor="#000000" font-size="19" valign="top" halign="left" mode="short" y="60" x="125" />
</clock>
</plugin>
Tento plugin umožnuje zobrazenie času,dátumu,operátora (Orange, Vodafone atd)
Písmo môže byť "bold" alebo "normal"
Velkosť písma je 30.
valign znamená vertikalné zarovnanie a halign znamená horizontalne zarovnanie
mode="24" Znamená že čas sa bude zobrazovať vo formáte 24 hodín.Môžete si nadstaviť aj mode 12 čo bude znamenať že budete mať čas rozdeleny na pm a am
Pre polohu objektov sa používaju osi x a y
x = horizontálna poloha...
y = vertikálna
Teraz si ukážeme plugin na zobrazovanie správ Message Count Plugin....
<!-- SMS Count Plugin -->
<plugin clsid="{2F930BF0-6FE9-4a53-9E17-88E9247BAB48}" name="SMScount" height="54">
<background>
?<format state="selected" bgcolor="transparent"/>
</background>
<label y="38" x="159">
?<format state="selected" halign="left" bgcolor="transparent" fgcolor="#000000" font-weight="bold" font-size="16" />
?<format state="unselected" halign="left" bgcolor="transparent" fgcolor="#000000" font-weight="normal" font-size="16" />
?<text>Email:<unreadEmail/></text>
</label>
<label y="38" x="59">
?<format state="selected" halign="left" bgcolor="transparent" fgcolor="#000000" font-weight="bold" font-size="16" />
?<format state="unselected" halign="left" bgcolor="transparent" fgcolor="#000000" font-weight="normal" font-size="16" />
?<text>SMS:<unreadSMS/></text>
</label>
<label y="38" x="105">
?<format state="selected" halign="left" bgcolor="transparent" fgcolor="#000000" font-weight="bold" font-size="16" />
?<format state="unselected" halign="left" bgcolor="transparent" fgcolor="#000000" font-weight="normal" font-size="16" />
?<text>M@il:<unreadMMS/></text>
</label>
</plugin>
Tieto pluginy su dalej podobne pluginom s hodinami a dátumom.
Všetko čo sa nachádza medzi <text> a </text> je všetko čo sa vám zobrazuje na homescreene. <unreadSMS/> Ukazuje kolko neprečítaných SMS máte.
Tento plugin je "vyberatelný" čiže si môžeme vybreať farbu pri "kliknutí" na riadok s pluginom <selected> a <unselected>
Toto je cesta identifikácie ktorú "vrstvu" pluginu máte práve označenú
Je velmi vela spôsobov ako túto funkciu urobiť,možete napríklad meniť:
-Urobiť ho tučným pri výbere,tenkým pri výbere...
-Pri výbere zmeníte fabu textu
-Pozadie obrázku
...
Tu je profile plugin
<!-- Profile Plugin -->
<plugin clsid="{95976968-45D5-40c9-9779-2B859B1C2FEC}" name="Profile" height="46">
<background>
?<format state="selected" bgcolor="transparent"/>
</background>
<label h="16">
?<format state="selected" x="59" y="30" font-weight="bold" fgcolor="#000000" font-size="16"/>
?<format state="unselected" x="59" y="30" font-weight="normal" fgcolor="#000000" font-size="16"/>
<text>Profile:<profile/></text>
</label>
</plugin>
Všetko v tomto plugine je rovnaké ako v predchádzajúcich pluginoch,takže si myslím že tu neni o čom...
Jedinou rozdielnou vecou tohoto pluginu je tá vec ktorá ide medzi textové tagy.
Pokial chceme už uložiť homescreen a uložiť ho tak musíme pridať na koniec súboru toto
</home>
Zhrnutie príspevku + dalšie pluginy
Iconbar Plugin
<!-- IconBar Plugin -->
<plugin clsid="{837FC251-FE69-43ad-84E0-EBCEDEBA0884}" name="iconbar" height="?">
<iconbar fgcolor="#??????"/><background bgcolor="transparent" b-border-color="COLOR_WINDOWFRAME" b-border-width="?"/>
</plugin>
MRU Plugin
Plugin ktorý vám pridá na homescreen ikonky rýchlej volby (fastrun :wink:)
<!-- MRU Plugin -->
<plugin clsid="{79EFB752-CB70-446d-B317-499723482B3D}" name="startmru" height="??">
<background b-border-width="?" />
<mru icon-size="?" x="?" y="?" halign="left" valign="top" max-buttons="?" />
</plugin>
Icon Size môže byť bud 16 alebo 32
Date/Time/Carrier
<!-- Carrier Plugin -->
<plugin clsid="{E09043DF-510E-4841-B652-388316977A7A}" name="carrier" height="??">
<label bgcolor="transparent" halign="left" font-weight="normal" y="?" x="?" w="?" font-size="?" fgcolor="#??????">
<text><carrier/></text>
</label>
<clock>
<time font-weight="normal" fgcolor="#??????" font-size="??" valign="?" halign="?" mode="?" y="?" x="?" w="?"/>
<date font-weight="normal" fgcolor="#??????" font-size="??" valign="?" halign="?" mode="?" y="?" x="?" w="?"/>
</clock>
</plugin>
Profile
Plugin ktorý vám ukáže na obrazovke váš momentálne nadstavený profil
<!-- Profile Plugin -->
<plugin clsid="{95976968-45D5-40c9-9779-2B859B1C2FEC}" name="Profile" height="?">
<background>
<format state="selected" bgcolor="transparent"/>
</background>
<label h="?">
<format state="selected" x="?" y="?" font-weight="?" fgcolor="#??????" font-size="?"/>
<format state="unselected" x="?" y="?" font-weight="?" fgcolor="#??????" font-size="?"/>
<text>Profile:<profile/></text>
</label>
</plugin>
Message Count
<!-- SMS Count Plugin -->
<plugin clsid="{2F930BF0-6FE9-4a53-9E17-88E9247BAB48}" name="SMScount" height="?">
<background b-border-width="?"/>
<label y="?" x="?">
<format state="selected" halign="?" bgcolor="transparent" fgcolor="#???????" font-weight="?" font-size="?" />
<format state="unselected" halign="left" bgcolor="transparent" fgcolor="#??????" font-weight="?" font-size="?" />
<text>Email:<unreadEmail/></text>
</label>
<label y="?" x="?">
<format state="selected" halign="?" bgcolor="transparent" fgcolor="#??????" font-weight="?" font-size="?" />
<format state="unselected" halign="?" bgcolor="transparent" fgcolor="#??????" font-weight="?" font-size="?" />
<text>SMS:<unreadSMS/></text>
</label>
<label y="?" x="?">
<format state="selected" halign="?" bgcolor="transparent" fgcolor="#??????" font-weight="?" font-size="?" />
<format state="unselected" halign="?" bgcolor="transparent" fgcolor="#??????" font-weight="?" font-size="?" />
<text>MMS:<unreadMMS/></text>
</label>
</plugin>
Calendar
Plugin ktorý vám ukáže ulohy ktoré máte napísane v kalendári
<!-- Calendar Plugin -->
<plugin clsid="{865A354A-4A96-4687-B001-C155DC0DBE76}" name="calendar" height="?">
<background>
<format state="selected" bgcolor="transparent"/>
</background>
<label w="?" h="?" x="?" y="?">
<format state="selected" font-weight="?" fgcolor="#??????" font-size="?"/>
<format state="unselected" font-weight="?" fgcolor="#??????" font-size="?"/>
<text><time/> <subject/></text>
</label>
<label w="240" h="?" x="?" y="?">
<format state="selected" font-weight="?" fgcolor="#??????" font-size="?"/>
<format state="unselected" font-weight="?" fgcolor="#??????" font-size="?"/>
<text><time/> <location/></text>
</label>
</plugin>
Allday
Pripomienky alebo lepšie povedané úlohy na homescreene
<!-- All Day Calls Plugin -->
<plugin clsid="{2FFD93B3-0FF0-4228-A6D6-D2DF177D7D92}" name="alldayevent" height="?">
<background>
<format state="selected" bgcolor="transparent"/>
</background>
<format state="noevent" visible="?"/>
<label h="19">
<format state="selected" x="?" y="?" font-weight="?" fgcolor="#??????" font-size="?"/>
<format state="unselected" x="?" y="?" font-weight="?" fgcolor="#??????" font-size="?"/>
<text>Allday:<subject/></text>
</label>
</plugin>
Missed Calls
<!-- Missed Calls Plugin -->
<plugin clsid="{0BA8ABB8-1F1D-417f-88C6-DA8530E2E7A6}" name="missedcalls" height="?">
<background>
<format state="selected" bgcolor="transparent"/>
</background>
<format state="nocall" visible="?"/>
<label h="?">
<format state="selected" x="?" y="?" font-weight="?" fgcolor="#??????" font-size="?"/>
<format state="unselected" x="?" y="?" font-weight="?" fgcolor="#??????" font-size="?"/>
<text>Missed Calls :<calls/></text>
</label>
</plugin>
Call Progress
<plugin file="sysplug.dll" clsid="{37391041-C324-4725-BEE1-3232ED3539CA}" height="?">
<background>
<format state="selected" bgcolor="#??????"/>
</background>
<format state="nocall" visible="?"/>
<label>
<text>Call in progress: <progress/></text>
</plugin>
Opäť nič nového tu.
Text Plugin
<plugin file="sysplug.dll" clsid="{5419F376-6520-4407-B8B8-740F5B353EDA}">
<label bgtext="#??????">
<text>Hello</text>
</label>
</plugin>
Owner Info
<plugin file="sysplug.dll" clsid="{4824B576-EFFE-45cf-BAE9-649B930CD244}" height="?">
<background>
<format state="selected" bgcolor="#??????"/>
</background>
<label>
<text>?</text>
</label>
</plugin>
To je všetko,dúfam že vám to pomôže.Budem rád za pochvalu celé som to urobil ja + nejake pomocky som už mal vytvorene takže,Danke schon
|
|
Články 
![](\"ikony/invisible.gif\"){kind=small}
