το ιστολόγιο ενός Κύριου των Υπολογιστών ;-)

Άδεια χρήσης περιεχομένου

Creative Commons Licence
Το περιεχόμενο του ιστολογίου παρέχεται με άδεια χρήσης Creative Commons Attribution-ShareAlike 4.0 International License.

Παρασκευή 4 Νοεμβρίου 2022

10 - AppInventor: Ζωγραφική με τα δάχτυλα


Εφαρμογή "Ζωγραφική με τα δάχτυλα"

Στο σημερινό μάθημα θα κατασκευάσουμε μια εφαρμογή ζωγραφικής με τα δάχτυλα, η οποία θα επιτρέπει να ζωγραφίζουμε ακόμα και πάνω σε φωτογραφίες που τραβάμε με την κάμερα της συσκευής, ενώ θα μπορούμε και να αποθηκεύσουμε τις δημιουργίες μας.
Το περιβάλλον της εφαρμογής μας θα μοιάζει κάπως έτσι...

Το περιβάλλον της εφαρμογής "Ζωγραφική με τα δάχτυλα"
Βασικές έννοιες
  • Υποπρόγραμμα – διαδικασία (procedure).
  • Λήψη φωτογραφιών με την κάμερα της συσκευής.
  • Σχεδίαση κύκλων και γραμμών σε καμβά.
  • Αποθήκευση σχεδίου στη συσκευή.
Η πρώτη έκδοση της εφαρμογής είναι έτοιμη μετά την ολοκλήρωση του βήματα 4. Καθένα από τα επόμενα βήματα προσθέτει και ένα επιπλέον χαρακτηριστικό στην εφαρμογή, οπότε προτείνω να ελέγχετε την λειτουργία της εφαρμογής μετά την ολοκλήρωση του κάθε βήματος.

Βήμα 1: Δημιουργία project και ρυθμίσεις κεντρικής οθόνης

Ξεκινώντας, δημιουργούμε ένα καινούργιο project με όνομα FingerPainting.
Αρχικά, το μοναδικό διαθέσιμο συστατικό της εφαρμογής είναι η οθόνη (Screen) και θα χρειαστεί να μεταβάλλουμε κάποιες από τις ιδιότητές της.

Βήμα 2: Μεταφόρτωση αρχείων πολυμέσων

Τα αρχεία που προσθέσουμε στο project μας είναι τα αρχεία εικόνας που θα χρησιμοποιεί η εφαρμογή μας και μπορείτε να τα βρείτε στον κοινόχρηστο φάκελο του εργαστηρίου μας.

Βήμα 3: Σχέδια επάνω στον καμβά

Στο βήμα αυτό θα δημιουργήσουμε σχέδια επάνω στον καμβά της εφαρμογής

Βήμα 4: Καθαρισμός του καμβά

Στο βήμα αυτό θα καθαρίσουμε τον καμβά από τυχών σχέδια

Βήμα 5: Μια μικρή παλέτα με χρώματα

Στο βήμα αυτό θα εισάγουμε την παλέτα των χρωμάτων

Βήμα 6: Αλλάζοντας το πάχος της γραμμής

Στο βήμα αυτό θα εισάγουμε τα κατάλληλα χειριστήρια καθώς και τις απαραίτητες εντολές για την αλλαγή του πάχους της γραμμής σχεδίασης

Βήμα 7: Σχέδια πάνω στις φωτογραφίες

Εντολές για την σχεδίαση πάνω στις φωτογραφίες που έχουμε τραβήξει

Βήμα 8: Καθαρισμός του καμβά (συνέχεια)

Καθαρισμός της φωτογραφίας που εισάγαμε στην εφαρμογή μας

Βήμα 9: Αποθήκευση των σχεδίων μας

Αποθήκευση του σχεδίου και της φωτογραφίας μας
Συνεχίστε την εφαρμογή ακολουθώντας προσεκτικά της αναλυτικές οδηγίες που θα βρείτε ΕΔΩ
Οι εικόνες της εφαρμογής είναι διαθέσιμες ΕΔΩ