#2 App Inventor project ClickImage

#2 App Inventor

by ΖΗΣΗΣ ΚΑΡΑΣΙΜΟΣ

-Δημιουργήσετε μια νέα εφαρμογή (project) με όνομα ClickImage. ΠΡΟΣΟΧΗ! Ρυθμίστε το Screen1 σε Center.

-Κατεβάσετε από το Internet στον φάκελό σας 3 εικόνες του ίδιου θέματος, ό,τι θέλετε, π.χ. αθλητισμός, μουσική, ταξίδια, επιστήμες κλπ. ΠΡΟΣΟΧΗ! οι εικόνες να είναι τύπου jpg, png

​-Ονομάστε τις εικόνες image1, image2, image3 και ανεβάστε τις (Upload) στην εφαρμογή ClickImage

​​-Στο Design δημιουργήσετε ένα Button, ButtonImage (150X150 pixels) με μια εικόνα πάνω του

-Η εικόνα στο ButtonImage θέλουμε να αλλάζει κάθε φορά που πατιέται το button. Η σειρά με την οποία θα εμφανίζονται οι εικόνες όταν πατιέται είναι: image1, μετά image2, μετά image3, μετά image1, μετά image2, μετά image3 κοκ. Με βάση τα παρακάτω blocks, σχεδιάστε την τελική μορφή του κώδικα:

​-Δοκιμάστε την εφαρμογή σας αν δουλεύει:

1. Τρέξτε το Ai2 Starter από την Επιφάνεια εργασίας

​2. Μενού Connect > Emulator

-Αν την κάνατε να δουλέψει, πηγαίνετε στο Design ΧΩΡΙΣ ΝΑ ΚΛΕΙΣΕΤΕ τον Emulator

-Βάλτε πάνω από το ButtonImage ένα Label, με όνομα TopLabel:

Font Bold | 20 | 50 X Fill parent | με χρωματιστό σχετικό κείμενο

-Βάλτε κάτω από το ButtonImage ένα HoizontalArrangement, με όνομα AboutImageArea:

Center | Fill parent X Fill parent

​-Βάλτε μέσα στο AboutImageArea ένα TextBox, με όνομα AboutImageText:

Fill parent X Fill parent

​

​-Πηγαίνετε στα Blocks και συμπληρώστε τα παρακάτω blocks κατάλληλα (τα κείμενα δικά σας)

​-Δοκιμάστε την εφαρμογή αν δουλεύει!