0:00:02.376,0:00:12.115
♩♫♪♬

0:00:12.363,0:00:17.482
Γεια σας, Είμαστε η Shay και η Emily με ένα ακόμη βίντεο για το App Inventor - Ώρα του Κώδικα

0:00:17.625,0:00:20.779
- Γεια Emily, σε προκαλώ σε γρήγορη ζωγραφική.[br]- Φύγαμε!

0:00:27.024,0:00:29.558
Οκ, είναι λίγο παιδικό, αλλά διασκεδαστικό.

0:00:29.648,0:00:33.803
Ώρα για το επόμενο βήμα, μετά την πρώτη εικόνα.

0:00:33.913,0:00:40.180
Θα είναι θαυμάσια εφαρμογή. Θα ζωγραφίσουμε με το δάχτυλο ως πένα.

0:00:40.443,0:00:42.092
Θα το ονομάσουμε Digital Doogle

0:00:42.162,0:00:49.105
Πίσω στη σχεδίαση. Το πιάσατε; Πάμε λοιπόν

0:00:49.186,0:00:52.485
Συνδεθείτε στο App Inventor

0:00:52.566,0:00:56.906
Δημιουργήστε νέο έργο, το DigitalDoodle

0:00:56.990,0:01:00.940
Εισάγετε ένα χειριστήριο canvas για αρχή

0:01:01.011,0:01:06.038
Πριν από αυτό, πρέπει να αποτρέψουμε την περιστροφή της εφαρμογής; Θυμάστε πως;

0:01:06.723,0:01:11.545
Στα properties της οθόνης sreen1, θέτουμε το Scrollable μη ενεργό (unchecked)

0:01:11.638,0:01:16.580
Εισάγουμε χειριστήριο Canvas από το Drawing and Animation

0:01:16.681,0:01:23.585
Στις ιδιότητες θέτουμε το height και το width σε Fill parent

0:01:23.706,0:01:25.517
Αυτό ανοίγει την έκταση του χειριστηρίου

0:01:25.680,0:01:34.143
Αν και δεν θα χρειαστεί άμεσα εισάγετε στην εφαρμογή και ένα χειριστήριο accelerometer από το Sensors

0:01:34.602,0:01:36.738
Ας προγραμματίσουμε

0:01:37.073,0:01:42.576
Η ανίχνευση του γεγονότος (event) όπου σύρετε το δάχτυλο στην οθόνη είναι εύκολη

0:01:42.668,0:01:49.253
Επιλέγουμε τα πλακίδια του canvas. Μπορείτε να εντοπίσετε ποιο μας χρειάζετε;

0:01:50.190,0:01:53.686
Ωραία, χρειαζόμαστε το Canvas1.Dragged

0:01:53.770,0:01:59.678
Το πλαδίκιο περιέχει μια σειρά από παραμέτρους. Αλλά είναι εύκολο να τις κατανοήσετε

0:01:59.735,0:02:05.207
Και μπορείς να δει τη βοήθεια, αν αφήσεις το ποντίκι στο σημείο για μερικά δευτερόλεπτα

0:02:05.863,0:02:11.808
Τέλεια, θέλουμε να σχεδιάσουμε μια γραμμή, από το σημείο που ξεκίνησε το δάχτυλο, μέχρι εκεί που τώρα

0:02:11.912,0:02:17.510
Τελικά, θα σχεδιαστούν στην οθόνη (canvas) πολλές μικροσκοπικές γραμμές, μεταξύ των σημείων που σύρθηκε το ποντίκι.

0:02:17.596,0:02:20.913
Αυτό θα μοιάζει σα να σχεδιάζουμε στην οθόνη

0:02:20.980,0:02:30.915
Πρώτα, πρέπει να οριστεί το πλακίδιο που θα σχεδιάζει τη γραμμή. Στο canvas1, επιλέξτε το canvas1.drawline

0:02:33.224,0:02:37.774
Πρέπει να οριστούν οι συντεταγμένες Χ, Υ για την αρχή και το τέλος της γραμμής

0:02:37.870,0:02:44.185
Το γεγονός WhenDragged θα καλέσει την διαδικασία DrawLine ξανά και ξανά όσο το δάχτυλο κινείται στην οθόνη

0:02:44.294,0:02:47.792
Απλά πρέπει να δώσουμε τις συντεταγμένες Χ, Υ

0:02:47.850,0:02:51.449
Χρησιμοποιήστε τις παραμέτρους PreviousX και PreviousY

0:02:52.757,0:02:55.121
Επίσης, τις παραμέτρους CurrentX και CurrentY

0:02:57.576,0:02:58.836
Δοκιμάστε την εφαρμογή

0:02:59.774,0:03:01.179
Πρέπει να σχεδιάζετε γραμμή στην οθόνη

0:03:03.397,0:03:08.820
Αυτή η εφαρμογή είναι τέλεια, αλλά θα ήταν όμορφο, αν η οθόνη καθάριζε με την κίνησή της (αντί το πάτημα κουμπιού)

0:03:08.883,0:03:10.363
Ναι

0:03:10.471,0:03:13.322
Θυμηθείτε ότι έχει εισαχθεί accelator sensor στην αρχή

0:03:13.322,0:03:16.322
Ναι, τώρα θα τον προγραμματίσουμε

0:03:16.322,0:03:18.484
Στα χειριστήρια του accelator Sensot επιλέγουμε το γεγονός When Shaking

0:03:18.573,0:03:22.811
Αυτό το γεγονός θα οδηγεί σε καθάρισμα της οθόνης

0:03:22.871,0:03:26.145
Στην παλέτα του canvas, επιλέγουμε canvas1.Clear. Το εισάγουμε στο προηγούμενο πλακίδιο

0:03:26.245,0:03:34.660
Ας δοκιμάσουμε πάλι την εφαρμογή

0:03:35.670,0:03:37.021
Δουλεύει;

0:03:37.148,0:03:39.377
Τέλεια, οπότε δημιουργήσαμε μια απλή εφαρμογή που μπορει να επεκταθεί με πολλούς τρόπους

0:03:39.457,0:03:45.584
Στην αρχή του βίντεο, λάβαμε φωτογραφία με το κινητό και μετά σχεδιάσαμε πάνω της

0:03:45.656,0:03:55.059
Θα μπορούσατε να δημιουργήσετε κουμπιά για την επιλογή διαφορετικών χρωμάτων για τις γραμμές

0:03:55.172,0:03:59.149
Όλες αυτές οι επεκτάσεις επεξηγούνται στο PaintPot tutorial

0:03:59.216,0:04:03.777
Όπως αντιλαμβάνεστε οι δυνατότητες του App Inventor είναι ανεξάντλητες. Αξιοποιεί όλες τις δυνατότητες του τηλεφώνου σας

0:04:03.880,0:04:10.817
Μπορείτε ακόμη και να πραγματοποιήσετε κλήσεις ή να λάβετε μηνύματα κειμένου

0:04:10.888,0:04:15.349
Μπορείτε ακόμη και χρησιμοποιώντας ταμπλέτα (με wifi) να κάνετε θαυμαστά πράγματα

0:04:15.436,0:04:18.555
Ευχαριστούμε πολύ που παρακολουθήσατε το βίντεο. Δείτε περισσότερο στην ιστοσελίδα του App Inventor

0:04:18.652,0:04:24.490
Καλή συνέχεια

0:04:24.603,0:04:26.305
♩♫♪♬