SailfishOS first application/pl: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 5: Line 5:
[[:SailfishOS_first_application|English]] | '''Polski'''
[[:SailfishOS_first_application|English]] | '''Polski'''


''''_<br />Artykuł jest 2 częscią "Kursu wprowadzającego":/wiki/Category:SailfishOS_Polish::Introduction_tutorial_Polish.<br />"< Idź do części 1":/wiki/SailfishOS_SDK_Installation_Polish ||| "Idź do części 3 >":/wiki/SailfishOS_using_app_in_emulator_basics_Polish<br />''''_
''''_
Artykuł jest 2 częscią "Kursu wprowadzającego":/wiki/Category:SailfishOS_Polish::Introduction_tutorial_Polish.
"< Idź do części 1":/wiki/SailfishOS_SDK_Installation_Polish ||| "Idź do części 3 >":/wiki/SailfishOS_using_app_in_emulator_basics_Polish
''''_


= Pierwsza Aplikacja =
= Pierwsza Aplikacja =
Line 20: Line 23:


# Po uruchomieniu IDE z górnego menu wybierz File -> New File Or Project
# Po uruchomieniu IDE z górnego menu wybierz File -> New File Or Project
# Wybierz Applications→SailfishOS Qt Quick Application.<br />[[Image:http://i.imgur.com/wmXnFos.png?2|Wybierz aplikacje screenshot]]
# Wybierz Applications→SailfishOS Qt Quick Application.
# Nadaj swojemu projektowi nazwe. Upewnij się, że projekt zostanie zapisany w Twoim katalogu domowym/roboczym i kliknij Next.<br />[[Image:http://i.imgur.com/woU1BS0.png?2|Nazwij aplikacje screenshot]]
[[Image:http://i.imgur.com/wmXnFos.png?2|Wybierz aplikacje screenshot]]
# Wybierz MerSDK-SailfishOS-i486-x86[TODO:add link with desc] lub MerSDK-SailfishOS-armv7hl[TODO:add link with desc] kit i kliknij dalej. Jaka jest między nimi różnica?[TODO: add link]<br />[[Image:http://i.imgur.com/LV3atKp.png?2|Wybierz kit&#39;a screenshot]]
# Nadaj swojemu projektowi nazwe. Upewnij się, że projekt zostanie zapisany w Twoim katalogu domowym/roboczym i kliknij Next.
# Możesz zmienić, krótki opis aplikacji lub odrazu przejść dalej klikając Next<br />[[Image:http://i.imgur.com/7YPwbVc.png?2|Edytuj opis screenshot]]
[[Image:http://i.imgur.com/woU1BS0.png?2|Nazwij aplikacje screenshot]]
# Możesz wybrać sposób kontroli wersji [add link to how to add version controll] w Twoim projekcie(np. GIT, SVN)<br />[[Image:http://i.imgur.com/lprPc7M.png?2|Dodaj system kontroli wersji screenshot]]
# Wybierz MerSDK-SailfishOS-i486-x86[TODO:add link with desc] lub MerSDK-SailfishOS-armv7hl[TODO:add link with desc] kit i kliknij dalej. Jaka jest między nimi różnica?[TODO: add link]
[[Image:http://i.imgur.com/LV3atKp.png?2|Wybierz kit&#39;a screenshot]]
# Możesz zmienić, krótki opis aplikacji lub odrazu przejść dalej klikając Next
[[Image:http://i.imgur.com/7YPwbVc.png?2|Edytuj opis screenshot]]
# Możesz wybrać sposób kontroli wersji [add link to how to add version controll] w Twoim projekcie(np. GIT, SVN)
[[Image:http://i.imgur.com/lprPc7M.png?2|Dodaj system kontroli wersji screenshot]]
# Kliknij Finish
# Kliknij Finish
# Szablon projektu zostanie utworzony i otwarty w edytorze<br />[[Image:http://i.imgur.com/OYyvFEK.png?2|Rzut oka na szablon projektu screenshot]]
# Szablon projektu zostanie utworzony i otwarty w edytorze
[[Image:http://i.imgur.com/OYyvFEK.png?2|Rzut oka na szablon projektu screenshot]]


== 3. Uruchamianie Mer build machine oraz Emulatora ==
== 3. Uruchamianie Mer build machine oraz Emulatora ==
Line 34: Line 43:
''Uwaga: Mer build machome potrzebuje dostępu do Twojego kodu źródłowego aby go skompilować, domyślnie przeszukiwany jest Twój katalog roboczy/domowy, właśnie dlatego wszystkie projekty powinieneś tam zapisywać.''
''Uwaga: Mer build machome potrzebuje dostępu do Twojego kodu źródłowego aby go skompilować, domyślnie przeszukiwany jest Twój katalog roboczy/domowy, właśnie dlatego wszystkie projekty powinieneś tam zapisywać.''


Kiedy projekt SailfishOS jest otwarty, SDK automatycznie wyświetla dwa przyciski w lewym toolbarz'e do uruchamiania/zatrzymywania Mer build machine oraz emulatora.<br />[[Image:http://i.imgur.com/0vAckoW.png|Mer build toolbar screenshot]]
Kiedy projekt SailfishOS jest otwarty, SDK automatycznie wyświetla dwa przyciski w lewym toolbarz'e do uruchamiania/zatrzymywania Mer build machine oraz emulatora.
[[Image:http://i.imgur.com/0vAckoW.png|Mer build toolbar screenshot]]


=== 3.1. Kliknij na [[Image:http://i.imgur.com/nSniuw6.png|ikona uruchom Mer Build Engine screenshot]] ikone aby uruchomić Mer Build Engine. ===
=== 3.1. Kliknij na [[Image:http://i.imgur.com/nSniuw6.png|ikona uruchom Mer Build Engine screenshot]] ikone aby uruchomić Mer Build Engine. ===
Line 42: Line 52:
=== 3.2. Kliknij na [[Image:http://i.imgur.com/zzawOqw.png|ikona uruchom emulator screenshot]] ikone aby uruchomić emulator. ===
=== 3.2. Kliknij na [[Image:http://i.imgur.com/zzawOqw.png|ikona uruchom emulator screenshot]] ikone aby uruchomić emulator. ===


Po naciśnięciu otowrzy się nowe okno VirtualBox w którym uruchomi się emulator.<br />[[Image:http://i.imgur.com/SP9eCDT.png?1| uruchamiany emulator screenshot]]
Po naciśnięciu otowrzy się nowe okno VirtualBox w którym uruchomi się emulator.
[[Image:http://i.imgur.com/SP9eCDT.png?1| uruchamiany emulator screenshot]]


== 4. Udane połączenie ==
== 4. Udane połączenie ==
Line 48: Line 59:
Kiedy QtCreator może połączyć się z obiema maszynami ikony zmieną się w następujące:
Kiedy QtCreator może połączyć się z obiema maszynami ikony zmieną się w następujące:


Przed połączeniem:<br />[[Image:http://i.imgur.com/ifAYFRi.png| przed połączeniem screenshot]]
Przed połączeniem:
[[Image:http://i.imgur.com/ifAYFRi.png| przed połączeniem screenshot]]


Po połączeniu:<br />[[Image:http://i.imgur.com/tQe3Og8.png| po połączeniu screenshot]]
Po połączeniu:
[[Image:http://i.imgur.com/tQe3Og8.png| po połączeniu screenshot]]


== 5. Kompilacja i uruchamianie aplikacji ==
== 5. Kompilacja i uruchamianie aplikacji ==
Line 56: Line 69:
Naciśnij [[Image:http://i.imgur.com/aI9ECKM.png| przycisk uruchom screenshot]] przycisk uruchom w toolbarz'e aby skompilować i uruchomić projekt na emulatorze.
Naciśnij [[Image:http://i.imgur.com/aI9ECKM.png| przycisk uruchom screenshot]] przycisk uruchom w toolbarz'e aby skompilować i uruchomić projekt na emulatorze.


Gratulacje! Właśnie uruchomiłeś Swoją pierwsza aplikacje na system SailfishOS. Po uruchomieniu aplikacji w emulatorze ekran powinien wyglądać mniej więcej tak:<br />[[Image:http://i.imgur.com/wJ4tqvy.png?1| working emulator screenshot]]
Gratulacje! Właśnie uruchomiłeś Swoją pierwsza aplikacje na system SailfishOS. Po uruchomieniu aplikacji w emulatorze ekran powinien wyglądać mniej więcej tak:
[[Image:http://i.imgur.com/wJ4tqvy.png?1| working emulator screenshot]]


''''_<br />Artykuł jest 1 częscią "Kursu wprowadzającego":/wiki/Category:SailfishOS_Polish::Introduction_tutorial_Polish.<br />"< Idź do części 1":/wiki/SailfishOS_SDK_Installation_Polish ||| "Idź do części 3 >":/wiki/SailfishOS_using_app_in_emulator_basics_Polish<br />''''_
''''_
Artykuł jest 1 częscią "Kursu wprowadzającego":/wiki/Category:SailfishOS_Polish::Introduction_tutorial_Polish.
"< Idź do części 1":/wiki/SailfishOS_SDK_Installation_Polish ||| "Idź do części 3 >":/wiki/SailfishOS_using_app_in_emulator_basics_Polish
''''_

Revision as of 12:15, 25 February 2015


[toc align_right="yes" depth="2"]

English | Polski

'_ Artykuł jest 2 częscią "Kursu wprowadzającego":/wiki/Category:SailfishOS_Polish::Introduction_tutorial_Polish. "< Idź do części 1":/wiki/SailfishOS_SDK_Installation_Polish ||| "Idź do części 3 >":/wiki/SailfishOS_using_app_in_emulator_basics_Polish '_

Pierwsza Aplikacja

Jeśli jeszcze nie masz zainstalowanego środowiska programistycznego SailfishOS przejdź do "pordanika instalacyjnego":/wiki/SailfishOS_SDK_Installation

1.Uruchomienie środowiska

IDE możesz uruchomić poprzez skrót znajdujący się w menu systemowym(start) lub bezpośrednio otwierając aplikację z ~/SailfishOS/bin/qtcreator.

2. Tworzenie Projektu SailfishOS UI

Jako, że SDK zawiera przykładowy szablon projektu Sailfish UI rozpoczęcie pracy jest naprawde proste. Poniżej znajdziesz dokładne instrukcje jak postępować dalej(okna dialogowe pokazane na obrazkach mogą nieznacznie różnić się między innymi wersjami IDE, traktuj je jako przykład):

  1. Po uruchomieniu IDE z górnego menu wybierz File -> New File Or Project
  2. Wybierz Applications→SailfishOS Qt Quick Application.

Wybierz aplikacje screenshot

  1. Nadaj swojemu projektowi nazwe. Upewnij się, że projekt zostanie zapisany w Twoim katalogu domowym/roboczym i kliknij Next.

Nazwij aplikacje screenshot

  1. Wybierz MerSDK-SailfishOS-i486-x86[TODO:add link with desc] lub MerSDK-SailfishOS-armv7hl[TODO:add link with desc] kit i kliknij dalej. Jaka jest między nimi różnica?[TODO: add link]

Wybierz kit'a screenshot

  1. Możesz zmienić, krótki opis aplikacji lub odrazu przejść dalej klikając Next

Edytuj opis screenshot

  1. Możesz wybrać sposób kontroli wersji [add link to how to add version controll] w Twoim projekcie(np. GIT, SVN)

Dodaj system kontroli wersji screenshot

  1. Kliknij Finish
  2. Szablon projektu zostanie utworzony i otwarty w edytorze

Rzut oka na szablon projektu screenshot

3. Uruchamianie Mer build machine oraz Emulatora

SailfishOS SDK wykorzystuje Mer build machine do kompilacji Twojego kodu oraz maszyne wirtualna(VirtualBox) do emulowania urządzenia. Jeśli jakaś z tych 'maszyn' nie jest uruchomiona zostaniesz poproszony o jej włączenie.

Uwaga: Mer build machome potrzebuje dostępu do Twojego kodu źródłowego aby go skompilować, domyślnie przeszukiwany jest Twój katalog roboczy/domowy, właśnie dlatego wszystkie projekty powinieneś tam zapisywać.

Kiedy projekt SailfishOS jest otwarty, SDK automatycznie wyświetla dwa przyciski w lewym toolbarz'e do uruchamiania/zatrzymywania Mer build machine oraz emulatora. Mer build toolbar screenshot

3.1. Kliknij na ikona uruchom Mer Build Engine screenshot ikone aby uruchomić Mer Build Engine.

Po naciśnięciu przycisku Mer Build Engine będzie uruchamiana w tle, do momenu jej uruchomienia ikona przycisku będzie wyszarzona.

3.2. Kliknij na ikona uruchom emulator screenshot ikone aby uruchomić emulator.

Po naciśnięciu otowrzy się nowe okno VirtualBox w którym uruchomi się emulator. uruchamiany emulator screenshot

4. Udane połączenie

Kiedy QtCreator może połączyć się z obiema maszynami ikony zmieną się w następujące:

Przed połączeniem: przed połączeniem screenshot

Po połączeniu: po połączeniu screenshot

5. Kompilacja i uruchamianie aplikacji

Naciśnij przycisk uruchom screenshot przycisk uruchom w toolbarz'e aby skompilować i uruchomić projekt na emulatorze.

Gratulacje! Właśnie uruchomiłeś Swoją pierwsza aplikacje na system SailfishOS. Po uruchomieniu aplikacji w emulatorze ekran powinien wyglądać mniej więcej tak: working emulator screenshot

'_ Artykuł jest 1 częscią "Kursu wprowadzającego":/wiki/Category:SailfishOS_Polish::Introduction_tutorial_Polish. "< Idź do części 1":/wiki/SailfishOS_SDK_Installation_Polish ||| "Idź do części 3 >":/wiki/SailfishOS_using_app_in_emulator_basics_Polish '_