1
00:00:02,376 --> 00:00:12,115
♩♫♪♬

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

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

4
00:00:27,024 --> 00:00:29,558
Οκ, είναι λίγο παιδικό, αλλά διασκεδαστικό.

5
00:00:29,648 --> 00:00:33,803
Ώρα για το επόμενο βήμα, μετά την πρώτη εικόνα.

6
00:00:33,913 --> 00:00:40,180
Θα είναι θαυμάσια εφαρμογή. Θα ζωγραφίσουμε με το δάχτυλο ως πένα.

7
00:00:40,443 --> 00:00:42,092
Θα το ονομάσουμε Digital Doogle

8
00:00:42,162 --> 00:00:49,105
Πίσω στη σχεδίαση. Το πιάσατε; Πάμε λοιπόν

9
00:00:49,186 --> 00:00:52,485
Συνδεθείτε στο App Inventor

10
00:00:52,566 --> 00:00:56,906
Δημιουργήστε νέο έργο, το DigitalDoodle

11
00:00:56,990 --> 00:01:00,940
Εισάγετε ένα χειριστήριο canvas για αρχή

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

13
00:01:06,723 --> 00:01:11,545
Στα properties της οθόνης sreen1, θέτουμε το Scrollable μη ενεργό (unchecked)

14
00:01:11,638 --> 00:01:16,580
Εισάγουμε χειριστήριο Canvas από το Drawing and Animation

15
00:01:16,681 --> 00:01:23,585
Στις ιδιότητες θέτουμε το height και το width σε Fill parent

16
00:01:23,706 --> 00:01:25,517
Αυτό ανοίγει την έκταση του χειριστηρίου

17
00:01:25,680 --> 00:01:34,143
Αν και δεν θα χρειαστεί άμεσα εισάγετε στην εφαρμογή και ένα χειριστήριο accelerometer από το Sensors

18
00:01:34,602 --> 00:01:36,738
Ας προγραμματίσουμε

19
00:01:37,073 --> 00:01:42,576
Η ανίχνευση του γεγονότος (event) όπου σύρετε το δάχτυλο στην οθόνη είναι εύκολη

20
00:01:42,668 --> 00:01:49,253
Επιλέγουμε τα πλακίδια του canvas. Μπορείτε να εντοπίσετε ποιο μας χρειάζετε;

21
00:01:50,190 --> 00:01:53,686
Ωραία, χρειαζόμαστε το Canvas1.Dragged

22
00:01:53,770 --> 00:01:59,678
Το πλαδίκιο περιέχει μια σειρά από παραμέτρους. Αλλά είναι εύκολο να τις κατανοήσετε

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

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

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

26
00:02:17,596 --> 00:02:20,913
Αυτό θα μοιάζει σα να σχεδιάζουμε στην οθόνη

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

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

29
00:02:37,870 --> 00:02:44,185
Το γεγονός WhenDragged θα καλέσει την διαδικασία DrawLine ξανά και ξανά όσο το δάχτυλο κινείται στην οθόνη

30
00:02:44,294 --> 00:02:47,792
Απλά πρέπει να δώσουμε τις συντεταγμένες Χ, Υ

31
00:02:47,850 --> 00:02:51,449
Χρησιμοποιήστε τις παραμέτρους PreviousX και PreviousY

32
00:02:52,757 --> 00:02:55,121
Επίσης, τις παραμέτρους CurrentX και CurrentY

33
00:02:57,576 --> 00:02:58,836
Δοκιμάστε την εφαρμογή

34
00:02:59,774 --> 00:03:01,179
Πρέπει να σχεδιάζετε γραμμή στην οθόνη

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

36
00:03:08,883 --> 00:03:10,363
Ναι

37
00:03:10,471 --> 00:03:13,322
Θυμηθείτε ότι έχει εισαχθεί accelator sensor στην αρχή

38
00:03:13,322 --> 00:03:16,322
Ναι, τώρα θα τον προγραμματίσουμε

39
00:03:16,322 --> 00:03:18,484
Στα χειριστήρια του accelator Sensot επιλέγουμε το γεγονός When Shaking

40
00:03:18,573 --> 00:03:22,811
Αυτό το γεγονός θα οδηγεί σε καθάρισμα της οθόνης

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

42
00:03:26,245 --> 00:03:34,660
Ας δοκιμάσουμε πάλι την εφαρμογή

43
00:03:35,670 --> 00:03:37,021
Δουλεύει;

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

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

46
00:03:45,656 --> 00:03:55,059
Θα μπορούσατε να δημιουργήσετε κουμπιά για την επιλογή διαφορετικών χρωμάτων για τις γραμμές

47
00:03:55,172 --> 00:03:59,149
Όλες αυτές οι επεκτάσεις επεξηγούνται στο PaintPot tutorial

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

49
00:04:03,880 --> 00:04:10,817
Μπορείτε ακόμη και να πραγματοποιήσετε κλήσεις ή να λάβετε μηνύματα κειμένου

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

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

52
00:04:18,652 --> 00:04:24,490
Καλή συνέχεια

53
00:04:24,603 --> 00:04:26,305
♩♫♪♬