Programowanie dla ios

Transkrypt

1 ISWD, Instytut Informatyki Politechnika Poznańska Programowanie dla ios Technologie Programistyczne

2 Urządzenia ios Urządzenie Data prezentacji iphone / ipod touch iphone 3G ipod touch 2 gen iphone 3GS ipod touch 3 gen ipad / iphone ipod touch 4 gen ipad iphone 4S

3 Urządzenia ios Urządzenie Data prezentacji new ipad iphone 5, ipod touch 5 gen ipad mini, ipad iphone 5S, 5C ipad Air, ipad mini retina

4 Dane techniczne

5 Dane techniczne System operacyjny: okrojona wersja Mac OS X Mobilna wersja przeglądarki Safari Początkowe wspierane tylko aplikacje webowe Od czerwca 2008 dostępne SDK Dystrybucja aplikacji poprzez AppStore

6 SDK wymagany Mac z procesorem Intela SDK jest darmowe Do dystrybucji aplikacji należy wykupić subskrypcję Developer Program ($100 rocznie) Duże ograniczenia SDK

7 Architektura systemu Cocoa Touch Media Core Services Core OS

8 Architektura systemu Core OS, Core Services - podstawowe interfejsy: typy danych dostęp do plików dostęp do sieci wątki...

9 Architektura systemu Media: grafika 2D i 3D OpenGL ES, Quartz obsługa audio i wideo Core Audio Core Animation

10 Cocoa Touch UIKit interfejs użytkownika runtime obsługa zdarzeń API sprzętowe Foundation klasy podstawowe kolekcje wrapery dla usług systemowych podzbiór Cocoa Foundation

11 Na co uważać Różne wersje aplikacji dla iphone/ipod i ipad - wersje uniwersalne Różne rozdzielczości ekranu Ograniczenia wersji systemu, np. brak ios 4 dla pierwszego iphone i ipod

12 Narzędzia programistyczne Xcode język - ObjectiveC

13 Emulator

14 Model aplikacji Generalnie aplikacje powinny być typu Model-View-Controler obsługa zdarzeń aplikacja powinna: zainicjalizować swoje zmienne w zdarzeniu applicationdidfinishlaunching obsłużyć błąd braku pamięci applicationdidreceivememorywarning posprzątać po sobie - applicationwillterminate

15 Typy aplikacji Window-Based application View-Based application Tab Bar application Navigation-Based application Utility application OpenGL ES application

16 Okno i widok Aplikacja jest tworzona za pomocą delegacji Każda aplikacja ma tylko jedno okno (Window) Elementy na ekranie umieszczone są w widokach (View), może ich być wiele Niektóre widoki mogą się obracać

17 Hello World Tworzymy nowy projekt w XCode Window-Based Application

18 Kod aplikacji

19 Deklaracja Kod delegacji

20 Implementacja Kod delegacji

21 Efekt

22 Kontrolki Dostępny jest standardowy zestaw kontrolek

23 Kontrolery Dostępne kontrolery

24 i widoki Widoki danych

25 Pozostałe elementy UI

26 TeachTool obliczanie punktacji w skali 6-stopniowej obliczanie wyniku egzaminu dyplomowego dwa widoki wybierane przez TabBar

27 TeachTool tworzymy nowy projekt Window-based Application

28 dodajemy klasę kontrolera

29 tworzymy klasę PunktacjaViewController

30 podobnie dodajemy klasę EgzaminViewController

31 w delegacie aplikacji dodajemy outlet do kontrolera zakładek

32 otwieramy MainWindow.xib w Interface builderze dodajemy do okna TabBar Controller

33 wybieramy pierwszą zakładkę ustawiamy jej plik zasobów w inspektorze

34 ustawiamy własności zakładki

35 wiążemy outlet z delegacji z kontrolerem zakładek

36 edytujemy PunktacjaViewController

37 edytujemy PunktacjaViewController

38 projektujemy widok dodajemy powiązania

39 edytujemy EgzaminViewController

40 Działająca aplikacja

41 SatFinder

42 Aplikacja SatFinder Jak ustawić antenę satelitarną? Wyliczenie na podstawie długości i szerokości geograficznej oraz pozycji satelity Korzysta z GPS

43 SatFinder

44

45

46

47 Obsługa GPS

48

49 Nowy Teach Tool ios7, Xcode 5

50 TeachTool 2 Tylko obliczanie skali ocen Możliwość zdefiniowania progów Progi zapamiętywane w pliku Szablon aplikacji typu Utility

51 Nowy projekt

52 Nowy projekt

53 Ustawienia projektu

54 Aplikacja Utility

55 Projektujemy widok główny

56 Tworzymy outlety Włączamy Assistant Editor Przeciągamy z Ctrl na plik nagłówkowy

57 Outlety i akcje

58 Kod implementacyjny

60

61 Widok ustawień osadzamy TableView zmieniamy na statyczny

62 Po edycji ustawiamy 6 wierszy dodajemy kontrolki: UIText UILabel UIButton UIBarButton

63 Dodajemy gniazdka Aby obsłużyć tabelkę klasa musi obsługiwać protokół UITableViewDataSource i delegację UITableViewDelegate

65

66

67

68 Katalog Lego

69 Gdzie kupić klocki 1?

73 Katalog Lego Informacje o zestawach przechowywane lokalnie w bazie danych Parser strony shop.lego.com pod Windows Dane eksportowane do bazy sqlite Ceny ze sklepu Lego i Allegro

74 Strona Lego

75 Parser Parsujemy zestawy wg kategorii Jeżelli zestaw jest w kilku kategoriach zapamiętujemy to Opis zestawu jest pamiętany jako HTML Dodatkowo parsujemy polski sklep internetowy

76 SQLite Kompaktowa baza danych napisana w C Public Domain implementuje większość funkcji z SQL-92 wykorzystywany w wielu systemach i aplikacjach

77 Schemat bazy danych

78 Nowy projekt projekt w Xcode 4 aplikacja typu nawigacyjnego

79 Nowy projekt

80 Nowy projekt

81 Ustawienia projektu Nazwa Docelowa platforma Ikony: zwykła 57x57 px retina 114x114 px ekran startowy

82 Biblioteka SQLite w zakładce Build Phases dodajemy bibliotekę libsqlite3.dylib tworzymy bazę (np. wtyczka do FireFox) do projektu dodajemy plik z bazą

83 Kontroler głównego widoku

84 Kontroler głównego widoku Przy pierwszym uruchomieniu bazę danych należy skopiować do katalogu roboczego W przyszłości aktualizacja bazy danych

89 Kontroler widoku kategorii

92

95 Klasa zestawu

96 Klasa zestawu

97 Klasa zestawu

98 Kontroler widoku zestawu

99 Kontroler widoku zestawu

100

101 Widok zestawu

102 Efekt

103 Rozpoznawanie dotyku

104 Wielodotyk Ekran urządzenia ios jest w stanie rozpoznać do 5 punktów dotyku Zdarzenia są obsługiwane w kolejce Przekazywanie zdarzeń nie jest automatyczne

105 Metody obsługujące touchesbegan gdy palec dotknie ekranu przekazuje informacje o każdym punkcie dotyku touchesmoved gdy palec przesuwa się po ekranie touchesended gdy palec się podniesie touchescancelled gdy nastąpi przerwanie, np. telefon

106 Przykład

107 Przykład Domyślnie widoki nie reagują na wielodotyk Zmieniamy opcję widoku

108 Metoda touchesbegan

109 touchesmoved

110 touchesended

111

112 Rozpoznawanie pozycji

113

114 Gesty Od ios 4 specjalna klasa do rozpoznawania gestów UIGestureRecognizer i jej specjalizacje UITapGestureRecognizer UIPinchGestureRecognizer UIPanGestureRecognizer UISwipeGestureRecognizer UIRotationGestureRecognizer UILongPressGestureRecognizer

115 Obsługa gestu Definiujemy klasę do obsługi Przekazujemy jej referencję do metody, która ma być wywołana po wykryciu gestu Niektóre gesty są pojedyncze (tap) inne ciągłe (swipe, pan)

116 Przykład

117 Przykład

118 Pickery

119 Pickery Odpowiedniki ComboBox ów Specjalizowany DatePicker Ogólny UIPickerView

120 Przykład Definiujemy gniazdka i wtyczki Projektujemy widok

121 Efekt

122 UIPickerView Uniwersalny picker Wymaga podania klasy stanowiącej źródło danych Klasa musi realizować protokół UIPickerViewDataSource Najlepiej gry realizuje go kontroler widoku

123 UIPickerViewDataSource Musi posiadać metody: numberofcomponentsinpickerview numberofrowsincomponent titleforrow

124 Przykład

125 Klasa kontrolera

128

129 Multitasking

130 Multitasking Do wersji ios 4 był ograniczony do aplikacji systemowych Aplikacja może znajdować się w jednym ze stanów: Na wierzchu - aktualnie wyświetlana aktywna nieaktywna W tle Zawieszona

131 Czas życia aplikacji Uruchomienie - wywoływana jest metoda didfinishlaunchingwithoptions W momencie uzyskania ekranu wywoływana jest metoda applicationdidbecomeactive Jeżeli aplikacja od razu trafia do tła wywoływana jest metoda applicationdidenterbackground

132 Czas życia aplikacji Aplikacja ma 5 sekund na zakończenie metody Może zyskać więcej czasu wywołując metodę beginbackgroundtaskwithexpiration i endbackgroundtask

133 Czas życia aplikacji Gdy aplikacja ma wyjść z tła wywoływana jest metoda applicationwillenterforeground a potem applicationdidbecomeactive Gdy aplikacja ma być zakończona wywoływana jest metoda applicationwillterminate

134 Czas życia aplikacji Wszystkie aplikacje tworzone w Xcode 4 są domyślnie aplikacjami działającymi w tle Można to zmienić poprzez ustawienia aplikacji poprzez edycję pliku Info.plist

135

136 Multitasking Jest dostępny od iphone a 3GS i ios 4. W innym wypadku aplikacje kończą działanie Można sprawdzić w kodzie, czy multitasking jest dostępny

137 Powiadomienia Aplikacja w tle nie ma dostępu do ekranu Jedyny mechanizm to lokalne powiadomienia Lokalne w przeciwieństwie do zdalnych - serwerowych

138 Przykład Nowy projekt typu SingleView Powiadomienie ma być wyświetlone 10 s po przejściu w tło Dodajemy plik dźwiękowy Modyfikujemy metodę applicationdidenterbackground

139

140

141 Storyboarding

142 Storyboarding Scenorys Nowe podejście do projektowania widoków w Xcode 4.2

143 Projekt Tworzymy nowy projekt typu Single View Application

144 Opcje projektu

145 Widok projektu

146 Edytor

147 Projekt startowego widoku

148 Dodajemy nowy ViewController

149 Dwa widoki

150 Projekt widoków

151 Edycja przejścia (segue) Przeciągamy z Ctrl na kolejny widok

152 Zdefiniowane przejście

153 Dwa przejścia

154 Opcje przejścia Style przejścia: Push Modal Custom Animacja przejścia: Default Cover vertical Flip horizontal Cross Dissolve Partial curl

155 Klasa kontrolera Dodajemy klasę kontrolera dla drugiego widoku

158 Storyboarding Można pisać własne klasy kontrolujące przejścia Za przejścia mogą być odpowiedzialne różne kontrolery widoku Są zdarzenia związane z przejściami Przejścia można wywoływać programowo

159 Grafika 2D

160 Grafika 2D Biblioteka odpowiedzialna - Quartz Napisana w C Typowo rysujemy na obiekcie klasy UIView Operujemy na punktach klasy CGPoint - lewy-górny narożnik ma współrzędne (0,0) typ CGFloat Klasy CGRect i CGSize

161 Kontekst graficzny Konieczny do rysowania Uzyskujemy wywołując metodę UIGraphicsGetCurrentContext Otrzymujemy obiekt typu CGContextRef

162 Kolory Klasa CGColorRef Przechowuje kolor i informacje o przestrzeni kolorów Do wyboru RGBA, CMYK lub odcienie szarości Można tworzyć kolory z klasy UIColor, ale nie można korzystać z nich bezpośrednio

163 Przykład Nowy projekt typu SingleView Dodajemy klasę dziedziczącą po UIView Jako klasę implementującą widok w pliku XIB wybieramy naszą klasę Odkomentowujemy metodę drawrect

164

165 Edytujemy metodę drawrect

166 Wykorzystanie klasy UIColor

167 Rysowanie ścieżki

168 Rysowanie prostokąta

169 Rysowanie elipsy

170 Wypełnienie kolorem

171 Rysowanie łuku

172 Rysowanie krzywej Bezier

173 Waluty

174 Waluty Program wyświetlający aktualne kursy podstawowych walut (predefiniowane EUR, USD, GBP, CHF) kursy FOREX kursy w kantorze internetowym kursy w banku Interesują nas kursy sprzedaży

175 Waluty Dane wyświetlane w formie tabelarycznej z podziałem na sekcje Odświeżane po wyświetleniu aplikacji lub na żądanie

176 Źródło danych Serwis systemowy napisany w C# uruchomiony na serwerze Windows 2003 Server Parsuje strony kantorów internetowych i banku co 2 minuty Zapisuje i udostepnia plik RSS z kursami

177 Źródło danych

178 RSS Rich Site Summary Really Simple Syndication Format plików XML do publikowania treście w Internecie Wspierany przez.net

179 RSS

180 Aplikacja ios Widok tabelaryczny Oparta na scenorysie (w przyszłości wyświetlanie szczegółów walut) Na razie tylko wersja iphone

181 Tworzymy projekt

182 Tworzymy projekt

183 Ikona i startup

184 Edytujemy scenorys usuwamy widok (View) z szablonu wstawiamy widok tabelaryczny (Table View) wstawiamy prototyp komórki (Table View Cell)

185 Edytujemy scenorys Edytujemy zawartość prototypu komórki 3 etykietki UILabel obrazek UIImage niewidzialny przycisk nad ostatnią etykietą

186 Dodajemy klasę Klasa dziedziczy po UITableViewCell Będzie obsługiwała pojedynczą komórkę tabeli

187 Dodajemy klasę

188 Dodajemy klasę

189 Tworzymy powiązania wracamy do scenorysu we własnościach komórki zaznaczamy klasę, która ją obsługuje otwieramy edytor pomocniczy (Assistant Editor) przeciągamy z Ctrl z elementów interfejsu na nagłówek klasy

190 Tworzymy powiązania

191 Tworzymy powiązania Dodajemy jeszcze dwie metody obsługujące formatowanie

192 Implementujemy klasę

193 Implementujemy klasę

194 Dodajemy klasę Klasa Currency do obsługi pojedynczego kursu waluty

195 Dodajemy klasę

196 Implementujemy kontroler

199 Obsługa odświeżania

200 Parsowanie RSS

201 Parsowanie RSS

202 Parsowanie RSS

203 Obsługa tabeli

204 Obsługa tabeli

205 Obsługa tabeli

206 Developer Portal

207 ios Developer Portal

208 ios Developer Portal Certyfikat główny Numer UDID urządzenia Identyfikatory aplikacji Provisioning profile

209 Certyfikat główny

210 Numery UDID

211 Identyfikatory aplikacji

212 Profile

213 Dostępne API akcelerometry pozycjonowanie (GPS, triangulacja) Google Maps OpenGL XML przeglądarka webowa SQLLite aparat

214 Obracane widoki

215 Obracane widoki UIInterfaceOrientationPortrait UIInterfaceOrientationPortraitUpsideDown UIInterfaceOrientationLandscapeRight UIInterfaceOrientationLandscapeLeft

216 Obracany widok Bez dodatkowych zmian nie bardzo działa

217 Size inspector Umożliwia ustawienie automatycznego wyrównywania Obroty można obsługiwać programowo

218 Obsługa obrotu Przeciążamy metodę willanimaterotationtointerfaceorientation

219 Program MFI Made For i(phone, Pod, Pad) Możliwość projektowania akcesoriów podłączanych bezpośrednio do urządzeń

220 AppStore

221 Do zobaczenia