RSS

Category Archives: Uncategorized

Application Package Name

logo

Join Community: http://Community.AppyBuilder.com

In this post, we will show how to use AppyBuilder that allows you to change the application package name for an app which contains multiple screens.

Scenario: You may have an app that was developed in MIT AI and published to Google Play Store. MIT AI uses package naming convention of appinventor.ai_YourEmail.YourAppName (where YourEmail is your google email e.g. jdoe01). You can easily import this app into AppyBuilder, but that will cause the package name to be changed to AppyBuilder default package name. For this reason, we can use feature below to use same package name that was used in MIT AI.

Process: In this post we’ll create a simple app called testapp that will include 2 screens. We will change AppyBuilder default package name and will include a Button to switch from Screen1 to Screen2.

Image below shows how to change the default package name using ApplicationPackage property (only visible to Scrreen1 – will globally apply to entire app). For this exercise, let’s name our app testapp and attempt to change default package-name to com.example.testapp as shown below. Also, let’s assume your email is jdoe@gmail.com

Our simple app includes a button and clicking the button should start Screen2. The blocks to accomplish this is shown in image below. When opening another screen, we use the following convention:

emailusername.projectname.screenname

  • Replace “projectname” to the “name of the project
  • Replace “emailusername” to the “username of your email (text before @). Also, if your username includes dot (e.g. jdoe.01@gmail.com, replace . to _ like jdoe_01)
  • Replace “screenname” to “the screen you want to open

This approach will properly work when you have built .apk. However, when using companion to test you could use approach below (thanks @Boban for his input):

image

Join forum community for tutorials, discussions, technical questions

http://Community.AppyBuilder.com

Website: http://AppyBuilder.com

Share, Like us below 🙂

 

Advertisements
 
Leave a comment

Posted by on December 12, 2017 in Uncategorized

 

Android Material Design Cards

logo

Join Community: http://Community.AppyBuilder.com

Video below shows how to use AppyBuilder to design and build Android app using Android Material Design Cards. You can implement Cards with any type of components such as Images, Labels, Buttons, etc.

Drag, Drop, Snap Blocks, Build app. AppyBuilder is user-supported

Join forum community for tutorials, discussions, technical questions

http://Community.AppyBuilder.com

Website: http://AppyBuilder.com

Share, Like us below 🙂

 

 
Leave a comment

Posted by on December 10, 2017 in Uncategorized

 

Help App Inventor launch on iOS!

logo

Join Community: http://Community.AppyBuilder.com

App Inventor is coming up with an iOS version of App Inventor. However, they need everyone’s support for this:

https://crowdfund.mit.edu/project/8152

Join forum community for tutorials, discussions, technical questions

http://Community.AppyBuilder.com

Website: http://AppyBuilder.com

Share, Like us below 🙂

 

 
Leave a comment

Posted by on November 29, 2017 in Uncategorized

 

Android Material Design Cards

logo

Join Community: http://Community.AppyBuilder.com

Details / info HERE,  Support AppyBuilder HERE

What is Android Material Card?

A card is a sheet of material that serves as an entry point to more detailed information. Cards may contain a photo, text, and a link about a single subject. They may display content containing elements of varying size, such as photos with captions of variable length.

Creating Cards:

Using AppyBuilder, you can now easily create cards using Layout Arrangements like VerticalArrangement or HorizontalArrangement components. These components now include a property and block for converting the layout to a Card:

card1

When a Layout is set as Card, it will convert its content to as format as shown below. In this sample arrangement, we have added Image, and three Labels:

card2

The sample .aia source HERE shows how the cards below were created. You can also install and test the app HERE.

Cards3

For additional tutorial, please follow link to http://help.AppyBuilder.com

Need mare info? Post question here: http://Community.AppyBuilder.com

Website: http://AppyBuilder.com

Share, Like us below 🙂

 
2 Comments

Posted by on November 27, 2017 in Uncategorized

 

Building Hang Man Game

logo

Join Community: http://Community.AppyBuilder.com

Details / info HERE 

Pixii Bomb By: Pixii Bomb

TUTORIAL DIFFICULTY: Medium
The tutorial is fairly easy to follow, but the concepts might be advanced for some users. This should be easy for anyone who can look at a screenshot of blocks and understand what they mean or how to find them.

VIDEO DESCRIPTION:
This tutorial will teach you how to create the Hang Man game, but more importantly will teach you how to read and compare input, one letter at a time. This would be useful for a spelling game, educational app, or input validation.

TUTORIAL VIDEO – MORE INFO and source code HERE

For additional tutorial, please follow link to http://help.AppyBuilder.com

Need mare info? Post question here: http://Community.AppyBuilder.com

Website: http://AppyBuilder.com

Share, Like us below 🙂

 
Leave a comment

Posted by on November 12, 2017 in Uncategorized

 

AppyBuilder – Building mobile apps

logo

Join Community: http://Community.AppyBuilder.com

AppyBuilder – creating Android mobile apps; as easy as 1-2-3

Drag, Drop, Snap Blocks, Build app. FREE (user-supported)

Join forum community for tutorials, discussions, technical questions

http://Community.AppyBuilder.com

Website: http://AppyBuilder.com

Share, Like us below 🙂

 

 
2 Comments

Posted by on November 5, 2017 in Uncategorized

 

AppyBuilder: Animation & Collision

logo

Join Community: http://Community.AppyBuilder.com

Pixii Bomb By: Pixii Bomb

Part I:

 

Part II:

TUTORIAL DIFFICULTY: Medium-Hard
This is not an easy tutorial for beginner users. It is recommended that you already be familiar with Image Sprite properties such as: heading, speed and interval, as well as the Clock component. You should also know how to create multiple layers and transparent layers in Photoshop (or your image software of choice).

VIDEO DESCRIPTION:
Part 1 focuses on organizing sprites and creating collision detection “blockade” images, using Photoshop (or your image software of choice) The playable character (actor) should be able to walk in four direction: up, down, left and right. In order to animate the Actor walking, at least 3 images should be used for each direction, for a total of 12 images. Blockade images will be used as image sprites on the canvas in AppyBuilder. When the Actor collides with the blockade images, the Actor will not be able to move forward. This will prevent the Actor from walking on walls or tabels. Part 1 also introduced Tile Coordinates (instead of Pixel Coordinates).

Part 2 puts everything together in AppyBuilder. We’ll create procedures to set sprites on the canvas using Tile Coordinates. Two clock components will animate the actor and additional decorative sprites. Floating buttons will be used as a control pad, and the collision detection blockade images will be implemented.

DOWNLOAD RESOURCES:
https://drive.google.com/file/d/0B9n4xwyisMrGUHh6VnptLVRsMjg/view?usp=sharing3
Project .ZIP Folder Contains:

  • 2 Sprite Sheets from RPG Maker MV
  • Photoshop File: Map (includes layers for Blockade Images and Coordinate Tiles)
  • RPG Animation AppyBuilder .aia file
 
Leave a comment

Posted by on October 31, 2017 in Uncategorized

 
 
%d bloggers like this: