WEBVTT

00:00:02.376 --> 00:00:12.115
♩♫♪♬

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

00:01:34.602 --> 00:01:36.738
Ας προγραμματίσουμε

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

00:03:08.883 --> 00:03:10.363
Ναι

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

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

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

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

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

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

00:03:35.670 --> 00:03:37.021
Δουλεύει;

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

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

NOTE Paragraph

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

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

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

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

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

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

00:04:18.652 --> 00:04:24.490
Καλή συνέχεια

00:04:24.603 --> 00:04:26.305
♩♫♪♬