Πώς να δημιουργήσετε τη δική σας εφαρμογή Soundboard με το Android App Inventor

Sep 2, 2025
Cloud και Διαδίκτυο
ΑΠΕΛΕΥΘΕΡΩΣΗ ΠΕΡΙΕΧΟΜΕΝΟΥ

Σήμερα θα σας δείξουμε πώς να χρησιμοποιήσετε το εργαλείο Android App Inventor για να δημιουργήσετε τη δική σας εφαρμογή Android, χωρίς να χρειάζεται να γράψετε πολύ περίπλοκο κώδικα. Είναι μια πολύ απλή διαδικασία που απαιτεί μόνο μεταφορά και απόθεση.

Οι Soundboard είναι από τις απλούστερες εφαρμογές που μπορείτε να δημιουργήσετε χρησιμοποιώντας το App Inventor, οπότε σήμερα θα σας δείξουμε πώς να ξεκινήσετε να δημιουργείτε τη δική σας εφαρμογή.

Αυτό το άρθρο επισκεπτών γράφτηκε από τον Mitch Bartlett από Τεχνικές σελίδες , όπου καλύπτει πολλές σε βάθος συμβουλές για smartphone.

Εγκατάσταση και χρήση του App Inventor για τη δημιουργία μιας εφαρμογής

Αρχικά, θα πρέπει να βεβαιωθείτε ότι έχετε εγκαταστήσει Java 1.6 ή μεταγενέστερη. Μπορείτε να το κατεβάσετε στο http://www.java.com . Μόλις τελειώσετε με αυτό, εγκαταστήστε το App Inventor χρησιμοποιώντας τις οδηγίες για το λειτουργικό σας σύστημα.

  • Mac OS X
  • GNU / Linux
  • Παράθυρα

Επισκεφτείτε την ενότητα Τα έργα μου στον ιστότοπο του App Inventor. Συνδεθείτε και αποδεχτείτε τους όρους παροχής υπηρεσιών εάν σας ζητηθεί. Επιλέξτε το κουμπί Νέο για να ξεκινήσετε μια νέα εφαρμογή.

Δώστε στην εφαρμογή σας ένα μοναδικό όνομα και, στη συνέχεια, κάντε κλικ στο OK.

Θα εμφανιστεί το πρόγραμμα προβολής App Inventor. Αυτή η οθόνη δείχνει πώς θα μοιάζει η εφαρμογή σας κατά τη δημιουργία της. Πρώτα θα θέλουμε να δημιουργήσουμε έναν τίτλο για αυτήν την οθόνη. Στο παράθυρο Components, θα πρέπει να επιλεγεί το Screen1. Στην ενότητα Ιδιότητες, μπορούμε να αλλάξουμε το πεδίο Τίτλος στο όνομα της εφαρμογής μας.

Τώρα μπορούμε να αρχίσουμε να τακτοποιούμε αντικείμενα στην οθόνη. Θα κάνουμε στήλες και σειρές για τα κουμπιά του ηχοσυστήματος. Μπορούμε να το κάνουμε επιλέγοντας Screen Arrangement στην Παλέτα και σύροντας το στοιχείο TableArrangement στο Viewer.

Ορίστε το Properties για το στοιχείο TableArrangement1 στο παράθυρο Properties. Εδώ, θα το αλλάξουμε σε 3 στήλες και 3 σειρές.

Θα χρειαστούμε ένα στοιχείο για να παίξουμε τους ήχους μας. Επιλέξτε Πολυμέσα στην παλέτα και σύρετε το στοιχείο αναπαραγωγής στο πρόγραμμα προβολής. Θα εμφανιστεί ως Player1 στην ενότητα Μη ορατά στοιχεία.

Ας προσθέσουμε μερικούς ήχους στο έργο μας. Το App Inventor θα υποστηρίζει αρχεία MP3 ή WAV που έχουν μέγεθος μικρότερο από 3MB. Τα προσθέτουμε στο έργο μας επιλέγοντας το στοιχείο Player1 και μετά επιλέγοντας το πεδίο Source. Κάντε κλικ στο κουμπί Προσθήκη… και επιλέξτε Αναζήτηση… για να ανεβάσετε αρχεία ήχου από τον υπολογιστή σας. Επαναλάβετε αυτά τα βήματα για να προσθέσετε πολλούς ήχους.

Προσθέστε ένα κουμπί για κάθε ήχο επιλέγοντας τη Βασική παλέτα και σύροντάς τα στο πλαίσιο TableArrangement1 στο Viewer. Θα μπορείτε να τοποθετήσετε κάθε κουμπί σε μια συγκεκριμένη σειρά και στήλη.

Επιλέξτε κάθε κουμπί στην περιοχή Components και αλλάξτε τα πεδία Text για να αναπαραστήσετε τους ήχους που θα παίξουν.

Τελειώσαμε με την οθόνη Viewer. Αυτή είναι η εφαρμογή μας αυτήν τη στιγμή.

Ήρθε η ώρα να ελέγξετε τη συμπεριφορά των αντικειμένων στην οθόνη. Κάντε κλικ στο Άνοιγμα του προγράμματος επεξεργασίας μπλοκ για να ξεκινήσετε. Επιλέξτε να ανοίξετε το αρχείο ή να παραχωρήσετε πρόσβαση εάν σας ζητηθεί.

Κάντε κλικ στην καρτέλα Τα μπλοκ μου. Επιλέξτε Button1 και σύρετε το πλαίσιο “Button1.Click” πάνω στη δεξιά πλευρά της οθόνης. Κάντε αυτό για κάθε κουμπί που έχετε προσθέσει στην εφαρμογή σας (Button2, Button3 κ.λπ.)

Επιλέξτε Player1 στην καρτέλα My Blocks και σύρετε το μπλοκ "Player1.Source" στο μπλοκ "Button1.Click". Το μπλοκ πρέπει να συνδεθεί στη θέση του. Προσθέστε επίσης ένα μπλοκ "Player1.Source" σε κάθε ένα από τα άλλα μπλοκ κλικ κουμπιού (Button2.Click, Button3.Click κλπ.)

Κάντε κλικ στην ενσωματωμένη καρτέλα και επιλέξτε Κείμενο. Σύρετε ένα μπλοκ "κειμένου" προς τα δεξιά και συνδέστε το στο μπλοκ "Player1.Source".

Το πλαίσιο "κείμενο" θα ελέγξει ποιος ήχος αναπαράγεται. Κάντε κλικ στο κείμενο στο μπλοκ και αλλάξτε το για να ταιριάζει με το όνομα του αρχείου ήχου για το Button1. Στο παράδειγμά μας, το κουμπί 1 είναι "Punch", οπότε ορίζουμε το κείμενο σε Punch.mp3.

Σύρετε ένα πλαίσιο "κειμένου" σε κάθε μπλοκ "Player1.Source" και αλλάξτε κάθε ένα για να ταιριάζει με το όνομα του ήχου για κάθε κουμπί.

Τώρα που οι ήχοι έχουν ρυθμιστεί για κάθε κουμπί, πρέπει απλώς να πούμε στην εφαρμογή μας να παίζει τον ήχο όποτε κάνουμε κλικ στο κουμπί. Για να το κάνετε αυτό, κάντε κλικ στην καρτέλα My Blocks και επιλέξτε Player1. Σύρετε το μπλοκ "Player1.Start" στο "Button1.Click". Επαναλάβετε αυτά τα βήματα για καθένα από τα κουμπιά κλικ στο μπλοκ συμβάντων.

Τελείωσες! Έχετε δημιουργήσει μια πλήρως λειτουργούσα εφαρμογή ηχείου. Δείτε την εφαρμογή σε δράση κάνοντας ένα από τα εξής:

  • Δοκιμάστε την εφαρμογή στη συσκευή σας Android ενεργοποιώντας τον εντοπισμό σφαλμάτων USB στη συσκευή στην περιοχή Ρυθμίσεις> Εφαρμογές> Ανάπτυξη και συνδέοντάς τον στον υπολογιστή σας. Στη συνέχεια, μπορείτε να κάνετε κλικ στο κουμπί Σύνδεση σε συσκευή… στο πρόγραμμα επεξεργασίας μπλοκ για να εμφανιστεί η εφαρμογή στη συσκευή.
  • Εγκαταστήστε το Android SDK και κάντε κλικ στο κουμπί Νέο εξομοιωτή για να το προβάλετε στον υπολογιστή σας σε μια οθόνη εξομοιωτή.
  • Κάντε κλικ στην επιλογή Πακέτο για τηλέφωνο στην οθόνη App Inventor. Στη συνέχεια, μπορείτε να εμφανίσετε γραμμωτό κώδικα, να κατεβάσετε την εφαρμογή στον υπολογιστή ως αρχείο APK ή να πραγματοποιήσετε λήψη σε συνδεδεμένο τηλέφωνο.

Απολαύστε την προσαρμοσμένη εφαρμογή ήχου στη συσκευή σας Android.

Υπάρχουν πολλές εφαρμογές που μπορείτε να δημιουργήσετε με αυτό το εργαλείο - τι πρόκειται να κάνετε;

περιεχόμενο .entry-υποσέλιδο

App Inventor Tutorial: How-To Build Soundboard Android App

How To Build Soundboard App

App Inventor Soundboard

MIT App Inventor Soundboard App

MIT App Inventor Soundboard 2.0

How To Create An Android App With The MIT App Inventor

Play Audio In An Android App Using App Inventor

Adding Sounds To An App Inventor App

Learn To Build Android Apps With MIT App Inventor 2 EP#2 (Buttons & Sound's)

Unit 2.7 Soundboard App

MIT App Inventor Game Tutorial | Spooky Sounds App | How To Make A Soundboard App

MIT App Inventor: Creativity Project (Original Soundboard):

Text To Speech App Inventor App Tutorial

How To Make Piano App In Mit App Inventor

App Inventor: How To Add Sound Effects

First App Inventor App: Sound Board Tutorial

MIT App Inventor # Animal Sound App Using MIT App Inventor

How To Make Educational Animals Sounds App In Mit App Inventor

How To Add A Sound File In App Inventor Project | MIT App Inventor

MIT App Inventor Tutorial (sound Record, Save, Button)


Cloud και Διαδίκτυο - Τα πιο δημοφιλή άρθρα

Τι είναι οι αλγόριθμοι και γιατί κάνουν τους ανθρώπους να νιώθουν άβολα;

Cloud και Διαδίκτυο Apr 25, 2025

ΑΠΕΛΕΥΘΕΡΩΣΗ ΠΕΡΙΕΧΟΜΕΝΟΥ Στούντιο Αφρικής Ο «αλγόριθμος» είναι μια λέξη που..


Πώς να εκτελέσετε την ίδια εφαρμογή σε πολλά Windows στο Android Nougat

Cloud και Διαδίκτυο Jan 23, 2025

ΑΠΕΛΕΥΘΕΡΩΣΗ ΠΕΡΙΕΧΟΜΕΝΟΥ Με το Android Nougat, η Google κυκλοφόρησε μια συχνά ζητούμενη δυνατότητα: τη δυν..


Οι καλύτερες φθηνότερες εναλλακτικές λύσεις στο Photoshop

Cloud και Διαδίκτυο Nov 27, 2024

ΑΠΕΛΕΥΘΕΡΩΣΗ ΠΕΡΙΕΧΟΜΕΝΟΥ Το Adobe Photoshop είναι ο επαγγελματίας επεξεργαστής εικόνων. Το όνο..


Τι είναι το 4G LTE;

Cloud και Διαδίκτυο Oct 7, 2025

ΑΠΕΛΕΥΘΕΡΩΣΗ ΠΕΡΙΕΧΟΜΕΝΟΥ Το έχετε ακούσει σε διαφημίσεις, το έχετε δει επικολλημένο σε διαφημισ..


Πώς να συγχρονίσετε τους σελιδοδείκτες σας Chrome, Firefox και Internet Explorer με το Safari

Cloud και Διαδίκτυο Nov 19, 2024

ΑΠΕΛΕΥΘΕΡΩΣΗ ΠΕΡΙΕΧΟΜΕΝΟΥ Εάν χρησιμοποιείτε τακτικά Mac και Windows, τότε οι πιθανότητες είναι πολύ �..


Πώς να δημιουργήσετε προσαρμοσμένους φακέλους έξυπνων σελιδοδεικτών στο Firefox

Cloud και Διαδίκτυο Apr 22, 2025

Αναρωτηθήκατε ποτέ πώς λειτουργεί ο φάκελος σελιδοδεικτών "Οι περισσότερες επισκέψεις" που περιλα..


Προβολή πηγαίου κώδικα ιστοσελίδας σε καρτέλες στον Firefox

Cloud και Διαδίκτυο Oct 23, 2025

ΑΠΕΛΕΥΘΕΡΩΣΗ ΠΕΡΙΕΧΟΜΕΝΟΥ Έχετε ενοχληθεί με την ανάγκη προβολής πηγαίου κώδικα ιστοσελίδας σε εξωτε�..


Πόσες φορές έχει επισημανθεί ένα άρθρο στο del.icio.us;

Cloud και Διαδίκτυο Sep 19, 2025

Όποιος διαχειρίζεται έναν ιστότοπο πιθανότατα θα έχει αναρωτηθεί σε κάποιο σημείο πόσες φορές τα άρθρα ..


Κατηγορίες