clevis.czSiemensMania | WMmania | VySemNesmite | SiemensMania na Facebooku
EnglishČesky
  SiemensMania   Články  Návody

  Off-line verze  TESTY  Náhradní díly  Podpořte SM  

ÚVOD FÓRUM CHAT
  World of phones
 Mobile phones list
 Gigasets list
 3D simulations
 Emulators
 Manuals in pdf

  Articles
 Tips
 Modifications
 Tunings
 Informations
 Recensions
 Games and apps recensions
 Reportages
 Interviews
 From editors
 Rag

  Service
 Firmware
 Backups
 Service manuals
 Testpoints
 FAQ

  Download
 Patches
 Elfs
Nové za posledních 24 hodin Menu icons
Nové za posledních 24 hodin User menu
Nové za posledních 24 hodin Skins
 Programs
 Utilities
 Drivers

  Site
 Contests
 Authors
 Contants
 Chat
 Advert
 Changelog
 Terms

  SiemensMania Club
 Information about club SM

  Projects
 Development software
 Development accessories
 Friends of siemensmania

  Translator


  Statistics

  Autor


  Tvorba homescrenov 1. čásť
Vydáno dne:  14.02.2008
Zobrazeno celkem:  3653
Počet příspěvků v diskusi:  
Průměrné hodnocení:  
1111.21.21.21.41.41.41.61.61.61.81.81.82222.22.22.22.42.42.42.62.62.62.82.82.83333.23.23.23.43.43.43.63.63.63.83.83.8444   4 (hodnoceno 2x)
1111.21.21.21.41.41.41.61.61.61.81.81.82222.22.22.22.42.42.42.62.62.62.82.82.83333.23.23.23.43.43.43.63.63.63.83.83.8444
 
návod



verze pro tisk  
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




 
Nikdo nesmí bez souhlasu autorů kopírovat grafiku, texty ani cokoliv jiného z těchto stránek. Veškeré informace uveřejněné na těchto stránkách jsou určené pouze pro vzdělávací účely a nesmí být použity pro komerční využití nebo v rozporu se zákony. Autoři nenesou odpovědnost za nevhodné použití dat z těchto stránek.
Podrobnější podmínky.
   ©2003-2004 Radim Zeman | ©2004 Roman Gregor