#1 Zooper widget - stwórz swój własny widget! (Android)

Wstęp

Cześć wszystkim, przedstawiam wam kącik programisty. W tym kąciku będę wam omawiał podstawowe lub mniej podstawowe zagadnienia związane z programowaniem na systemu Android, Windows oraz Linux.

Czym jest zooper widget..

Zooper widget to aplikacja pozwalająca stworzyć (wizualnie oraz programowo) swój własny widget na smartfon z systemem android. Daje praktycznie nieograniczone możliwości ale o tym w dalszych częściach.

Zooper widget dostępny jest w dwóch wersjach
W wersji darmowej

Oraz wersji płatnej (PRO)

Co postaramy się dziś osiągnąć?

Wiele osób pytało się mnie jak zrobiłem ten widget, z jakiej aplikacji korzystam dziś postaram wam się objaśnić jak sami w dość łatwy sposób możecie go stworzyć!

Co robi ten widget?

Widget oblicza ile czasu minęło od konkretnego wydarzenia (w moim przypadku liczy to ile jestem z dziewczyną - idealnie się do tego nadaje), czas wyświetla w dniach, godzinach i minutach. Reszta widgetu oblicza czas do urodzin i rocznicy. Na samym dole znajduje się część w którym wyświetlany będzie czas w którym spotkam się z dziewczyną - ale o tym wszystkim kiedy indziej jeśli. Dziś zajmiemy się tylko funkcjami liczącymi od pewnego momentu.

Przejdźmy już do poradnika..

Po zainstalowaniu aplikacji utwórzmy nowy pusty (zooper) widget o wymiarach 4x4 bądź takiemu który odpowiada naszej siatce pulpitu. Po utworzeniu pustego widgetu naszym oczą ukaże siętaki widok

Otwórzmy widget... z listy wybieramy opcję "Pusty- zacznij od pustego widżetu", następnie wybieramy opcję Układ i za pomocą ikony + w górnej belce wybieramy opcję Tekst sformatowany a na nszym pulpicie wyświetli się coś takiego

Za pomocą osi Y przenosimy wyświetlony tekst na góre podglądu (-100 powinno być akurat)

Teraz przewijamy listę w dół i wybieramy pozycje Edytuj tekst ręcznie i zmieniamy zawartość tekstu na swoją własną, w moim przypadku będzie to:


Dzisiaj jest [b]#Dd# #DMMMM# #dy#[/b] co oznacza, że xxx-xxx-xxx

Znaczniki [b] [ /b] pogrubiają tekst,

#Dd# - wyświetla numer dnia miesiąca

#DMMMM# - wyświetla bieżący miesiąc (słownie)

#dy# - wyświetla bieżący rok

xxx-xxx-xxx - tę treść zmieniamy na jakąś własną

Jeśli wysztko jest już gotowe zatwierdzamy naszą treść ptaszkiem u samej góry.

Następnie wracamy do menu układ i dodajemy kolejny, nowy, pusty tekst sformatowany - będziemy go używać do liczenia dni. Możecie ustawić go gdzie tylko chcecie za pomocą osi XY.
Po ustawieniu tekstu na wybranej przez nas pozycji przechodzimy do opcji Edytuj tekst sformatowany.

Teraz trochę bardziej złożonej teorii. Załóżmy, że chcemy obliczyć ile dni minęło od walentynek zeszłego roku (tj 14.02.14). Nasza formuła będzie wyglądać następująco:

[c=#ff22fe00]$(315+#DD#)$[/c]dni

W tym celu obliczamy:

Ilość dni w roku - 365

Walentynki były 15 dniem roku, aby obliczyć ile dni minęło od walentynek do końca roku musimy po prostu odjąć 365-15=350 - możesz zastosować te formułę do każdej dowolnej daty.

Znacznik [c=#ff22fe00][/c] - zapis koloru w kodzie hexagonalnym - koloruje nasz tekst, możemy zmienić na dowolnie przez siebie wybrany

Znaki $ $ - otwierają i zamykają formułę matematyczną

Teraz obliczenia

( 315 (- ilość wcześniej obliczonych przez nas dni ) + #DD#) - do wartości 315 dodaje numer dzisiejszego dnia w wyniku otrzymujemy łączną sume dni które minęły od danego momentu do chwili obecnej

Po wpisaniu zaznaczmy formułe ptaszkiem - obliczanie dni mamy już za sobą.

Następnie tworzymy kolejny pusty tekst sformatowany, ustawiamy go gdzie chcemy za pomocą osi XY i przechodzimy do jego edycji - będziemy go używać do wyświetlania ilę godzin minęło od danego momentu- formuła z jakiej będziemy korzystać:
[c=#ff22fe00] $((((#DD#-1)*24)+#DH#)+7560)$ [/c] godzin

A teraz zasady działania formuły

Fragment (#DD#-1)*24) - odejmuje od dzisiejszego dnia jeden i mnoży go razy 24 - ma za zadanie obliczyć ile godzin minęło od wydarzenia do dnia wczorajszego.

+#DH#)- dodaje bieżącą godzinę do łącznej liczby godzin w celu otrzymania czasu rzeczywistego - zmieniającego się co godzinę

+7560) - dodaje do wszystkiego liczbę godzin jaka minęła od wydarzenia w ciągu zeszłego roku - w tym celu mnożymy ilość dni jaka minęła (w moim wypadku 315) razy 24

No i już ostatni element - liczenie minut, działa na tej samej zasadzie jak liczenie godzin. W nowym pustym tekście sformatowanym wpisujemy tę formułe:

[c=#ff22fe00]$((((((#DD# -1 )*24)*60)+#dH#*60)+#dmm#)+ 453600 )$ [/c]minut

Nie będę dokładnie krok po kroku omawiał tej funkcji, działa identycznie jak ta przeliczająca godzina z tym wyjątkiem, że przelicza je na minuty. Jedyna wartość jaką trzeba tu zmienić to ilość minut: 453600 - jest to po prostu ilość godzin od wydarzenia pomnożona przez 60. Po wpisaniu formuły akceptujemy ją ptaszkiem.

Po wykonaniu wszystkich tych instrukcji otrzymamy mniej więcej taki widget. Oczywiście mozemy go dowolnie modyfikować, dodawać różne opcje, zmienić wygląd, kolor ale o tym napsize w dalszej części - jeśli będziecie tego chcieli!