RSS

Notifier Dialog and Alert Messages

Title

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

Drag, Drop, Snap Blocks, Build app

Dialog Windows A dialog is a small window that prompts the user to make a decision or enter additional information. A dialog does not fill the screen and is normally used for modal events that require users to take an action before they can proceed. For example the Dialog below is used to show a Help screen:

AppyBuilder makes it very simple to create Dialog windows. You use the Notifier component and its ShowMessageDialog block to create the window. This block includes ability to include html tags. It also includes an animation style. Use numbers 1 to 4 to specify animation type (1= pop-up, 2=slide from left, 3=slide from right, 4=slide from bottom, 5 (or larger) means no animation).

Here is a demo showing different animationTypes:

 

Alert Messages

Alert messages provide simple feedback about an operation in a small popup. It only fills the amount of space required for the message and the current activity remains visible and interactive. Alerts automatically disappear after a timeout.

There are 6 type of Notifier Alert messages that can be displayed either at center or bottom of screen. To display Alert messages, use Notifier.ShowAlert block: 

The above block includes a socket for alertType. Use any number between 1 to 6 to display messages of different style:

 

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 February 2, 2018 in Uncategorized

 

Material Design Dialog and Toast Messages

Title

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

Drag, Drop, Snap Blocks, Build app

Material Design Dialog and Toast Message

AppyBuilder includes a Notifier component that allows building beautiful Android apps that includes Toast (Alert) messages and pop-up Dialog  as shown in video below:

 

Alert Messages

There are 6 type of Alert messages that can be displayed either at center or bottom of screen. To display Alert messages, use Notifier.ShowAlert block: 

The above block includes a socket for alertType. Use any number between 1 to 6 to display messages of different style:

Dialog Messages:

To display pop-up Dialog window, use Notifier.ShowMessageDialog. This block also includes a slot for animationType where values of 1 to 3 can be plugged in. The animationType is used to animate pop-up from Top, Side or Bottom:

If you like to display additional button, use Notifier.ShowChooseDialog block that allows you to display 2 buttons:

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 January 28, 2018 in Uncategorized

 

Beginner Tutorial 2: Animation Ball Bounce

Title

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

Drag, Drop, Snap Blocks, Build app

TUTORIAL DIFFICULTY: Super Easy
This app is designed for brand new AppyBuilder users.

VIDEO DESCRIPTION:
This video will teach you basic animation using a Ball component on a Canvas. When the app starts, the ball will bounce across the screen. You can fling the ball in any direction and watch it bounce off the edges of the screen. If you touch the ball, it will stop moving. Fling the ball again to continue moving. We’ll also output some data to the screen to record the number of times we’ve touched the ball and also the current edge of the screen that’s been hit. This video will also introduce you to the basics of variables.

VIDEO PRODUCTION:   By: Pixii Bomb

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 January 24, 2018 in Uncategorized

 

Beginner Tutorial 1: Talk to Me app

Title

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

Drag, Drop, Snap Blocks, Build app

TUTORIAL DIFFICULTY: Super Easy
This tutorial is designed for brand new AppyBuilder users.

VIDEO DESCRIPTION:
In this video you will learn how to create a new AppyBuilder project with 2 graphical components and 1 Non-Visible component. When the users presses a button, their phone will say whatever they’ve written into the TextBox.

VIDEO PRODUCTION:   By: Pixii Bomb

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 January 18, 2018 in Uncategorized

 

Cloud Storage using CloudDB component

Title

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

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

CloudDB is an Experimental Non-visible component allowing you to store data on a Internet connected database server. This allows the users of your App to share data with each other.

cloud1

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 January 16, 2018 in Uncategorized

 

AppyBuilder Editors

logo

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

Create beautiful Android apps using AppyBuilder visual drag-n-drop interface.  Below is the AppyBuilder reference cheat-sheet showing different sections of of Design-editor and Blocks-editor.

editors

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 January 4, 2018 in Uncategorized

 

Openstreet Map Component

logo

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

The latest MIT App Inventor Openstreet Map component is now available in AppyBuilder.  This component is a two-dimensional container that renders map tiles in the background and allows for multiple Marker elements to identify points on the map. Map tiles are supplied by OpenStreetMap contributors and the United States Geological Survey.

The Map component provides three utilities for manipulating its boundaries within App Inventor. First, a locking mechanism allows the map to be moved relative to other components on the Screen. Second, when unlocked, the user can pan the Map to any location. At this new location, the “Set Initial Boundary” button can be pressed to save the current Map coordinates to its properties. Lastly, if the Map is moved to a different location, for example to add Markers off-screen, then the “Reset Map to Initial Bounds” button can be used to recenter the Map at the starting location.

Drag, Drop, Snap Blocks, Build app

Join forum community for tutorials, discussions, technical questions

http://Community.AppyBuilder.com

Website: http://AppyBuilder.com

Share, Like us below 🙂

 

 
1 Comment

Posted by on January 1, 2018 in Uncategorized

 
 
%d bloggers like this: