« Back to index

Social

Table of Contents:

• ContactPicker
• EmailPicker
• GoogleCloudMessaging
• PebbleSmartWatch
• PhoneCall
• PhoneNumberPicker
• Sharing
• Survey
• Texting

ContactPicker

A button that, when clicked on, displays a list of the contacts to choose among. After the user has made a selection, the following properties will be set to information about the chosen contact:

• ContactName: the contact’s name
• EmailAddress: the contact’s primary email address
• EmailAddressList: a list of the contact’s email addresses
• ContactUri: the contact’s URI on the device
• PhoneNumber: the contact’s primary phone number (on Later Android Verisons)
• PhoneNumberList: a list of the contact’s phone numbers (on Later Android Versions)
• Picture: the name of the file containing the contact’s image, which can be used as a Picture property value for the Image or ImageSprite component.

Other properties affect the appearance of the button (TextAlignment, BackgroundColor, etc.) and whether it can be clicked on (Enabled).

The ContactPicker component might not work on all phones. For example, on Android systems before system 3.0, it cannot pick phone numbers, and the list of email addresses will contain only one email.

Properties

BackgroundColor

Specifies the ContactPicker’s background color as an alpha-red-green-blue integer. If an Image has been set, the color change will not be visible until the Image is removed.

ContactName

Returns the full name of the selected contact, or the empty string if a name is unavailable.

ContactUri

Returns a URI that specifies the location of the contact on the device.

EmailAddress

Returns the primary email address of the selected contact, or the empty string if an email address is unavailable.

EmailAddressList

Returns a list of email addresses associated with the selected contact.

Enabled

Specifies whether the ContactPicker should be active and clickable.

FontBold

Specifies whether the text of the ContactPicker should be bold. Some fonts do not support bold.

FontItalic

Specifies whether the text of the ContactPicker should be italic. Some fonts do not support italic.

FontSize

Specifies the text font size of the ContactPicker, measured in sp(scale-independent pixels).

FontTypeface

Specifies the text font face of the ContactPicker as default, serif, sans serif, monospace, or custom font typeface. To add a custom typeface, upload a .ttf file to the project’s media.

Height

Specifies the ContactPicker’s vertical height, measured in pixels.

HeightPercent

Specifies the ContactPicker’s vertical height as a percentage of the Screen’s Height.

Image

Specifies the path of the ContactPicker’s image. If there is both an Image and a BackgroundColor specified, only the Image will be visible.

PhoneNumber

Returns the primary phone number associated with the selected contact, or the empty string if no phone number is associated with the contact.

PhoneNumberList

Returns a list of phone numbers associated with the selected contact.

Picture

Returns a picture URI for the selected contact, which can be used to retrieve the contact’s photo and other fields.

Shape

Specifies the shape of the ContactPicker. The valid values for this property are 0 (default), 1 (rounded), 2 (rectangle), and 3 (oval). The Shape will not be visible if an Image is used.

ShowFeedback

Specifies if a visual feedback should be shown when a ContactPicker with an assigned Image is pressed.

Text

Specifies the text displayed by the ContactPicker.

TextAlignment

Specifies the alignment of the ContactPicker’s text. Valid values are: 0 (normal; e.g., left-justified if text is written left to right), 1 (center), or 2 (opposite; e.g., right-justified if text is written left to right).

TextColor

Specifies the text color of the ContactPicker as an alpha-red-green-blue integer.

Visible

Specifies whether the ContactPicker should be visible on the screen. Value is true if the ContactPicker is showing and false if hidden.

Width

Specifies the horizontal width of the ContactPicker, measured in pixels.

WidthPercent

Specifies the horizontal width of the ContactPicker as a percentage of the Screen’s Width.

Events

AfterPicking()

Event to be raised after the ContactPicker activity returns its result and the properties have been filled in.

BeforePicking()

Event to raise when the ContactPicker is clicked or the picker is shown using the Open method. This event occurs before the picker is displayed, and can be used to prepare the picker before it is shown.

GotFocus()

Indicates the cursor moved over the ContactPicker so it is now possible to click it.

LostFocus()

Indicates the cursor moved away from the ContactPicker so it is now no longer possible to click it.

TouchDown()

Indicates that the ContactPicker was pressed down.

TouchUp()

Indicates that the ContactPicker has been released.

Methods

Open()

Opens the ContactPicker, as though the user clicked on it.

ViewContact(uri)

Opens the selected contact’s entry in the device’s default Contacts app.

EmailPicker

An EmailPicker is a kind of text box. If the user begins entering the name or email address of a contact, the phone will show a dropdown menu of choices that complete the entry. If there are many contacts, the dropdown can take several seconds to appear, and can show intermediate results while the matches are being computed.

The initial contents of the text box and the contents< after user entry is in the Text property. If the Text property is initially empty, the contents of the Hint property will be faintly shown in the text box as a hint to the user.

Other properties affect the appearance of the text box (TextAlignment, BackgroundColor, etc.) and whether it can be used (Enabled).

Text boxes like this are usually used with Button components, with the user clicking on the button when text entry is complete.

Properties

BackgroundColor

The background color of the EmailPicker`. You can choose a color by name in the Designer or in the Blocks Editor. The default background color is ‘default’ (shaded 3-D look).

Enabled

If set, user can enter text into the EmailPicker.

FontBold

Specifies whether the text of the EmailPicker should be bold. Some fonts do not support bold.

FontItalic

Specifies whether the text of the EmailPicker should be italic. Some fonts do not support italic.

FontSize

Specifies the text font size of the EmailPicker, measured in sp(scale-independent pixels).

FontTypeface

The text font face of the EmailPicker. Valid values are 0 (default), 1 (serif), 2 (sans serif), or 3 (monospace).

Height

Specifies the EmailPicker’s vertical height, measured in pixels.

HeightPercent

Specifies the EmailPicker’s vertical height as a percentage of the Screen’s Height.

Hint

EmailPicker hint for the user.

HintColor

Specifies the color of the hint of the EmailPicker.

ObjectType

Concept URI property setter method.

PropertyURI

Property URI specifies the relationship between a Linked Data Form containing a TextBox, Password, etc. and the component. Common properties include the name properties in the Friend-of-a-Friend ontology (e.g. foaf:name, foaf:givenName, foaf:surname), label properties (e.g. rdfs:label, skos:prefLabel), or descriptions (e.g. rdfs:comment, dc:description).

SubjectIdentifier

If the text box is contained in a Linked Data Form and Subject Identifier is checked, then the value of the text box will be used to construct a new Uniform Resource Identifier (URI) when the form is submitted.

Text

The text in the EmailPicker, which can be set by the programmer in the Designer or Blocks Editor, or it can be entered by the user (unless the Enabled property is false).

TextAlignment

Specifies the alignment of the EmailPicker’s text. Valid values are: 0 (normal; e.g., left-justified if text is written left to right), 1 (center), or 2 (opposite; e.g., right-justified if text is written left to right).

TextColor

Specifies the text color of the EmailPicker as an alpha-red-green-blue integer.

Visible

Specifies whether the EmailPicker should be visible on the screen. Value is true if the EmailPicker is showing and false if hidden.

Width

Specifies the horizontal width of the EmailPicker, measured in pixels.

WidthPercent

Specifies the horizontal width of the EmailPicker as a percentage of the Screen’s Width.

Events

GotFocus()

Event raised when the EmailPicker is selected for input, such as by the user touching it.

LostFocus()

Event raised when the EmailPicker is no longer selected for input, such as if the user touches a different text box.

TextChanged()

Event raised when the text of the EmailPicker is changed, either by the user or the program.

Methods

MoveCursorTo(position)

Repositions the cursor of the EmailPicker before the character at the given 1-indexed position. If the given position is larger than the length of the EmailPicker, the cursor will be moved to the end of the text; and if the given position is smaller or equal to 1, the cursor will be moved to the start.

MoveCursorToEnd()

Repositions the cursor to the end of the EmailPicker’s text.

MoveCursorToStart()

Repositions the cursor to the start of the EmailPicker’s text.

RequestFocus()

Request focus to current EmailPicker.

GoogleCloudMessaging

Component for GoogleCloudMessaging

Properties

PhoneNumber

Property for PhoneNumber

RegId

Property for RegId

ReturnMessage

Property for ReturnMessage

SenderID

Property for SenderID

ServerURL

Property for ServerURL

phoneNumber

Property for phoneNumber

Events

GCMInfoReceived()

Indicates that the GCM info has been received.

GotResponseFromServer(url,responseCode,responseType,responseContent)

Event indicating that a SendMessageToServer call has finished.

RegInfoReceived()

Indicates when the server registration has been successful.

Methods

CreateNotification(title,text,enabledSound,enabledVibrate,packageName,className,extraKey,extraVal)

Create a notication with message to wake up another activity when tap on the notification

Enabled(enable)

Enable Google Cloud Messaging to receive push notification

Register()

Authenticate to Google Cloud Messaging

SendMessageToServer(text)

Performs an HTTP POST request using the GCM Server url property and the specified text.

UnRegister()

Remove authentication for this app instance

isRegistered()

Method for isRegistered

isServiceReady()

Method for isServiceReady

PebbleSmartWatch

Component for PebbleSmartWatch

Properties

None

Events

None

Methods

SendMessageToPebble(iconId,vibrate,message)

Send a text message to the pebble.

PhoneCall

A non-visible component that makes a phone call to the number specified in the PhoneNumber property, which can be set either in the Designer or Blocks Editor. The component has a MakePhoneCall method, enabling the program to launch a phone call. You may also use MakePhoneCallDirect to directly initiate a phone call without user interaction. However, apps using this block may require further review by Google if submitted to the Play Store so it is advised to use MakePhoneCall instead.

Often, this component is used with the ContactPicker component, which lets the user select a contact from the ones stored on the phone and sets the PhoneNumber property to ContactPicker’s PhoneNumber property.

To directly specify the phone number (e.g., 650-555-1212), set the PhoneNumber property to a Text with the specified digits (e.g., “6505551212”). Dashes, dots, and parentheses may be included (e.g., “(650)-555-1212”) but will be ignored; spaces may not be included.

Properties

PhoneNumber

Specifies the phone number to call.

Events

IncomingCallAnswered(phoneNumber)

Event indicating that an incoming phone call is answered. phoneNumber is the incoming call phone number.

PhoneCallEnded(status,phoneNumber)

Event indicating that a phone call has ended. The status can be any of:

• 1: Incoming call was missed or rejected
• 2: Incoming call was answered and hung up
• 3: Outgoing call was hung up.

PhoneCallStarted(status,phoneNumber)

Event indicating that a phone call has started. The status can be any of:

• 1: Incoming call is ringing
• 2: Outgoing call is dialled

Methods

MakePhoneCall()

Launches the default dialer app set to start a phone call using the number in the PhoneNumber property.

MakePhoneCallDirect()

Directly initiates a phone call using the number in the PhoneNumber property, bypassing user interaction to start the call. Most apps should use MakePhoneCall instead, which requires no permissions.

PhoneNumberPicker

A button that, when clicked on, displays a list of the contacts’ phone numbers to choose among. After the user has made a selection, the following properties will be set to information about the chosen contact:

• ContactName: the contact’s name
• PhoneNumber: the contact’s phone number
• EmailAddress: the contact’s email address
• Picture: the name of the file containing the contact’s image, which can be used as a Picture property value for the Image or ImageSprite component.

Other properties affect the appearance of the button (TextAlignment, BackgroundColor, etc.) and whether it can be clicked on (Enabled).

The PhoneNumberPicker component may not work on all Android devices. For example, on Android systems before system 3.0, the returned lists of phone numbers and email addresses will be empty.

Properties

BackgroundColor

Specifies the PhoneNumberPicker’s background color as an alpha-red-green-blue integer. If an Image has been set, the color change will not be visible until the Image is removed.

ContactName

Returns the full name of the selected contact, or the empty string if a name is unavailable.

ContactUri

Returns a URI that specifies the location of the contact on the device.

EmailAddress

Returns the primary email address of the selected contact, or the empty string if an email address is unavailable.

EmailAddressList

Returns a list of email addresses associated with the selected contact.

Enabled

Specifies whether the PhoneNumberPicker should be active and clickable.

FontBold

Specifies whether the text of the PhoneNumberPicker should be bold. Some fonts do not support bold.

FontItalic

Specifies whether the text of the PhoneNumberPicker should be italic. Some fonts do not support italic.

FontSize

Specifies the text font size of the PhoneNumberPicker, measured in sp(scale-independent pixels).

FontTypeface

Specifies the text font face of the PhoneNumberPicker as default, serif, sans serif, monospace, or custom font typeface. To add a custom typeface, upload a .ttf file to the project’s media.

Height

Specifies the PhoneNumberPicker’s vertical height, measured in pixels.

HeightPercent

Specifies the PhoneNumberPicker’s vertical height as a percentage of the Screen’s Height.

Image

Specifies the path of the PhoneNumberPicker’s image. If there is both an Image and a BackgroundColor specified, only the Image will be visible.

PhoneNumber

Returns the primary phone number associated with the selected contact, or the empty string if no phone number is associated with the contact.

PhoneNumberList

Returns a list of phone numbers associated with the selected contact.

Picture

Returns a picture URI for the selected contact, which can be used to retrieve the contact’s photo and other fields.

Shape

Specifies the shape of the PhoneNumberPicker. The valid values for this property are 0 (default), 1 (rounded), 2 (rectangle), and 3 (oval). The Shape will not be visible if an Image is used.

ShowFeedback

Specifies if a visual feedback should be shown when a PhoneNumberPicker with an assigned Image is pressed.

Text

Specifies the text displayed by the PhoneNumberPicker.

TextAlignment

Specifies the alignment of the PhoneNumberPicker’s text. Valid values are: 0 (normal; e.g., left-justified if text is written left to right), 1 (center), or 2 (opposite; e.g., right-justified if text is written left to right).

TextColor

Specifies the text color of the PhoneNumberPicker as an alpha-red-green-blue integer.

Visible

Specifies whether the PhoneNumberPicker should be visible on the screen. Value is true if the PhoneNumberPicker is showing and false if hidden.

Width

Specifies the horizontal width of the PhoneNumberPicker, measured in pixels.

WidthPercent

Specifies the horizontal width of the PhoneNumberPicker as a percentage of the Screen’s Width.

Events

AfterPicking()

Event to be raised after the PhoneNumberPicker activity returns its result and the properties have been filled in.

BeforePicking()

Event to raise when the PhoneNumberPicker is clicked or the picker is shown using the Open method. This event occurs before the picker is displayed, and can be used to prepare the picker before it is shown.

GotFocus()

Indicates the cursor moved over the PhoneNumberPicker so it is now possible to click it.

LostFocus()

Indicates the cursor moved away from the PhoneNumberPicker so it is now no longer possible to click it.

TouchDown()

Indicates that the PhoneNumberPicker was pressed down.

TouchUp()

Indicates that the PhoneNumberPicker has been released.

Methods

Open()

Opens the PhoneNumberPicker, as though the user clicked on it.

ViewContact(uri)

Opens the selected contact’s entry in the device’s default Contacts app.

Sharing

Sharing is a non-visible component that enables sharing files and/or messages between your app and other apps installed on a device. The component will display a list of the installed apps that can handle the information provided, and will allow the user to choose one to share the content with, for instance a mail app, a social network app, a texting app, and so on.

The file path can be taken directly from other components such as the Camera or the ImagePicker, but can also be specified directly to read from storage. The default behaviour is to share files from the private data directory associated with your app. If the file path starts with a slash (/), then the file relative to / is shared.

Be aware that different devices treat storage differently, so a few things to try if, for instance, you have a file called arrow.gif in the folder Appinventor/assets, would be:

• "file:///sdcard/Appinventor/assets/arrow.gif"; or
• "/storage/Appinventor/assets/arrow.gif"

Properties

None

Events

None

Methods

ShareFile(file)

Shares a file through any capable application installed on the phone by displaying a list of the available apps and allowing the user to choose one from the list. The selected app will open with the file inserted on it.

ShareFileWithMessage(file,message)

Shares both a file and a message through any capable application installed on the phone by displaying a list of available apps and allowing the user to choose one from the list. The selected app will open with the file and message inserted on it.

ShareMessage(message)

Shares a message through any capable application installed on the phone by displaying a list of the available apps and allowing the user to choose one from the list. The selected app will open with the message inserted on it.

Survey

Component for displaying surveys This component makes use of Android WebView to display survey question. AI Developer could customize survey question and survey types. After the questions are answered, they will be saved into local database and upload to remote server (Trust Framework). For simplicity, there’s only one question in one survey component

Properties

DBName

Property for DBName

ExportFolderPath

Get the export path for survey results

Height

Specifies the Survey’s vertical height, measured in pixels.

HeightPercent

Specifies the Survey’s vertical height as a percentage of the Screen’s Height.

SetQuestion

Property for SetQuestion

SetStyle

Sets the style of the survey

SetSurveyGroup

Property for SetSurveyGroup

Visible

Specifies whether the Survey should be visible on the screen. Value is true if the Survey is showing and false if hidden.

Width

Specifies the horizontal width of the Survey, measured in pixels.

WidthPercent

Specifies the horizontal width of the Survey as a percentage of the Screen’s Width.

Events

None

Methods

DeleteSurveyDB()

This will clean up the survey database on the smartphone

Export(format)

Export Survey results database as CSV files or JSON files.Input “csv” or “json” for exporting format.

LoadSurvey()

Set survey style, set question beforecall LoadSurvey

SetOptions(options)

For survey style MultipleChoice, ChooseList, CheckBox and ScalePassuse this to pass in options for survey answers. Note for Scale, only three options should be passed in and in the order of “min”, “max”, “default” value of the scale

Texting

A component that will, when the SendMessage method is called, launch the device’s preferred texting app to send the text message specified in the SendMessage property to the phone number specified in the PhoneNumber property. You may also send text messages without user interaction by calling SendMessageDirect instead, but this adds dangerous permissions to your final app.

If the ReceivingEnabled property is set to 1 messages will not be received. If ReceivingEnabled is set to 2 messages will be received only when the application is running. Finally if ReceivingEnabled is set to 3, messages will be received when the application is running and when the application is not running they will be queued and a notification displayed to the user.

When a message arrives, the MessageReceived event is raised and provides the sending number and message.

An app that includes this component will receive messages even when it is in the background (i.e. when it’s not visible on the screen) and, moreso, even if the app is not running, so long as it’s installed on the phone. If the phone receives a text message when the app is not in the foreground, the phone will show a notification in the notification bar. Selecting the notification will bring up the app. As an app developer, you’ll probably want to give your users the ability to control ReceivingEnabled so that they can make the phone ignore text messages.

If the GoogleVoiceEnabled property is true, messages can be sent over Wifi using Google Voice. This option requires that the user have a Google Voice account and that the mobile Voice app is installed on the phone. The Google Voice option works only on phones that support Android 2.0 (Eclair) or higher. Unfortunately, receiving no longer works in Google Voice due to changes introduced in Google Voice App.

To specify the phone number (e.g., 650-555-1212), set the PhoneNumber property to a Text string with the specified digits (e.g., 6505551212). Dashes, dots, and parentheses may be included (e.g., (650)-555-1212) but will be ignored; spaces may not be included.

Another way for an app to specify a phone number would be to include a PhoneNumberPicker component, which lets the users select a phone numbers from the ones stored in the the phone’s contacts.

Properties

GoogleVoiceEnabled

If this property is true, then SendMessage will attempt to send messages over WiFi, using Google voice.

Message

The message that will be sent when the SendMessage method is called. The maximum length of a standard SMS message is usually 170. It may be less for languages using diacritical marks.

PhoneNumber

The number that the message will be sent to when the SendMessage method is called. The number is a text string with the specified digits (e.g., 6505551212). Dashes, dots, and parentheses may be included (e.g., (650)-555-1212) but will be ignored; spaces should not be included.

ReceivingEnabled

If set to 1 (OFF) no messages will be received. If set to 2 (FOREGROUND) or 3 (ALWAYS) the component will respond to messages if it is running. In the case of 2 (FOREGROUND), messages received while the app is not running are discarded. In the case of 3 (ALWAYS), messages receive while the app is not running will show a notification. Selecting the notification will bring up the app and signal the MessageReceived event. Messages received when the app is dormant will be queued, and so several MessageReceived events might appear when the app awakens. As an app developer, it would be a good idea to give your users control over this property, so they can make their phones ignore text messages when your app is installed.

Events

MessageReceived(number,messageText)

Event that’s raised when a text message is received by the phone. Using this block will add dangerous permissions that will require additional approval if your app is submitted to the Google Play Store.

Methods

SendMessage()

Launch the phone’s default text messaging app with the message and phone number prepopulated.

SendMessageDirect()

Send a text message. Using this block will add dangerous permissions that will require additional approval if your app is submitted to the Google Play Store.