Zooper Widget w swej "niedoskonałości" poza tworzeniem własnych, niepowtarzalnych szablonów pozwala na dodawanie własnych zestawów ikon POGODY, ZASIĘGU zarówno GSM jak i WiFi, a nawet tworzenie pakietów ikon z cyframi, które możemy później wykorzystać np do zrobienia zegarka. O tym wszyscy zapewne wiemy, ale jak zrobić takie ikonki??
Postanowiłem napisać krótki poradnik, może komuś się przyda 😉
Jak nie to :kosz:🙂
Takie zestawy ikon spakowane są w pliku ZIP i zlokalizowane w Zooper Widget/IconSet.
paczka ZIP zawiera katalog o nazwie icons, zawierający nasze ikonki, oraz plik config.xml z kodem zrozumiałym dla Zoopera, "sterującym" wyświetlaniem ikonki w zależności od sprecyzowanych w nim warunków.
Poniżej umieszczę link do przykładowego IconSet jakie robiłem na potrzeby trochę dziwnego wigdetu.
I) IKONKI POGODY
PRZYKŁADOWE ICONSET POGODY (oczywiście możesz z katalogu IconSet "wyciągnąć" dowolny wbudowany i zobaczyć na jego przykładzie )
1) KROK PIERWSZY
Pobierz i rozpakuj powyższe iconset. Otrzymasz 1 katalog icons oraz plik xml config.
Mając ten plik, masz już połowę roboty z głowy. Tak na prawdę wystarczy teraz, że w katalogu icons podmienisz obecne ikonki na własne, ale ZACHOWUJĄC ICH ORYGINALNĄ NAZWĘ!!!
Ważne jest również, aby Twoje pliki miały rozszerzenie PNG. Ich rozmiar jest dowolny.
Najcięższe IconSet pogody jakie zrobiłem ważyło 19 MB i śmigało bez zacięć
Ikonki pogody możesz znaleźć w Internecie, ale najwięcej frajdy daje zrobienie ich samemu np w Photoshop czy innym tego typu programie 🙂
2) KROK DRUGI - Ale co z tym plikiem xml??
Podmiana plików graficznych nie zmieni nam oczywiście NAZWY naszego IconSet. W tym celu należy edytować plik config.xml. Ja do tego używam Notepad++ i też Wam go polecam.
Edytujemy w nim 24 i 26 linię.
W linii 24 nadajemy Główną Nazwę naszemu IconSet, jaka będzie wyświetlana na liście w Zooperze
Linia 26 to dodatkowy opis paczki, jaki również wyświetli się w Zooperze.
UWAGA!!!! W edycji tego pliku nie używamy PL znaków ( nie chciało mi działać wiec nie używałem już więcej )
Zamykamy Edytor i zapisujemy zmiany.
3) KROK TRZECI - Tworzymy paczkę ZIP
Kolejnym krokiem jest zapisanie katalogu ze zmienionymi ikonkami icons, oraz pliku config.xml . w jeden plik z rozszerzeniem ZIP. Zaznaczamy oba pliki i np 7-zipem pakujemy go do "Nazwa Twojego Iconset.zip"
Otrzymany plik ZIP kopiujemy, jak to było wspomniane na początku, do ZooperWidget/Iconset.
Od tej pory nasz IconSet będzie dostępny w Zooperze jako Zestaw Ikon (mapa bitowa) następnie w kolejnym menu wybieramy Zestaw Ikon i i zaznaczamy naszą paczkę
DLA DOCIEKLIWYCH - CONFIG.XML - ...ale o co chodzi...
Plik config.xml "mówi" Zopperowi za co odpowiadają przypisane mu ikonki i kiedy i w jakiej sytuacji mająbyć wyświetlane.
Nie będę się tu wymądrzał, bo nie jestem jakimś programistą czy coś.. Opiszę to własnymi słowami i tak jak to zrozumiałem analizując linię po linii danych plików config.
Jeśli Ktoś z Was zna się na tym bardziej i znajdzie błąd w tym co opisuje to proszę mnie poprawić
Config składa się z kilku "części"
PIERWSZA...
Weather conditions:
0 = UNKOWN
1 = STORM
2 = THUNDERSTORM
3 = DRIZZLE
4 = RAIN
5 = SHOWERS
6 = FLURRIES
7 = RAINANDSNOW
8 = SNOW
9 = HAIL
10 = FOG
11 = HAZE
12 = WIND
13 = PARTLY_CLOUDY
14 = MOSTLY_CLOUDY
15 = CLEAR
16 = FAIR
Są to warunki pogodowe jakie "zna" Zooper. Ta część jest zdaje się tylko informacyjnie i nie jest brana pod uwagę w działaniu.
DRUGA...
<config>
poniższa linijka określa nazwę naszej paczki z ikonami jaka będzie wyświetlana na liście dostępnych ikon w Zooper
<title>TEST 8 bit Weather Icons</title>
kolejna linijka to dodatkowy opis naszej paczki, również wyświetlany na liście Zoopera
<description>TEST Old 8 bit digital weather icons by slaweczek</description>
<icons>icons</icons>
Kolejne linijki określają która ikonka będzie wyświetlana np na liście dostępnych IconSEt w Zooperze...
<demo>weather-showers-scattered-day.png</demo>
..oraz jaka ikonka będzie wyświetlan w przypadku braku informacji o pogodzie.
<default>weather-none-available.png</default>
OPIS POSZCZEGÓLNYCH LINIJEK TEKSTU JEST NA ZIELONO
TRZECIA....
Ponieważ można tworzyć widgety, które mogą pokazywać pogodę nie tylko na dziś, ale na kolejne kilka dni, w tym miejscu określamy na ile kolejnych dni Zoooper będzie mógł wyświetlać pogodę z naszej paczki. W tym przypadku jest to 7 kolejnych dni...
<mode value="#WCCODE#">Current Weather</mode>
<mode value="#W0CODE#">Today's Weather</mode>
<mode value="#W1CODE#">Tomorrow's Weather</mode>
<mode value="#W2CODE#">2 Days Weather</mode>
<mode value="#W3CODE#">3 Days Weather</mode>
<mode value="#W4CODE#">4 Days Weather</mode>
<mode value="#W5CODE#">5 Days Weather</mode>
<mode value="#W6CODE#">6 Days Weather</mode>
<mode value="#W7CODE#">7 Days Weather</mode>
CZWARTA...
W tym miejscu skrypt sprawdza czy słońce już wstało, czyli czy godzina wschodu słońca jest większa od aktualnej. Jeśli tak to będzie wyświetlał zdefiniowane ikonki dla nocy, np z księżycem w tle
<test>#AISDAY#=0</test>
<!-- Storm -->
<condition>
<test>#MODE#=1</test>
<image>weather-storm-night.png</image>
</condition>
<condition>
<!-- Drizzle / Rain-->
<test>#MODE#=3</test>
<test>#MODE#=4</test>
<image>weather-showers-scattered-night.png</image>
</condition>
<condition>
<!-- Showers -->
<test>#MODE#=5</test>
<image>weather-showers-night.png</image>
</condition>
<condition>
<!-- Partly cloudy -->
<test>#MODE#=13</test>
<image>weather-few-clouds-night.png</image>
</condition>
<condition>
<!-- Mostly Cloudy -->
<test>#MODE#=14</test>
<image>weather-clouds-night.png</image>
</condition>
<condition>
<!-- Fair/Clear -->
<test>#MODE#=15</test>
<test>#MODE#=16</test>
<image>weather-clear-night.png</image>
</condition>
</condition>
PIĄTA...ostatnia
W tym miejscu skryptu określone jest jakie ikonki i w jakich warunkach mają być wyświetlane ikonki w DZIEŃ
<condition>
<!-- Thunder Storm -->
<test>#MODE#=2</test>
<image>weather-storm.png</image>
</condition>
<condition>
<!-- Flurries -->
<test>#MODE#=6</test>
<image>weather-snow.png</image>
</condition>
<condition>
<!-- Rain and Snow -->
<test>#MODE#=7</test>
<image>weather-snow-rain.png</image>
</condition>
<condition>
<!-- Snow -->
<test>#MODE#=8</test>
<image>weather-snow.png</image>
</condition>
<condition>
<!-- Hail -->
<test>#MODE#=9</test>
<image>weather-hail.png</image>
</condition>
<condition>
<!-- Fog / Haze / Wind-->
<test>#MODE#=10</test>
<test>#MODE#=11</test>
<test>#MODE#=12</test>
<image>weather-mist.png</image>
</condition>
<condition>
<!-- Storm -->
<test>#MODE#=1</test>
<image>weather-storm-day.png</image>
</condition>
<condition>
<!-- Drizzle / Rain-->
<test>#MODE#=3</test>
<test>#MODE#=4</test>
<image>weather-showers-scattered-day.png</image>
</condition>
<condition>
<!-- Showers -->
<test>#MODE#=5</test>
<image>weather-showers-day.png</image>
</condition>
<condition>
<!-- Partly cloudy -->
<test>#MODE#=13</test>
<image>weather-few-clouds.png</image>
</condition>
<condition>
<!-- Mostly Cloudy -->
<test>#MODE#=14</test>
<image>weather-clouds.png</image>
</condition>
<condition>
<!-- Fair/Clear -->
<test>#MODE#=15</test>
<test>#MODE#=16</test>
<image>weather-clear.png</image>
</condition>
</config>
Oczywiście to nie ja wymyśliłem ten skrypt. Można go było podglądnąć w IconSet wbudowanych w Zoopera, oraz ucząc się od Większych Fanatyków Zopera
W bliżej nieokreślonym wolnym czasie postaram się rozwinąć ten temat o ikonki zasięgu.
II) IKONKI ZASIĘGU WiFi
Tworzenie własnych zestawów ikon zasięgu WiFi przebiega bardzo podobnie do opisanego wyżej tworzeni IconSet z pogodą.
W poniższym linku znajdziecie przykładowe IconSet zasięgu WiFi, na bazie którego możecie robić swoje "fantazje".
PRZYKŁADOWE ICONSET WIFI
1) KROK PIERWSZY - rozpakuj pobrany przykładowy IconSet z zasięgiem WiFi
Tak jak poprzednio, należy rozpakować pobrany IconSet. Otrzymamy Katalog icons oraz plk config.xml.
W katalogu icons należy podmienić pliki na własne ikonki, jednocześnie dla ułatwienia sobie zdania, zachowując nazwę oryginalnych plików. Ważne jest, aby pliki były w formie PNG.
2) KROK DRUGI - Edytujemy plik config.xml...
... w tym celu otwieramy go najlepiej za pomocą Notepad++
Edytujemy 3 i 4 linijkę, zmieniając nazwę paczki na własną - szczegóły opisano wyżej w poradniku IconSet pogody.
Zamykamy edytor zapisując zmiany.
3) KROK TRZECI - Tworzymy paczkę ZIP
Mając już podmienione ikonki w katalogu icons oraz config.xml po edycji nazwy paczki, zaznaczamy oba pliki i pakujemy np 7zipem do pliku ZIP.
Tak przygotowanego ZIPa umieszczamy w Zooer Widget/IconSet w pamięci naszego telefonu.
Teraz już możemy zastosować przygotowaną paczkę w projekcie.
III) IKONKI ZASIĘGU GSM
Analogicznie jak z IconSet zasięgu WiFi, możemy zrobić ikonki zasięgu GSM.
Pobieramy przykładową paczkę >>>KLIK<<< z której możecie skorzystać.
Następnie wykonujecie 3 kroki analogicznie jak w przypadku IconSet zasięgu WiFI.
I ma śmigać 🙂