โฮมเพจ » ทำอย่างไร » วิธีการสร้างแอป Soundboard ของคุณเองด้วย Android App Inventor

    วิธีการสร้างแอป Soundboard ของคุณเองด้วย Android App Inventor

    วันนี้เราจะแสดงวิธีการใช้เครื่องมือ Android App Inventor เพื่อสร้างแอพ Android ของคุณเองโดยไม่ต้องเขียนโค้ดที่ซับซ้อนมากมาย มันเป็นกระบวนการง่ายๆที่ต้องใช้การลากและวาง.

    กระดานเสียงเป็นหนึ่งในแอพที่ง่ายที่สุดในการสร้างโดยใช้ App Inventor ดังนั้นวันนี้เราจะแสดงวิธีเริ่มต้นสร้างแอปของคุณเอง.

    บทความจากแขกรับเชิญนี้เขียนโดย Mitch Bartlett จาก Technipages ซึ่งเขาครอบคลุมเคล็ดลับสมาร์ทโฟนในเชิงลึกมากมาย.

    การติดตั้งและใช้งาน App Inventor เพื่อสร้างแอพ

    ก่อนอื่นคุณต้องตรวจสอบให้แน่ใจว่าคุณติดตั้ง Java 1.6 หรือสูงกว่า คุณสามารถดาวน์โหลดได้ที่ http://www.java.com เมื่อเสร็จแล้วให้ติดตั้ง App Inventor โดยใช้คำแนะนำสำหรับระบบปฏิบัติการของคุณ.

    • Mac OS X
    • GNU / Linux
    • ของ windows

    เยี่ยมชมส่วน My Projects ของเว็บไซต์ App Inventor เข้าสู่ระบบและยอมรับข้อกำหนดในการให้บริการหากได้รับแจ้ง เลือกปุ่มใหม่เพื่อเริ่มแอปใหม่.

    ตั้งชื่อที่ไม่ซ้ำกันให้แอปของคุณแล้วคลิกตกลง.

    ตอนนี้เราสามารถเริ่มจัดเรียงรายการบนหน้าจอ เราจะสร้างคอลัมน์และแถวสำหรับปุ่มไวโอลินของเรา เราสามารถทำได้โดยเลือกการจัดเรียงหน้าจอบนจานสีและลากรายการ TableArrangement ไปยังวิวเวอร์.

    ตั้งค่าคุณสมบัติสำหรับส่วนประกอบ TableArrangement1 ในบานหน้าต่างคุณสมบัติ ที่นี่เราจะเปลี่ยนเป็น 3 คอลัมน์และ 3 แถว.

    เราจะต้องมีองค์ประกอบในการเล่นเสียงของเรา เลือก Media บน Palette และลากองค์ประกอบ Player ไปที่ Viewer มันจะปรากฏเป็น Player1 ในส่วนองค์ประกอบที่มองไม่เห็น.

    มาเพิ่มเสียงของโครงการของเรากัน App Inventor จะรองรับไฟล์ MP3 หรือ WAV ที่มีขนาดต่ำกว่า 3MB เราเพิ่มลงในโครงการของเราโดยเลือกส่วนประกอบ Player1 จากนั้นเลือกฟิลด์แหล่งที่มา คลิกปุ่มเพิ่ม ... และเลือกเรียกดู ... เพื่ออัปโหลดไฟล์เสียงจากพีซีของคุณ ทำซ้ำขั้นตอนเหล่านี้เพื่อเพิ่มเสียงหลายรายการ.

    เพิ่มปุ่มสำหรับแต่ละเสียงโดยเลือก Basic Palette แล้วลากไปยังกล่อง TableArrangement1 ใน Viewer คุณจะสามารถวางแต่ละปุ่มภายในแถวและคอลัมน์ที่ระบุ.

    เลือกแต่ละปุ่มในพื้นที่ส่วนประกอบและเปลี่ยนฟิลด์ข้อความเพื่อแสดงเสียงที่จะเล่น.

    เราเสร็จแล้วด้วยหน้าจอ Viewer นี่คือสิ่งที่แอพของเราดูเหมือน.

    ได้เวลาควบคุมพฤติกรรมของรายการบนหน้าจอแล้ว คลิกเปิดตัวแก้ไขบล็อกเพื่อเริ่มต้น เลือกเพื่อเปิดไฟล์หรือให้สิทธิ์การเข้าถึงหากได้รับแจ้ง.

    คลิกที่แท็บบล็อกของฉัน เลือก Button1 และลากกล่อง“ Button1.Click” ไปทางด้านขวาของหน้าจอ ทำสิ่งนี้กับทุกปุ่มที่คุณเพิ่มลงในแอพของคุณ (Button2, Button3 ฯลฯ )

    เลือก Player1 ภายใต้แท็บบล็อกของฉันและลากบล็อก“ Player1.Source” ไปยังบล็อก“ Button1.Click” บล็อกควรเชื่อมต่อเข้าที่ เพิ่มบล็อก“ Player1.Source” ลงในบล็อกการคลิกปุ่มอื่น ๆ เช่นกัน (Button2.Click, Button3.Click ฯลฯ )

    คลิกแท็บในตัวและเลือกข้อความ ลากบล็อก“ ข้อความ” ไปทางขวาและเชื่อมต่อกับบล็อก“ Player1.Source”.

    กล่อง "ข้อความ" จะควบคุมเสียงที่เล่น คลิกที่ข้อความในบล็อกและเปลี่ยนให้ตรงกับชื่อของไฟล์เสียงสำหรับ Button1 ในตัวอย่างของเรา Button1 คือ“ Punch” ดังนั้นเราจึงตั้งค่าข้อความเป็น Punch.mp3.

    ลากกล่อง“ ข้อความ” ไปที่แต่ละบล็อก“ Player1.Source” และเปลี่ยนแต่ละรายการเพื่อให้ตรงกับชื่อของเสียงสำหรับแต่ละปุ่ม.

    ตอนนี้เสียงได้รับการตั้งค่าสำหรับแต่ละปุ่มแล้วเราต้องแจ้งให้แอปของเราเล่นเสียงเมื่อใดก็ตามที่เราคลิกปุ่ม ในการทำเช่นนั้นคลิกแท็บบล็อกของฉันและเลือก Player1 ลากบล็อก“ Player1.Start” ไปที่“ Button1.Click” ทำซ้ำขั้นตอนเหล่านี้สำหรับแต่ละเหตุการณ์คลิกปุ่มบล็อก.

    คุณทำเสร็จแล้ว! คุณได้สร้างแอปซาวด์บอร์ดที่ทำงานได้อย่างสมบูรณ์ ดูแอปที่ใช้งานจริงโดยทำสิ่งใดสิ่งหนึ่งต่อไปนี้:

    • ทดสอบแอปบนอุปกรณ์ Android ของคุณโดยเปิดใช้งานการดีบัก USB บนอุปกรณ์ภายใต้การตั้งค่า> แอปพลิเคชั่น> การพัฒนาและเชื่อมต่อกับคอมพิวเตอร์ของคุณ จากนั้นคุณสามารถคลิกปุ่มเชื่อมต่อกับอุปกรณ์ ... ในตัวแก้ไขบล็อกเพื่อแสดงแอปบนอุปกรณ์.
    • ติดตั้ง Android SDK และคลิกปุ่มจำลองใหม่เพื่อดูบนคอมพิวเตอร์ของคุณในหน้าจอจำลอง.
    • คลิกตัวเลือกแพ็คเกจสำหรับโทรศัพท์บนหน้าจอ App Inventor จากนั้นคุณสามารถแสดงบาร์โค้ดดาวน์โหลดแอปไปยังคอมพิวเตอร์เป็นไฟล์ APK หรือดาวน์โหลดไปยังโทรศัพท์ที่เชื่อมต่อ.

    เพลิดเพลินกับแอปพลิเคชันซาวด์บอร์ดที่กำหนดเองของคุณบนอุปกรณ์ Android.

    มีแอพมากมายที่คุณสามารถสร้างได้ด้วยเครื่องมือนี้คุณจะทำอะไร?