Làm thế nào để xây dựng ứng dụng Soundboard của riêng bạn với Android App Inventor

Mục lục:

Làm thế nào để xây dựng ứng dụng Soundboard của riêng bạn với Android App Inventor
Làm thế nào để xây dựng ứng dụng Soundboard của riêng bạn với Android App Inventor

Video: Làm thế nào để xây dựng ứng dụng Soundboard của riêng bạn với Android App Inventor

Video: Làm thế nào để xây dựng ứng dụng Soundboard của riêng bạn với Android App Inventor
Video: Tập Hàn Sắt Muốn Biết Cách Hàn Que Cơ Bản Nhất Đừng Bỏ Qua Clip Này | soldering iron for beginners - YouTube 2024, Tháng tư
Anonim
Hôm nay, chúng tôi sẽ hướng dẫn bạn cách sử dụng công cụ Inventor App Android để tạo ứng dụng Android của riêng bạn mà không cần phải viết nhiều mã phức tạp. Đó là một quá trình thực sự đơn giản chỉ yêu cầu một số thao tác kéo và thả.
Hôm nay, chúng tôi sẽ hướng dẫn bạn cách sử dụng công cụ Inventor App Android để tạo ứng dụng Android của riêng bạn mà không cần phải viết nhiều mã phức tạp. Đó là một quá trình thực sự đơn giản chỉ yêu cầu một số thao tác kéo và thả.

Soundboards là một trong những ứng dụng đơn giản nhất để tạo bằng App Inventor, vì vậy hôm nay chúng tôi sẽ hướng dẫn bạn cách bắt đầu tạo ứng dụng của riêng bạn.

Bài viết này của khách được viết bởi Mitch Bartlett từ Technipages, nơi ông đã giới thiệu rất nhiều mẹo về điện thoại thông minh chuyên sâu.

Cài đặt và sử dụng App Inventor để tạo một ứng dụng

Trước tiên, bạn sẽ cần phải chắc chắn rằng bạn cài đặt Java 1.6 hoặc cao hơn. Bạn có thể tải xuống tại https://www.java.com. Khi bạn đã hoàn tất việc đó, hãy cài đặt App Inventor bằng cách sử dụng hướng dẫn dành cho hệ điều hành của bạn.

  • Mac OS X
  • GNU / Linux
  • các cửa sổ

Truy cập phần Dự án của tôi trên trang web App Inventor. Đăng nhập và đồng ý với các điều khoản dịch vụ nếu được nhắc. Chọn nút Mới để bắt đầu một ứng dụng mới.

Đặt tên cho ứng dụng của bạn, sau đó nhấp vào OK.
Đặt tên cho ứng dụng của bạn, sau đó nhấp vào OK.
Trình xem App Inventor sẽ xuất hiện. Màn hình này cho biết ứng dụng của bạn sẽ trông như thế nào khi bạn tạo ứng dụng. Trước tiên, chúng ta sẽ tạo tiêu đề cho màn hình này. Trên panel Components, Screen1 nên được chọn. Trong phần Thuộc tính, chúng tôi có thể thay đổi trường Tiêu đề thành tên ứng dụng của chúng tôi.
Trình xem App Inventor sẽ xuất hiện. Màn hình này cho biết ứng dụng của bạn sẽ trông như thế nào khi bạn tạo ứng dụng. Trước tiên, chúng ta sẽ tạo tiêu đề cho màn hình này. Trên panel Components, Screen1 nên được chọn. Trong phần Thuộc tính, chúng tôi có thể thay đổi trường Tiêu đề thành tên ứng dụng của chúng tôi.
Bây giờ chúng ta có thể bắt đầu sắp xếp các mục trên màn hình. Chúng tôi sẽ tạo cột và hàng cho các nút soundboard của chúng tôi. Chúng ta có thể làm điều này bằng cách chọn Sắp xếp màn hình trên Palette và kéo mục TableArrangement vào Viewer.
Bây giờ chúng ta có thể bắt đầu sắp xếp các mục trên màn hình. Chúng tôi sẽ tạo cột và hàng cho các nút soundboard của chúng tôi. Chúng ta có thể làm điều này bằng cách chọn Sắp xếp màn hình trên Palette và kéo mục TableArrangement vào Viewer.
Đặt thuộc tính cho thành phần TableArrangement1 trên ngăn Thuộc tính. Tại đây, chúng tôi sẽ thay đổi thành 3 cột và 3 hàng.
Đặt thuộc tính cho thành phần TableArrangement1 trên ngăn Thuộc tính. Tại đây, chúng tôi sẽ thay đổi thành 3 cột và 3 hàng.
Chúng tôi sẽ cần một thành phần để phát âm thanh của mình. Chọn Media trên Palette và kéo thành phần Player vào Viewer. Nó sẽ xuất hiện dưới dạng Player1 trong phần Thành phần không nhìn thấy được.
Chúng tôi sẽ cần một thành phần để phát âm thanh của mình. Chọn Media trên Palette và kéo thành phần Player vào Viewer. Nó sẽ xuất hiện dưới dạng Player1 trong phần Thành phần không nhìn thấy được.
Hãy thêm một số âm thanh vào dự án của chúng tôi. App Inventor sẽ hỗ trợ các tệp MP3 hoặc WAV có dung lượng dưới 3MB. Chúng tôi thêm chúng vào dự án của chúng tôi bằng cách chọn thành phần Player1, sau đó chọn trường Nguồn. Nhấp vào nút Thêm… và chọn Duyệt… để tải lên các tệp âm thanh từ máy tính của bạn. Lặp lại các bước này để thêm nhiều âm thanh.
Hãy thêm một số âm thanh vào dự án của chúng tôi. App Inventor sẽ hỗ trợ các tệp MP3 hoặc WAV có dung lượng dưới 3MB. Chúng tôi thêm chúng vào dự án của chúng tôi bằng cách chọn thành phần Player1, sau đó chọn trường Nguồn. Nhấp vào nút Thêm… và chọn Duyệt… để tải lên các tệp âm thanh từ máy tính của bạn. Lặp lại các bước này để thêm nhiều âm thanh.
Thêm một nút cho mỗi âm thanh bằng cách chọn Basic Palette và kéo chúng vào hộp TableArrangement1 trong Viewer. Bạn sẽ có thể đặt mỗi nút trong một hàng và cột cụ thể.
Thêm một nút cho mỗi âm thanh bằng cách chọn Basic Palette và kéo chúng vào hộp TableArrangement1 trong Viewer. Bạn sẽ có thể đặt mỗi nút trong một hàng và cột cụ thể.
Chọn từng nút trong vùng Thành phần và thay đổi trường Văn bản để biểu thị âm thanh mà chúng sẽ phát.
Chọn từng nút trong vùng Thành phần và thay đổi trường Văn bản để biểu thị âm thanh mà chúng sẽ phát.
Chúng tôi đã hoàn thành với màn hình Trình xem. Đây là ứng dụng hiện tại của chúng tôi.
Chúng tôi đã hoàn thành với màn hình Trình xem. Đây là ứng dụng hiện tại của chúng tôi.
Đã đến lúc kiểm soát hành vi của các mục trên màn hình. Nhấp vào Mở Trình chỉnh sửa khối để bắt đầu. Chọn mở tệp hoặc cấp quyền truy cập nếu được nhắc.
Đã đến lúc kiểm soát hành vi của các mục trên màn hình. Nhấp vào Mở Trình chỉnh sửa khối để bắt đầu. Chọn mở tệp hoặc cấp quyền truy cập nếu được nhắc.
Nhấp vào tab Chặn của tôi. Chọn Button1 và kéo hộp “Button1.Click” sang bên phải màn hình. Làm điều này cho mỗi nút bạn đã thêm vào ứng dụng của mình (Button2, Button3, v.v.)
Nhấp vào tab Chặn của tôi. Chọn Button1 và kéo hộp “Button1.Click” sang bên phải màn hình. Làm điều này cho mỗi nút bạn đã thêm vào ứng dụng của mình (Button2, Button3, v.v.)
Image
Image

Chọn Player1 trong tab My Blocks và kéo khối “Player1.Source” vào khối “Button1.Click”. Khối nên kết nối vào vị trí. Thêm một khối "Player1.Source" cho mỗi khối nút bấm khác (Button2.Click, Button3.Click, v.v.)

Nhấp vào tab Built-In và chọn Text. Kéo một khối "văn bản" sang bên phải và kết nối nó với khối "Player1.Source".
Nhấp vào tab Built-In và chọn Text. Kéo một khối "văn bản" sang bên phải và kết nối nó với khối "Player1.Source".
Hộp "văn bản" sẽ kiểm soát âm thanh nào được phát. Nhấp vào văn bản trong khối và thay đổi nó để phù hợp với tên của tập tin âm thanh cho Button1. Trong ví dụ của chúng tôi, Button1 là "Punch", vì vậy chúng tôi đặt văn bản thành Punch.mp3.
Hộp "văn bản" sẽ kiểm soát âm thanh nào được phát. Nhấp vào văn bản trong khối và thay đổi nó để phù hợp với tên của tập tin âm thanh cho Button1. Trong ví dụ của chúng tôi, Button1 là "Punch", vì vậy chúng tôi đặt văn bản thành Punch.mp3.
Kéo một hộp "văn bản" vào mỗi khối "Player1.Source" và thay đổi từng cái để khớp với tên của âm thanh cho mỗi nút.
Kéo một hộp "văn bản" vào mỗi khối "Player1.Source" và thay đổi từng cái để khớp với tên của âm thanh cho mỗi nút.
Bây giờ âm thanh được đặt cho mỗi nút, chúng tôi chỉ cần yêu cầu ứng dụng phát âm thanh bất cứ khi nào chúng ta nhấp vào nút. Để làm điều đó, hãy nhấp vào tab Chặn của tôi và chọn Trình phát1. Kéo khối “Player1.Start” vào “Button1.Click”. Lặp lại các bước này cho từng khối sự kiện nhấp vào nút.
Bây giờ âm thanh được đặt cho mỗi nút, chúng tôi chỉ cần yêu cầu ứng dụng phát âm thanh bất cứ khi nào chúng ta nhấp vào nút. Để làm điều đó, hãy nhấp vào tab Chặn của tôi và chọn Trình phát1. Kéo khối “Player1.Start” vào “Button1.Click”. Lặp lại các bước này cho từng khối sự kiện nhấp vào nút.
Bạn đã hoàn tất! Bạn đã tạo ra một ứng dụng soundboard đầy đủ chức năng. Xem ứng dụng hoạt động bằng cách thực hiện một trong các thao tác sau:
Bạn đã hoàn tất! Bạn đã tạo ra một ứng dụng soundboard đầy đủ chức năng. Xem ứng dụng hoạt động bằng cách thực hiện một trong các thao tác sau:
  • Kiểm tra ứng dụng trên thiết bị Android của bạn bằng cách bật USB Debugging trên thiết bị trong Cài đặt> Ứng dụng> Phát triển và kết nối nó với máy tính của bạn. Sau đó, bạn có thể nhấp vào nút Kết nối với thiết bị… trong Trình chỉnh sửa khối để hiển thị ứng dụng trên thiết bị.

    Image
    Image
  • Cài đặt SDK Android và nhấp vào nút Trình giả lập mới để xem trên máy tính của bạn trong màn hình trình mô phỏng.
  • Nhấp vào tùy chọn Gói cho điện thoại trên màn hình App Inventor. Sau đó, bạn có thể hiển thị mã vạch, tải ứng dụng xuống máy tính dưới dạng tệp APK hoặc tải xuống điện thoại được kết nối.

    Image
    Image

Thưởng thức ứng dụng soundboard tùy chỉnh trên thiết bị Android của bạn.

Đề xuất: