Twoja pierwsza apka mobilna

W tym samouczku dowiesz się jakie ustawienia w designerze wybierać dla aplikacji mobilnych. 

Nauczysz się tego na bazie prostego kalkulatora walut.

1.Dane

Będziesz potrzebował utworzyć nową listę (nazwij ją Waluty) w designerze zawierającą waluty i koszt ich sprzedaży.  Więcej o listach możesz przeczytać pod TYM linkiem.

Możesz skorzystać z tej tabeli:

Dolar amerykański 3,7
Euro 4,3441
Frank szwajcarski 3,86
Funt szterling 4,83
Korona norweska 0,45
Korona szwedzka 0,42

 Screen_Shot_09-25-18_at_12.32_PM.PNG

 

2.Sekcje

2.a

Teraz utwórz nową apkę i dodaj w niej dwa nowe widżety- arkusza kalkulacyjnego i tabeli. Arkusz zmniejsz do jednej kolumny z jedną komórką.Wpisz w tej komórce 'Przelicz z PLN'. 

2.b

Twoja tabela powinna mieć 2 kolumny. Powiąż tę tabelę z listą walut używając formuły =lookup(Waluty) w polu Filtr właściwości, lub przeciągając nazwę listy z zakładki Dane na nagłówek tabeli. Obie kolumny powiąż z polami listy - z walutą i sprzedażą. Nadaj pierwszej z kolumn nagłówek 'wybierz walutę'.

mceclip0.png

2.c

Dodaj jeszcze jeden arkusz kalkulacyjny. Powinien mieć dwie kolumny. Powiąż ten arkusz z tabelą wpisując w polu 'filtr' formułę lookup:

=lookup(section2)

Screen_Shot_09-25-18_at_12.40_PM.PNG

2.d

Teraz arkusz uzupełnij w następujący sposób: w pierwszej komórce kolumny 'A' wpisz PLN a w drugiej 0, ustaw jej typ na 'waluta' i ustaw ją jako edytowalną. 

W kolumnie 'B' obie komórki ustaw jako edytowalne. W pierwszej z nich wpisz: =waluta a w drugiej: =A2/sprzedaz. Ustaw typ drugiej komórki na 'Waluta'.

mceclip0.png

W arkuszu tym będzie obliczana cena w wybranej walucie dla danej kwoty.

3.Ustawienia

Teraz zmienimy kilka rzeczy tak, aby z naszej apki można było wygodniej korzystać na telefonie. 

3.a

Wejdź w info apki i w polu 'wyrównanie apki' wybierz 'wycentrowana'. 

3.b

Pousuwaj wszystkie wiersze i kolumny które nie spełniają żadnej funkcji, a kolumnie B sekcji wyłącz widoczność. Zauważ, że widżety zajmują teraz o wiele mniej miejsca - takie organizowanie przestrzeni jest istotne przy tworzeniu apki mobilnej.

mceclip2.png

3.c

Pozmniejszaj szerokość komórek do takiej która jest konieczna do prawidłowego wyświetlenia danych ale nie większa. Możesz zobaczyć czy dane się mieszczą w trybie 'preview'.

mceclip3.png

mceclip2.png

3.d

Możesz także skorzystać z opcji 'auto-szerokość', która automatycznie ustawia szerokość sekcji na np. 2/6 strony. Jest to wygodne a całość wówczas prezentuje się bardziej symetrycznie.

 

 

4.test

Nie zapomnij dodać siebie jako autora.

mceclip4.png

Gratulacje- stworzyłeś swoją pierwszą apkę mobilną!

 

Czy ten artykuł był pomocny?
Liczba użytkowników, którzy uważają ten artykuł za przydatny: 0 z 0
Masz więcej pytań? Wyślij zgłoszenie

0 Komentarze

Komentarze do artykułu są zablokowane.
Oparte na technologii Zendesk