Zmiany
/* Projektowanie interfejsu */
Chcemy, by u góry ekranu obok siebie znalazło się miejsce na wpisanie produktu i przycisk zatwierdzający dodanie go do listy zakupów. Na ułożenie dwóch komponentów obok siebie pozwoli nam '''HorizontalArrangement''', który przeciągniemy na ekran z zakładki '''Layout'''. Przejdźmy do jego właściwości i zmieńmy szerokość ('''Width''') na dopasowaną do komponentu nadrzędnego (Fill parent).
Teraz wewnątrz tego komponentu ułóżmy obok siebie '''TextBox ''' i '''Button ''' i zmieńmy właściwości każdego z nich:
* TextBox: '''width''': fill parent, '''hint''': co chcesz kupić?
* Button: '''text''': Dodaj do listy
Pozostał nam jeszcze jeden komponent: '''ListView''', który upuszczamy poniżej już ułożonych. Gotowy interfejs projektu wygląda następująco: [[Plik:Lz2.PNG]] ===== Zaprogramowanie aplikacji: ===== Czas przejść do zakładki Blocks. Programowanie naszej aplikacji zaczniemy od przypisania funkcji komponentowi Button1, który odpowiada za dodanie wpisanego w TextBox produktu na listę zakupów. Na początku stwórzmy listę “zakupy”, w której przechowywane będą wszystkie dodawaneprzez nas elementy. W tym celu z zakładki Variables wyciągamy pierwszy blok i ustalamy, że lista ma być początkowo pusta.Po dotknięciu przycisku Button1:* tekst wpisany w TextBox1 ma zapisać się jako element (item) listy “zakupy” (1)* mają zostać wyświetlone (ListView1) wszystkie elementy listy “zakupy” (2)* tekst wpisany w TextBox1 powinien się wykasować (3) Skrypt dla Buttonu 1 przedstawia się tak: [[Plik:Lz3.PNG]] Na tym etapie pracy wpisane przez nas produkty pojawiają się na liście zakupowej. Teraz zaprogramujemy usuwanie ich z listy, kiedy tapniemy na dany element palcem. Po wybraniu i dotknięciu danego elementu z listy:* wybrany indeks z ListView1 zostanie usunięty z listy zmiennych globalnych “zakupy” (1)* wyświetlane elementy (ListView1) listy “zakupy” zaktualizują się (2) [[Plik:Lz4.PNG]] Kompletny kod: [[Plik:Lz5.PNG]]
[[Plik:Freepik.jpeg]]
