Co budeme potřebovat:
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
|