WSTĘP DO ANDROIDA. Laboratorium

Transkrypt

1 WSTĘP DO ANDROIDA Laboratorium

2 I

3 Uruchomić Android Studio I

4 I Uruchomić Android Studio Stworzyć projekt typu Empty Activity

5 I Uruchomić Android Studio Stworzyć projekt typu Empty Activity Zapoznać się z projektantem widoku (activity_main.xml)

6 I Uruchomić Android Studio Stworzyć projekt typu Empty Activity Zapoznać się z projektantem widoku (activity_main.xml) i kodem klasy sterującej widokiem (MainActivity.kt)

7 II

8 Stworzyć projekt typu Basic Activity II

9 II Stworzyć projekt typu Basic Activity Usunąć z projektu TextView i wstawić w to miejsce Plain Text

10 II Stworzyć projekt typu Basic Activity Usunąć z projektu TextView i wstawić w to miejsce Plain Text Zmienić atrybut inputtype na wartość text

11 II Stworzyć projekt typu Basic Activity Usunąć z projektu TextView i wstawić w to miejsce Plain Text Zmienić atrybut inputtype na wartość text Usunąć Name z atrybutu text

12 II

13 Dodać do klasy import android.util.log II

14 II Dodać do klasy import android.util.log W klasie zdefiniować stałą val TAG = "StateChange"

15 II Dodać do klasy import android.util.log W klasie zdefiniować stałą val TAG = "StateChange" Na koniec metody oncreate dodać instrukcję Log.i(TAG, oncreate")

16 II Dodać do klasy import android.util.log W klasie zdefiniować stałą val TAG = "StateChange" Na koniec metody oncreate dodać instrukcję Log.i(TAG, oncreate") Uruchomić program

17 II

18 II Przeciążyć wszystkie pozostałe metody typu on (onrestart, onstart, onresume, onpause, onstop, ondestroy, onconfigurationchanged, onrestoreinstancestate, on SaveInstanceState) dodając do logu odpowiedni komunikat

19 II Przeciążyć wszystkie pozostałe metody typu on (onrestart, onstart, onresume, onpause, onstop, ondestroy, onconfigurationchanged, onrestoreinstancestate, on SaveInstanceState) dodając do logu odpowiedni komunikat Uruchamiać program testując czas życia aplikacji (uruchomienie, zawieszenie, przywrócenie, zabicie, zmiana konfiguracji)

20 III

21 III Stworzyć nowy projekt pt. Layout Example z szablonu Add No Activity

22 III Stworzyć nowy projekt pt. Layout Example z szablonu Add No Activity Rozwinąć projekt do węzła app/java/*.layoutexample

23 III Stworzyć nowy projekt pt. Layout Example z szablonu Add No Activity Rozwinąć projekt do węzła app/java/*.layoutexample Kliknąć prawym klawiszem i wybrać New/Activity/ EmptyActivity

24 III Stworzyć nowy projekt pt. Layout Example z szablonu Add No Activity Rozwinąć projekt do węzła app/java/*.layoutexample Kliknąć prawym klawiszem i wybrać New/Activity/ EmptyActivity Nazwać ją LayoutSample i dodać do projektu

25 III

26 III Otworzyć app/manifests/androidmanifest.xml

27 III Otworzyć app/manifests/androidmanifest.xml Dopisać do Activity

28 III Otworzyć app/manifests/androidmanifest.xml Dopisać do Activity

29 III

30 III Ściągnąć obrazek su22.png (

31 III Ściągnąć obrazek su22.png ( Dodać go do folderu app/res/drawable

32 III Ściągnąć obrazek su22.png ( Dodać go do folderu app/res/drawable Dodać na środku widoku ImageView i wskazać dodany wcześniej obrazek

33 III Ściągnąć obrazek su22.png ( Dodać go do folderu app/res/drawable Dodać na środku widoku ImageView i wskazać dodany wcześniej obrazek Nad ImageView dodać TextView. Ustawić tekst na wycentrowany, 24p, tekst= SU-22

34 III

35 III Poniżej ImageView dodać obok siebie 2 przyciski Button: Dane Historia Uruchomić

36 III Poniżej ImageView dodać obok siebie 2 przyciski Button: Dane Historia Uruchomić

37 III

38 III Dodajemy ograniczenia dla TextView

39 III Dodajemy ograniczenia dla TextView

40 III Dodajemy ograniczenia dla TextView

41 III Dodajemy ograniczenia dla TextView Dla ImageView

42 III Dodajemy ograniczenia dla TextView Dla ImageView

43 III Dodajemy ograniczenia dla TextView Dla ImageView

44 III

45 I dla przycisków III

46 III I dla przycisków Najpierw zaznaczamy je razem (Shift+Click)

47 III I dla przycisków Najpierw zaznaczamy je razem (Shift+Click) Potem robimy RightClick i wybieramy Chain\Create Horizontal Chain

48 III I dla przycisków Najpierw zaznaczamy je razem (Shift+Click) Potem robimy RightClick i wybieramy Chain\Create Horizontal Chain Na koniec odstęp od dołu ekranu

49 III I dla przycisków Najpierw zaznaczamy je razem (Shift+Click) Potem robimy RightClick i wybieramy Chain\Create Horizontal Chain Na koniec odstęp od dołu ekranu

50 IV

51 IV Utworzyć nowy projekt typu Empty Activity

52 IV Utworzyć nowy projekt typu Empty Activity Pod napisem Hello World dodać przycisk Button

53 IV Utworzyć nowy projekt typu Empty Activity Pod napisem Hello World dodać przycisk Button

54 IV Utworzyć nowy projekt typu Empty Activity Pod napisem Hello World dodać przycisk Button Zmienić id TextView na statustext

55 IV Utworzyć nowy projekt typu Empty Activity Pod napisem Hello World dodać przycisk Button Zmienić id TextView na statustext i przycisku na pressmebutton

56 IV

57 IV W klasie widoku musimy dodać import na projekt

58 IV W klasie widoku musimy dodać import na projekt

59 IV W klasie widoku musimy dodać import na projekt oraz obsługę zdarzenia

60 IV W klasie widoku musimy dodać import na projekt oraz obsługę zdarzenia

61 IV W klasie widoku musimy dodać import na projekt oraz obsługę zdarzenia Uruchomić

62 IV W klasie widoku musimy dodać import na projekt oraz obsługę zdarzenia Uruchomić Możemy jeszcze dodać

63 IV W klasie widoku musimy dodać import na projekt oraz obsługę zdarzenia Uruchomić Możemy jeszcze dodać

64 V

65 V Tworzymy nowy projekt typu Empty Activity

66 V Tworzymy nowy projekt typu Empty Activity Poniżej Text View wstawiamy przycisk Button

67 V Tworzymy nowy projekt typu Empty Activity Poniżej Text View wstawiamy przycisk Button Tekst zmieniamy mu na Uruchom a id na mybutton i wciskamy symbol

68 V Tworzymy nowy projekt typu Empty Activity Poniżej Text View wstawiamy przycisk Button Tekst zmieniamy mu na Uruchom a id na mybutton i wciskamy symbol Text View zmieniamy id na statustext

69 V

70 V W atrybucie onclick przycisku wpisujemy mybuttonclick

71 V W atrybucie onclick przycisku wpisujemy mybuttonclick

72 V W atrybucie onclick przycisku wpisujemy mybuttonclick W kodzie klasy aktywności dodajemy metodę mybuttonclick

73 V W atrybucie onclick przycisku wpisujemy mybuttonclick W kodzie klasy aktywności dodajemy metodę mybuttonclick

74 V

75 Do klasy dodajemy pole V

76 Do klasy dodajemy pole V

77 V Do klasy dodajemy pole Do projektu dodajemy nową aktywność Second Activity typu Empty Activity

78 V Do klasy dodajemy pole Do projektu dodajemy nową aktywność Second Activity typu Empty Activity Wstawiamy do niej Text View o id statustext

79 V

80 V W MainActivity dodajemy metodę:

81 V W MainActivity dodajemy metodę:

82 V W MainActivity dodajemy metodę: A w SecondActivity dodajemy do oncreate

83 V W MainActivity dodajemy metodę: A w SecondActivity dodajemy do oncreate

84 V

85 V W SecondActivity dodajemy metodę:

86 V W SecondActivity dodajemy metodę:

87 V W SecondActivity dodajemy metodę: A w MainActivity:

88 V W SecondActivity dodajemy metodę: A w MainActivity:

89 V

90 Uruchamiamy V

91 V Uruchamiamy Do MainActivity dodajemy metodę:

92 V Uruchamiamy Do MainActivity dodajemy metodę:

93 V Uruchamiamy Do MainActivity dodajemy metodę: I podmieniamy jej wywołanie w obsłudze przycisku

94 VI

95 VI Tworzymy nowy projekt typu Empty Actvitiy i dodajemy do niego 1 przycisk

96 VI Tworzymy nowy projekt typu Empty Actvitiy i dodajemy do niego 1 przycisk W metodzie obsługi klawisza umieścić kod i uruchomić

97 VI Tworzymy nowy projekt typu Empty Actvitiy i dodajemy do niego 1 przycisk W metodzie obsługi klawisza umieścić kod i uruchomić

98 VI

99 Uaktualnić importy: VI

100 Uaktualnić importy: VI

101 VI Uaktualnić importy: Dodać 2 pola w klasie aktywności:

102 VI Uaktualnić importy: Dodać 2 pola w klasie aktywności:

103 VI

104 VI Dodać wewnętrzną klasę do aktywności

105 VI Dodać wewnętrzną klasę do aktywności

106

107

108

109

110 VI

111 VI Zmienić metodę obsługi przycisku

112 VI Zmienić metodę obsługi przycisku

113 VII

114 VII Tworzymy nowy projekt typu Empty Activity i nazywamy go FileAccess

115 VII Tworzymy nowy projekt typu Empty Activity i nazywamy go FileAccess Do manifestu dodajemy linijkę

116 VII Tworzymy nowy projekt typu Empty Activity i nazywamy go FileAccess Do manifestu dodajemy linijkę

117 VII

118 VII Do projektu dodajemy nową klasę Contact

119 VII Do projektu dodajemy nową klasę Contact

120 VII

121 VII W naszej aktywności definiujemy 2 przyciski Button: Zapisz i Wczytaj

122 VII W naszej aktywności definiujemy 2 przyciski Button: Zapisz i Wczytaj Definiujemy metody do ich obsługi saveclick i readclick

123 VII W naszej aktywności definiujemy 2 przyciski Button: Zapisz i Wczytaj Definiujemy metody do ich obsługi saveclick i readclick

124 VII

125 Dodajemy kod w klasie VII

126 Dodajemy kod w klasie VII

127 Dodajemy kod w klasie VII

128 VII

129 VII

130 VII

131 Uruchamiamy VII

132 VII Uruchamiamy Po operacji zapis/odczyt możemy podejrzeć plik w AndroidStudio za pomocą Device File Explorer

133 VII

134 VII Przerabiamy kod na External Storage

135 VII Przerabiamy kod na External Storage

136 VII

137 VII

138 VIII

139 VIII Tworzymy nowy projekt typu Empty Activity o nazwie DatabaseExample

140 VIII Tworzymy nowy projekt typu Empty Activity o nazwie DatabaseExample Usuwamy wszystko z projektu interfejsu użytkownika i jako korzeń umieszczamy LinearLayout (vertical)

141 VIII Tworzymy nowy projekt typu Empty Activity o nazwie DatabaseExample Usuwamy wszystko z projektu interfejsu użytkownika i jako korzeń umieszczamy LinearLayout (vertical) Na drugim poziomie umieszczamy TableLayout, a poniżej LinearLayout (horizontal)

142 VIII Tworzymy nowy projekt typu Empty Activity o nazwie DatabaseExample Usuwamy wszystko z projektu interfejsu użytkownika i jako korzeń umieszczamy LinearLayout (vertical) Na drugim poziomie umieszczamy TableLayout, a poniżej LinearLayout (horizontal)

143 VIII

144 VIII W TableLayout mamy mieć 3 wiersze TableRow

145 VIII W TableLayout mamy mieć 3 wiersze TableRow W pierwszym wierszu mają znaleźć się 2 TextView obok siebie

146 VIII W TableLayout mamy mieć 3 wiersze TableRow W pierwszym wierszu mają znaleźć się 2 TextView obok siebie W drugim wierszu TextView i PlainText

147 VIII W TableLayout mamy mieć 3 wiersze TableRow W pierwszym wierszu mają znaleźć się 2 TextView obok siebie W drugim wierszu TextView i PlainText Podobnie w trzecim

148 VIII W TableLayout mamy mieć 3 wiersze TableRow W pierwszym wierszu mają znaleźć się 2 TextView obok siebie W drugim wierszu TextView i PlainText Podobnie w trzecim

149 VIII W TableLayout mamy mieć 3 wiersze TableRow W pierwszym wierszu mają znaleźć się 2 TextView obok siebie W drugim wierszu TextView i PlainText Podobnie w trzecim

150 VIII

151 VIII W dolnym LinearLayout umieszczamy 3 przyciski Button

152 VIII W dolnym LinearLayout umieszczamy 3 przyciski Button

153 VIII W dolnym LinearLayout umieszczamy 3 przyciski Button Nadajemy kontrolką nazwy, a przyciskom metody obsługi onclick: newproduct, removeproduct, lookupproduct

154 III

155 III

156 VIII

157 VIII

158 VIII

159 VIII

160 VIII

161 VIII

162 VIII Dodajemy do projektu klasę Product

163 VIII Dodajemy do projektu klasę Product

164 VIII

165 VIII Dodajemy kolejną klasę, dziedziczącą po klasie SQLiteOpenHelper

166 VIII Dodajemy kolejną klasę, dziedziczącą po klasie SQLiteOpenHelper

167 VIII Dodajemy kolejną klasę, dziedziczącą po klasie SQLiteOpenHelper Dodajemy wewnątrz companion object

168 VIII Dodajemy kolejną klasę, dziedziczącą po klasie SQLiteOpenHelper Dodajemy wewnątrz companion object

169 VIII

170 VIII Dodajemy metody do klasy

171 VIII Dodajemy metody do klasy

172 VIII

173 VIII

174 VIII

175 VIII

176 VIII

177 VIII W klasie aktywności dodajemy metody obsługi przycisków

178 VIII W klasie aktywności dodajemy metody obsługi przycisków

179 VIII

180 VIII

181 VIII

182 VIII

183 Uruchamiamy VIII

184 IX

185 IX Tworzymy nowy projekt typu Empty Acvivity o nazwie PermissionExample

186 IX Tworzymy nowy projekt typu Empty Acvivity o nazwie PermissionExample Dodajemy pole do klasy

187 IX Tworzymy nowy projekt typu Empty Acvivity o nazwie PermissionExample Dodajemy pole do klasy Dodajemy do klasy metodę setuppermissions i jej wywołanie w metodzie oncreate

188 IX Uruchamiamy i sprawdzamy LogCat Do manifestu dodajemy linijkę I uruchamiamy na emulatorze z systemem starszym niż 6 sprawdzając LogCat

189 IX Uruchamiamy teraz na emulatorze z systemem >= 6 i śledzimy LogCat Dodajemy drugie pole do klasy I metodę makerequest

190 IX Dodajemy drugą metodę - onrequestpermissionsresult

191 IX Uruchamiamy i sprawdzamy na starym i nowym systemie. Sprawdzamy działanie zarządzania uprawnieniami w emulatorze