WSTĘP DO ANDROIDA. Laboratorium 1 Systemy i aplikacje bez granic

Transkrypt

1 WSTĘP DO ANDROIDA Laboratorium 1 Systemy i aplikacje bez granic

2 Uruchomić Android Studio I

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

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

5 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)

6 Stworzyć projekt typu Basic Activity II

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

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

9 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

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

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

12 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")

13 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

14 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

15 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)

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

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

18 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

19 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

20 III Otworzyć app/manifests/androidmanifest.xml

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

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

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

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

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

26 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

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

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

29 III Dodajemy ograniczenia dla TextView

30 III Dodajemy ograniczenia dla TextView

31 III Dodajemy ograniczenia dla TextView

32 III Dodajemy ograniczenia dla TextView Dla ImageView

33 III Dodajemy ograniczenia dla TextView Dla ImageView

34 III Dodajemy ograniczenia dla TextView Dla ImageView

35 I dla przycisków III

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

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

38 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

39 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

40 IV Utworzyć nowy projekt typu Empty Activity

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

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

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

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

45 IV W klasie widoku musimy dodać import na projekt

46 IV W klasie widoku musimy dodać import na projekt

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

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

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

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

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

52 V Tworzymy nowy projekt typu Empty Activity

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

54 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

55 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

56 V W atrybucie onclick przycisku wpisujemy mybuttonclick

57 V W atrybucie onclick przycisku wpisujemy mybuttonclick

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

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

60 Do klasy dodajemy pole V

61 Do klasy dodajemy pole V

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

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

64 V W MainActivity dodajemy metodę:

65 V W MainActivity dodajemy metodę:

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

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

68 V W SecondActivity dodajemy metodę:

69 V W SecondActivity dodajemy metodę:

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

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

72 Uruchamiamy V

73 V Uruchamiamy Do MainActivity dodajemy metodę:

74 V Uruchamiamy Do MainActivity dodajemy metodę:

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

76 VI Utworzyć nowy projekt typu EmptyActivity o nazwie Dotyk

77 VI Utworzyć nowy projekt typu EmptyActivity o nazwie Dotyk W aktywności umieścić dwie kontrolki TextView nad sobą, jako textview1 i textview2

78 VI Utworzyć nowy projekt typu EmptyActivity o nazwie Dotyk W aktywności umieścić dwie kontrolki TextView nad sobą, jako textview1 i textview2

79 VI Zmienić id ConstraintLayout na mylayout

80 VI Zmienić id ConstraintLayout na mylayout Dodać następujące importy

81 VI Zmienić id ConstraintLayout na mylayout Dodać następujące importy

82 VI Na koniec metody oncreate dodać następujący kod:

83 VI Na koniec metody oncreate dodać następujący kod:

84 VI Dodać metodę do klasy:

85 VI Dodać metodę do klasy:

86 VII Tworzymy nowy projekt typu Empty Activity

87 VII Tworzymy nowy projekt typu Empty Activity Zmienić id Text View na statustext

88 VII Tworzymy nowy projekt typu Empty Activity Zmienić id Text View na statustext Dodać importy

89 VII Tworzymy nowy projekt typu Empty Activity Zmienić id Text View na statustext Dodać importy

90 VII Klasa oprócz dziedziczenie musi implementować interfejsy (będzie odpowiedzialna za obsługę gestów)

91 VII Klasa oprócz dziedziczenie musi implementować interfejsy (będzie odpowiedzialna za obsługę gestów)

92 VII Klasa oprócz dziedziczenie musi implementować interfejsy (będzie odpowiedzialna za obsługę gestów) Dodajemy do klasy pole

93 VII Klasa oprócz dziedziczenie musi implementować interfejsy (będzie odpowiedzialna za obsługę gestów) Dodajemy do klasy pole

94 VII W oncreate dopisujemy

95 VII W oncreate dopisujemy

96 VII W oncreate dopisujemy Przeciążamy metodę ontouchevent

97 VII W oncreate dopisujemy Przeciążamy metodę ontouchevent

98 VII Dodajemy metody obsługi gestów

99 VII Dodajemy metody obsługi gestów

100 VII