How to Show the Visibility of Some Hiden Line Again Inventor

« Back to index

User Interface

Tabular array of Contents:

Button
CheckBox
DatePicker
Image
Label
ListPicker
ListView
Notifier
PasswordTextBox
Screen
Slider
Spinner
Switch
TextBox
TimePicker
WebViewer

Button

Push button with the ability to detect clicks. Many aspects of its appearance can be changed, likewise equally whether it is clickable (Enabled). Its properties tin be changed in the Designer or in the Blocks Editor.

Backdrop

BackgroundColor: Specifies the Push's background color equally an alpha-carmine-light-green-blue integer. If an Epitome has been set, the colour change will not exist visible until the Image is removed.
Enabled: Specifies whether the Button should exist active and clickable.
FontBold: Specifies whether the text of the Push button should exist bold. Some fonts practice not support assuming.
FontItalic: Specifies whether the text of the Button should be italic. Some fonts do not support italic.
FontSize: Specifies the text font size of the Button, measured in sp(scale-independent pixels).
FontTypeface: Specifies the text font face of the Push button as default, serif, sans serif, or monospace.
Height: Specifies the Button's vertical height, measured in pixels.
HeightPercent: Specifies the Button's vertical height as a percentage of the Screen'southward Top.
Image: Specifies the path of the Button's image. If there is both an Image and a BackgroundColor specified, only the Image will exist visible.
Shape: Specifies the shape of the Button. The valid values for this property are 0 (default), 1 (rounded), ii (rectangle), and 3 (oval). The Shape will not exist visible if an Epitome is used.
ShowFeedback: Specifies if a visual feedback should exist shown when a Button with an assigned Image is pressed.
Text: Specifies the text displayed by the Push button.
TextAlignment: Specifies the alignment of the Button's text. Valid values are: 0 (normal; e.g., left-justified if text is written left to right), 1 (center), or 2 (contrary; e.g., right-justified if text is written left to right).
TextColor: Specifies the text colour of the Push equally an alpha-red-green-blueish integer.
Visible: Specifies whether the Button should be visible on the screen. Value is true if the Button is showing and imitation if hidden.
Width: Specifies the horizontal width of the Push, measured in pixels.
WidthPercent: Specifies the horizontal width of the Push button as a percent of the Screen's Width.

Events

Click(): Indicates that the user tapped and released the Button.
GotFocus(): Indicates the cursor moved over the Button then it is now possible to click it.
LongClick(): Indicates that the user held the Button downward.
LostFocus(): Indicates the cursor moved away from the Button and then it is at present no longer possible to click it.
TouchDown(): Indicates that the Button was pressed down.
TouchUp(): Indicates that the Button has been released.

Methods

None

CheckBox

Example of a CheckBox

CheckBox components can detect user taps and can alter their boolean land in response.

A CheckBox component raises an effect when the user taps it. There are many properties affecting its appearance that tin exist set in the Designer or Blocks Editor.

Properties

BackgroundColor: Specifies the background color of the CheckBox equally an alpha-red-green-blue integer.
Checked: Set to true if the box is checked, imitation otherwise.
Enabled: Specifies whether the CheckBox should be active and clickable.
FontBold: Specifies whether the text of the CheckBox should be assuming. Some fonts practice non support bold.
FontItalic: Specifies whether the text of the CheckBox should exist italic. Some fonts do not support italic.
FontSize: Specifies the text font size of the CheckBox, measured in sp(scale-contained pixels).
FontTypeface: Specifies the text font face of the CheckBox every bit default, serif, sans serif, or monospace.
Height: Specifies the CheckBox's vertical height, measured in pixels.
HeightPercent: Specifies the CheckBox's vertical tiptop as a percentage of the Screen's Top.
Text: Specifies the text displayed past the CheckBox.
TextColor: Specifies the text color of the CheckBox every bit an alpha-reddish-greenish-blueish integer.
Visible: Specifies whether the CheckBox should be visible on the screen. Value is true if the CheckBox is showing and imitation if hidden.
Width: Specifies the horizontal width of the CheckBox, measured in pixels.
WidthPercent: Specifies the horizontal width of the CheckBox equally a percentage of the Screen's Width.

Events

Inverse(): User tapped and released the CheckBox.
GotFocus(): CheckBox became the focused component.
LostFocus(): CheckBox stopped beingness the focused component.

Methods

None

DatePicker

A push that, when clicked on, launches a popup dialog to allow the user to select a appointment on the Gregorian Agenda.

Annotation: Date and time are manipulated using methods in the Clock component.

Properties

BackgroundColor: Specifies the DatePicker's background color as an alpha-ruby-green-blue integer. If an Prototype has been fix, the color change will non exist visible until the Epitome is removed.
Day: Returns the 24-hour interval of the month that was terminal picked using the DatePicker.
Enabled: Specifies whether the DatePicker should be agile and clickable.
FontBold: Specifies whether the text of the DatePicker should be assuming. Some fonts do not back up bold.
FontItalic: Specifies whether the text of the DatePicker should be italic. Some fonts do not support italic.
FontSize: Specifies the text font size of the DatePicker, measured in sp(scale-independent pixels).
FontTypeface: Specifies the text font confront of the DatePicker as default, serif, sans serif, or monospace.
Pinnacle: Specifies the DatePicker'southward vertical pinnacle, measured in pixels.
HeightPercent: Specifies the DatePicker's vertical height as a percentage of the Screen's Pinnacle.
Epitome: Specifies the path of the DatePicker's image. If there is both an Image and a BackgroundColor specified, but the Prototype will be visible.
Instant: Returns instant of the date that was last picked using the DatePicker.
Month: Returns the number of the Calendar month that was last picked using the DatePicker.
MonthInText: Returns the proper name of the Month that was terminal picked using the DatePicker.
Shape: Specifies the shape of the DatePicker. The valid values for this property are 0 (default), 1 (rounded), 2 (rectangle), and iii (oval). The Shape will not exist visible if an Image is used.
ShowFeedback: Specifies if a visual feedback should exist shown when a DatePicker with an assigned Prototype is pressed.
Text: Specifies the text displayed by the DatePicker.
TextAlignment: Specifies the alignment of the DatePicker's text. Valid values are: 0 (normal; e.g., left-justified if text is written left to right), one (eye), or 2 (opposite; e.g., correct-justified if text is written left to right).
TextColor: Specifies the text color of the DatePicker equally an alpha-red-green-blue integer.
Visible: Specifies whether the DatePicker should be visible on the screen. Value is true if the DatePicker is showing and false if hidden.
Width: Specifies the horizontal width of the DatePicker, measured in pixels.
WidthPercent: Specifies the horizontal width of the DatePicker as a per centum of the Screen'southward Width.
Twelvemonth: Returns the Year that was last picked using the DatePicker.

Events

AfterDateSet(): Event that runs after the user chooses a Date in the dialog.
GotFocus(): Indicates the cursor moved over the DatePicker so it is now possible to click it.
LostFocus(): Indicates the cursor moved abroad from the DatePicker then it is now no longer possible to click it.
TouchDown(): Indicates that the DatePicker was pressed down.
TouchUp(): Indicates that the DatePicker has been released.

Methods

LaunchPicker(): Launches the DatePicker dialog. The AfterDateSet event will be run after the user confirms their selection.
SetDateToDisplay(twelvemonth,month,day): Allows the user to set the date to be displayed when the engagement picker opens. Valid values for the month field are 1-12 and 1-31 for the day field.
SetDateToDisplayFromInstant(instant): Allows the user to set the appointment from the instant to be displayed when the date picker opens.

Epitome

Component for displaying images and basic animations.

The movie to display, and other aspects of the Image's appearance, can be specified in the Designer or in the Blocks Editor.

Properties

AlternateText: A written description of what the paradigm looks similar.
Animation: This is a limited class of animation that tin can attach a small number of movement types to images. The commanded motions are ScrollRightSlow, ScrollRight, ScrollRightFast, ScrollLeftSlow, ScrollLeft, ScrollLeftFast, and Finish.
Clickable: Specifies whether the paradigm should be clickable or not.
Height: Specifies the Image's vertical height, measured in pixels.
HeightPercent: Specifies the Prototype's vertical height every bit a percentage of the Screen's Height.
Picture: Specifies the path of the Paradigm's Film.
RotationAngle: The bending at which the image picture appears rotated. This rotation does not announced on the designer screen, only on the device.
ScalePictureToFit: Specifies whether the image should exist resized to match the size of the ImageView.
Scaling: This property determines how the picture scales according to the Height or Width of the Image. Scale proportionally (0) preserves the picture aspect ratio. Calibration to fit (1) matches the Image expanse, even if the aspect ratio changes.
Visible: Specifies whether the Image should exist visible on the screen. Value is true if the Image is showing and false if subconscious.
Width: Specifies the horizontal width of the Image, measured in pixels.
WidthPercent: Specifies the horizontal width of the Epitome as a percent of the Screen'south Width.

Events

Click(): An issue that occurs when an image is clicked.

Methods

None

Label

Labels are components used to show text.

Example of a label

A characterization displays text which is specified by the Text belongings. Other properties, all of which can exist prepare in the Designer or Blocks Editor, control the appearance and placement of the text.

Backdrop

BackgroundColor: Specifies the label's background color as an alpha-red-green-blueish integer.
FontBold: Specifies whether the label'due south text should be bold. Some fonts practise not back up bold.
FontItalic: Specifies whether the label's text should be italic. Some fonts practise non support italic.
FontSize: Specifies the label's text'south font size, measured in sp(scale-contained pixels).
FontTypeface: Specifies the label's text'southward font face up as default, serif, sans serif, or monospace.
HTMLContent: Returns the content of the Label equally HTML. This is just useful if the HTMLFormat property is true.
HTMLFormat: Specifies the label'southward text'due south format
HasMargins: Specifies whether the characterization should accept margins. This margin value is not well coordinated with the designer, where the margins are defined for the arrangement, not just for individual labels.
Peak: Specifies the Label'south vertical height, measured in pixels.
HeightPercent: Specifies the Characterization's vertical height equally a percentage of the Screen's Peak.
Text: Specifies the text displayed by the characterization.
TextAlignment: Specifies the alignment of the label'south text: center, normal (e.thou., left-justified if text is written left to correct), or opposite (e.g., correct-justified if text is written left to right).
TextColor: Specifies the characterization'due south text color as an alpha-red-green-blue integer.
Visible: Specifies whether the Label should be visible on the screen. Value is true if the Label is showing and faux if hidden.
Width: Specifies the horizontal width of the Label, measured in pixels.
WidthPercent: Specifies the horizontal width of the Label as a pct of the Screen'south Width.

Events

None

Methods

None

ListPicker

A push that, when clicked on, displays a list of texts for the user to choose among. The texts can exist specified through the Designer or Blocks Editor by setting the ElementsFromString property to their string-separated concatenation (for example, choice ane, pick 2, selection 3) or by setting the Elements property to a List in the Blocks editor.

Setting property ShowFilterBar to true, volition brand the list searchable. Other properties affect the appearance of the button (TextAlignment, BackgroundColor, etc.) and whether it tin can be clicked on (Enabled).

Properties

BackgroundColor: Specifies the ListPicker's groundwork color as an alpha-red-green-blue integer. If an Image has been set up, the colour change will non exist visible until the Paradigm is removed.
Elements: Specifies the list of choices to brandish.
ElementsFromString: Fix the listing of choices from a string of comma-separated values.
Enabled: Specifies whether the ListPicker should be active and clickable.
FontBold: Specifies whether the text of the ListPicker should be bold. Some fonts do non support bold.
FontItalic: Specifies whether the text of the ListPicker should be italic. Some fonts practise not support italic.
FontSize: Specifies the text font size of the ListPicker, measured in sp(scale-independent pixels).
FontTypeface: Specifies the text font face of the ListPicker as default, serif, sans serif, or monospace.
Tiptop: Specifies the ListPicker'due south vertical elevation, measured in pixels.
HeightPercent: Specifies the ListPicker's vertical height every bit a percentage of the Screen's Height.
Image: Specifies the path of the ListPicker's image. If there is both an Image and a BackgroundColor specified, but the Image will exist visible.
ItemBackgroundColor: The groundwork color of the ListPicker items.
ItemTextColor: The text color of the ListPicker items.
Selection: The selected item. When directly changed by the developer, the SelectionIndex belongings is also inverse to the beginning item in the ListPicker with the given value. If the value is not in Elements, SelectionIndex will be gear up to 0.
SelectionIndex: Selection index belongings setter method.
Shape: Specifies the shape of the ListPicker. The valid values for this property are 0 (default), ane (rounded), ii (rectangle), and 3 (oval). The Shape will not exist visible if an Image is used.
ShowFeedback: Specifies if a visual feedback should be shown when a ListPicker with an assigned Image is pressed.
ShowFilterBar: If true, the ListPicker will bear witness a search filter bar.
Text: Specifies the text displayed past the ListPicker.
TextAlignment: Specifies the alignment of the ListPicker's text. Valid values are: 0 (normal; east.g., left-justified if text is written left to right), ane (center), or 2 (opposite; due east.one thousand., right-justified if text is written left to correct).
TextColor: Specifies the text colour of the ListPicker as an alpha-blood-red-light-green-blue integer.
Championship: Optional title displayed at the superlative of the list of choices.
Visible: Specifies whether the ListPicker should be visible on the screen. Value is truthful if the ListPicker is showing and false if hidden.
Width: Specifies the horizontal width of the ListPicker, measured in pixels.
WidthPercent: Specifies the horizontal width of the ListPicker as a percentage of the Screen's Width.

Events

AfterPicking(): Event to be raised after the ListPicker activity returns its upshot and the properties accept been filled in.
BeforePicking(): Event to raise when the ListPicker is clicked or the picker is shown using the Open method. This outcome occurs earlier the picker is displayed, and tin can be used to gear up the picker before it is shown.
GotFocus(): Indicates the cursor moved over the ListPicker and then information technology is at present possible to click it.
LostFocus(): Indicates the cursor moved abroad from the ListPicker so it is now no longer possible to click it.
TouchDown(): Indicates that the ListPicker was pressed downwardly.
TouchUp(): Indicates that the ListPicker has been released.

Methods

Open(): Opens the ListPicker, as though the user clicked on it.

ListView

This is a visible component that displays a list of text and image elements in your Screen to display. Simple lists of strings may be ready using the ElementsFromString property. More circuitous lists of elements containing multiple strings and/or images can exist created using the ListData and ListViewLayout properties.

Data on Layouts

Warning: This component will non work correctly on Screens that are scrollable if its Height is fix to Fill up Parent.

Properties

BackgroundColor: The colour of the ListView background.
Elements: Specifies the list of choices to display.
ElementsFromString: Gear up the listing of choices specified as a string with the elements separated by commas such every bit: Cheese,Fruit,Bacon,Radish.
FontSizeDetail: Specifies the ListView detail's text font size
FontTypeface: Specifies the label'southward text's font face as default, serif, sans serif, or monospace.
FontTypefaceDetail: Specifies the label'southward text'due south font confront as default, serif, sans serif, or monospace.
Height: Specifies the ListView's vertical height, measured in pixels.
HeightPercent: Specifies the ListView'due south vertical height equally a percent of the Screen'due south Height.
ImageHeight: Specifies the paradigm height of ListView layouts containing images
ImageWidth: Specifies the image width of ListView layouts containing images
ListData: Specifies data to be displayed in the ListView elements. This property sets the elements specified in ListViewLayout. For example, if the chosen layout is Image,MainText this holding will let whatsoever number of elements to be defined, each containing a filename for Prototype and a string for MainText. Designer merely belongings.
ListViewLayout: Specifies type of layout for ListView row. Designer but property.
Orientation: Specifies the layout's orientation. This may be: Vertical, which displays elements in rows 1 afterward the other; or Horizontal, which displays ane element at a fourth dimension and allows the user to swipe left or correct to brows the elements.
Selection: Returns the text in the ListView at the position of SelectionIndex.
SelectionColor: The color of the item when it is selected.
SelectionDetailText: Returns the Secondary or Detail text in the ListView at the position set up past SelectionIndex
SelectionIndex: The index of the currently selected item, starting at ane. If no item is selected, the value will be 0. If an attempt is fabricated to set this to a number less than 1 or greater than the number of items in the ListView, SelectionIndex will be set to 0, and Choice will be set to the empty text.
ShowFilterBar: Sets visibility of the filter bar. true will show the bar, faux will hide it.
TextColor: The text color of the ListView items.
TextColorDetail: Specifies the color of the secondary text in a ListView layout
TextSize: Specifies the ListView item'southward text font size
Visible: Specifies whether the ListView should be visible on the screen. Value is true if the ListView is showing and fake if hidden.
Width: Specifies the horizontal width of the ListView, measured in pixels.
WidthPercent: Specifies the horizontal width of the ListView every bit a pct of the Screen's Width.

Events

AfterPicking(): Simple event to be raised after the an element has been chosen in the list. The selected chemical element is available in the Choice property.

Methods

CreateElement(mainText,detailText,imageName): Creates a
GetDetailText(listElement): Get the Detail Text of a ListView element.
GetImageName(listElement): Get the filename of the image of a ListView element that has been uploaded to Media.
GetMainText(listElement): Go the Main Text of a ListView element.
Refresh(): Reload the ListView to reflect any changes in the data.

Notifier

The Notifier component displays alert letters and creates Android log entries through an array of methods.

Properties

BackgroundColor: Specifies the background color for alerts (non dialogs).
NotifierLength: Specifies the length of time that the alert is shown – either "short" or "long".
TextColor: Specifies the text color for alerts (not dialogs).

Events

AfterChoosing(choice): Event after the user has made a selection for ShowChooseDialog.
AfterTextInput(response): Consequence raised after the user has responded to ShowTextDialog.
ChoosingCanceled(): Event raised when the user cancels choosing an choice. ShowChooseDialog.
TextInputCanceled(): Consequence raised when the user cancels ShowPasswordDialog, or ShowTextDialog.

Methods

DismissProgressDialog(): Dismisses the alert created by the ShowProgressDialog block
LogError(message): Writes an error message to the Android arrangement log. See the Google Android documentation for how to admission the log.
LogInfo(message): Writes an data message to the Android log.
LogWarning(message): Writes a warning message to the Android log. See the Google Android documentation for how to access the log.
ShowAlert(notice): Display a temporary notification.
ShowChooseDialog(message,title,button1Text,button2Text,cancelable): Shows a dialog box with two buttons, from which the user tin can choose. If cancelable is truthful at that place will be an boosted Abolish push. Pressing a button will raise the AfterChoosing consequence. The "option" parameter to AfterChoosing will be the text on the button that was pressed, or "Cancel" if the Abolish button was pressed. If canceled, the TextInputCanceled event will besides run.
ShowMessageDialog(message,title,buttonText): Display an alert dialog with a single button that dismisses the alarm.
ShowPasswordDialog(message,title,cancelable): Shows a dialog box where the user can enter password (input is masked), afterward which the AfterTextInput event will exist raised. If cancelable is true in that location will exist an additional CANCEL button. The AfterTextInput and TextInputCanceled events bear the same style as described in ShowTextDialog.
ShowProgressDialog(message,title): Shows a dialog box with an optional title and bulletin (use empty strings if they are not wanted). This dialog box contains a spinning artifact to indicate that the program is working. It cannot be canceled by the user but must be dismissed by the App Inventor Program by using the DismissProgressDialog method.
ShowTextDialog(message,title,cancelable): Shows a dialog box where the user tin enter text, later which the AfterTextInput effect will exist raised. If cancelable is truthful there will be an boosted Abolish button. Inbound text will heighten the AfterTextInput result. The "response" parameter to AfterTextInput will exist the text that was entered, or "Cancel" if the CANCEL button was pressed. If canceled, the TextInputCanceled event will too run.

PasswordTextBox

Users enter passwords in a countersign text box component, which hides the text that has been typed in it.

Example of a PasswordTextBox

A password text box is the same as the ordinary TextBox component, except that it does not display the characters typed by the user.

You can go or ready the value of the text in the box with the Text property. If Text is blank, you can use the Hint property to provide the user with a proffer of what to blazon. The Hint appears as faint text in the box.

Countersign text box components are commonly used with a Button component. The user taps the Push button afterward entering text.

Properties

BackgroundColor: The background color of the PasswordTextBox`. You can choose a color by name in the Designer or in the Blocks Editor. The default background colour is 'default' (shaded 3-D look).
Enabled: If set, user can enter text into the PasswordTextBox.
FontBold: Specifies whether the text of the PasswordTextBox should be bold. Some fonts practise not support assuming.
FontItalic: Specifies whether the text of the PasswordTextBox should be italic. Some fonts do not support italic.
FontSize: Specifies the text font size of the PasswordTextBox, measured in sp(scale-contained pixels).
FontTypeface: The text font face up of the PasswordTextBox. Valid values are 0 (default), one (serif), two (sans serif), or iii (monospace).
Height: Specifies the PasswordTextBox's vertical height, measured in pixels.
HeightPercent: Specifies the PasswordTextBox'due south vertical height as a percentage of the Screen's Peak.
Hint: PasswordTextBox hint for the user.
NumbersOnly: If truthful, then this PasswordTextBox accepts just numbers as keyboard input. Numbers tin include a decimal point and an optional leading minus sign. This applies to keyboard input only. Even if NumbersOnly is true, you tin set up the text to annihilation at all using the [Text`](#PasswordTextBox.Text) belongings.
PasswordVisible: Specifies whether the password is subconscious (default) or shown.
Text: The text in the PasswordTextBox, which can be gear up by the developer in the Designer or Blocks Editor, or information technology tin can exist entered by the user (unless the Enabled property is faux).
TextAlignment: Specifies the alignment of the PasswordTextBox's text. Valid values are: 0 (normal; e.chiliad., left-justified if text is written left to right), 1 (center), or 2 (contrary; e.m., right-justified if text is written left to right).
TextColor: Specifies the text colour of the PasswordTextBox as an alpha-ruddy-green-bluish integer.
Visible: Specifies whether the PasswordTextBox should exist visible on the screen. Value is truthful if the PasswordTextBox is showing and false if subconscious.
Width: Specifies the horizontal width of the PasswordTextBox, measured in pixels.
WidthPercent: Specifies the horizontal width of the PasswordTextBox as a per centum of the Screen's Width.

Events

GotFocus(): Consequence raised when the PasswordTextBox is selected for input, such as by the user touching it.
LostFocus(): Upshot raised when the PasswordTextBox is no longer selected for input, such as if the user touches a different text box.

Methods

RequestFocus(): Asking focus to current PasswordTextBox.

Screen

Tiptop-level component containing all other components in the program.

Properties

AboutScreen

Information most the screen. It appears when "Nearly this Awarding" is selected from the organization menu. Use it to tell users almost your app. In multiple screen apps, each screen has its own AboutScreen info.

AccentColor

This is the accent color used for highlights and other user interface accents in newer versions of Android. Components affected by this holding include dialogs created past the Notifier, the DatePicker, and others.

AlignHorizontal

A number that encodes how contents of the screen are aligned horizontally. The choices are: 1 (left aligned), 3 (horizontally centered), 2 (right aligned).

AlignVertical

A number that encodes how the contents of the arrangement are aligned vertically. The choices are: 1 (aligned at the top), ii (vertically centered), iii (aligned at the lesser). Vertical alignment has no effect if the screen is scrollable.

AppName

This is the display proper noun of the installed application in the phone. If the AppName is blank, information technology volition be fix to the name of the project when the project is built.

BackgroundColor

Specifies the Screen'southward groundwork color as an alpha-crimson-green-blue integer. If an BackgroundImage has been set, the colour change will not be visible until the BackgroundImage is removed.

BackgroundImage

Specifies the path of the Screen'south background image. If there is both an BackgroundImage and a BackgroundColor specified, but the BackgroundImage will exist visible.

BigDefaultText

When checked, all default size text will be increased in size.

BlocksToolkit

A JSON cord representing the subset for the screen. Authors of template apps can utilise this to command what components, designer properties, and blocks are available in the project.

CloseScreenAnimation

Sets the animation blazon for the transition of this course closing and returning to a form behind information technology in the activity stack.

DefaultFileScope

Specifies the default scope used when components access files. Note that the File component has its own belongings for controlling file scopes.

Height

Returns the Screen height in pixels (y-size).

HighContrast

When checked, there will exist loftier contrast fashion turned on.

Icon

The paradigm used for your App's display icon should be a square png or jpeg prototype with dimensions upwards to 1024x1024 pixels. Larger images may cause compiling or installing the app to fail. The build server will generate images of standard dimensions for Android devices.

OpenScreenAnimation

Sets the animation type for the transition of this class opening.

Platform

Gets the name of the underlying platform running the app. Currently, this is the text "Android". Other platforms may be supported in the time to come.

PlatformVersion

Gets the version number of the platform running the app. This is typically a dotted version number, such as 10.0. Whatever value can exist returned, however, and then you should take care to handle unexpected data. If the platform version is unavailable, the empty text will be returned.

PrimaryColor

This is the chief color used every bit role of the Android theme, including coloring the Screen's title bar.

PrimaryColorDark

This is the primary color used when the Theme property is specified to be Nighttime. Information technology applies to a number of elements, including the Screen's championship bar.

ScreenOrientation

Declares the requested screen orientation, specified as a text value. Commonly used values are landscape, portrait, sensor, user and unspecified. See the Android developer documentation for the consummate list of possible options.

Scrollable

When checked, at that place volition exist a vertical scrollbar on the screen, and the peak of the application tin exceed the physical superlative of the device. When unchecked, the application height is constrained to the height of the device.

ShowListsAsJson

If true (the default), lists will be shown every bit strings in JSON/Python notation for instance [ane, "a", true]. If simulated, lists will be shown in the LISP notation, for example (1 a true).

Notation: This property appears only in Screen1 and the value for Screen1 determines the behavior for all screens in the app.

ShowStatusBar

The status bar is the topmost bar on the screen. This holding reports whether the condition bar is visible.

Sizing

If prepare to responsive (the default), screen layouts will utilise the actual resolution of the device. Meet the documentation on responsive design in App Inventor for more than data. If set to fixed, screen layouts volition be created for a single fixed-size screen and autoscaled.

Note: This belongings appears on Screen1 merely and controls the sizing for all screens in the app.

Theme

Selects the theme for the application. Theme tin can only be set at compile time and the Companion will approximate changes during live development. Possible options are:

Classic, which is the same as older versions of App Inventor;
Device Default, which gives the aforementioned theme as the version of Android running on the device and uses PrimaryColor for the Action Bar and has light buttons;
Black Title Text, which is the Device Default theme just with black title text; and
Dark, which is a dark version of the Device Default theme using PrimaryColorDark and having dark greyness components.

Title

Title property setter method: sets a new caption for the form in the form'southward title bar.

TitleVisible

The title bar is the top gray bar on the screen. This property reports whether the championship bar is visible.

TutorialURL

A URL which will be opened on the left side panel (which can exist toggled once it is open up). This is intended for projects that have an in-line tutorial equally office of the project. For security reasons, but tutorials hosted on http://appinventor.mit.edu or linked to from our URL shortener (http://appinv.the states) may exist used hither. Other URLs will be silently ignored.

VersionCode

An integer value which must be incremented each time a new Android Application Parcel File (APK) is created for the Google Play Shop.

VersionName

A string which can be changed to allow Google Play Store users to distinguish between dissimilar versions of the App.

Width

Returns the Screen width in pixels (x-size).

Events

BackPressed(): Device back push button pressed.
ErrorOccurred(component,functionName,errorNumber,message): Event raised when an error occurs. Only some errors will raise this status. For those errors, the organization will show a notification by default. You can apply this event handler to prescribe an error behavior different than the default.
Initialize(): The Initialize event is run when the Screen starts and is only run once per screen.
OtherScreenClosed(otherScreenName,effect): Event raised when another screen has closed and control has returned to this screen.
PermissionDenied(component,functionName,permissionName): Effect to handle when the app user has denied a needed permission.
PermissionGranted(permissionName): Event to handle when the app user has granted a needed permission. This consequence is but run when permission is granted in response to the AskForPermission method.
ScreenOrientationChanged(): Screen orientation changed

Methods

AskForPermission(permissionName): Ask the user to grant access to a sensitive permission, such as ACCESS_FINE_LOCATION. This block is typically used equally function of a PermissionDenied outcome to inquire for permission. If the user grants permission, the PermissionGranted outcome will be run. If the user denies permission, the PermissionDenied effect will be run.
Notation: It is a best do to only ask for permissions at the time they are needed, which App Inventor components volition do when necessary. Y'all should not use AskForPermission in your Initialize event unless admission to that permission is critical to the behavior of your app and is needed upwards front, such equally location services for a navigation app.
HideKeyboard(): Hide the soft keyboard

Slider

This grade is used to brandish a Slider.

Example Slider icon

A Slider is a progress bar that adds a draggable thumb. You tin can impact the thumb and drag left or correct to set the slider pollex position. As the Slider pollex is dragged, it will trigger the PositionChanged event, reporting the position of the Slider thumb. The reported position of the thumb can be used to dynamically update another component attribute, such as the TextBox'southward FontSize of a TextBox or the Radius of a Ball.

The Slider uses the following default values. Even so these values can be changed through the Designer or Blocks editor:

MinValue = 10
MaxValue = 50
ThumbPosition = 30

Properties

ColorLeft: Specifies the color of the slider bar to the left of the thumb as an alpha-cherry-red-green-blue integer, i.east., 0xAARRGGBB. An alpha of 00 indicates fully transparent and FF means opaque.
ColorRight: Specifies the color of the slider bar to the correct of the thumb as an blastoff-red-green-blue integer, i.eastward., 0xAARRGGBB. An blastoff of 00 indicates fully transparent and FF means opaque.
HeightPercent: Specifies the Slider's vertical height every bit a per centum of the Screen's Height.
MaxValue: Sets the maximum value of slider. If the new maximum is less than the current minimum, then minimum and maximum will both be set to this value. Setting MaxValue resets the thumb position to halfway between MinValue and MaxValue and signals the PositionChanged` event.
MinValue: Sets the minimum value of slider. If the new minimum is greater than the current maximum, so minimum and maximum volition both exist fix to this value. Setting MinValue resets the pollex position to halfway between MinValue and MaxValue and signals the PositionChanged` event.
ThumbEnabled: Whether or not the slider thumb is being be shown.
ThumbPosition: Sets the position of the slider thumb. If this value is greater than MaxValue, so it will exist gear up to same value equally MaxValue. If this value is less than MinValue, then it will be set to aforementioned value as MinValue.
Visible: Specifies whether the Slider should exist visible on the screen. Value is truthful if the Slider is showing and faux if subconscious.
Width: Specifies the horizontal width of the Slider, measured in pixels.
WidthPercent: Specifies the horizontal width of the Slider as a percentage of the Screen's Width.

Events

PositionChanged(thumbPosition): Indicates that position of the slider thumb has changed.

Methods

None

Spinner

A Spinner component that displays a dialog with a listing of elements. These elements can be ready in the Designer or Blocks Editor by setting the ElementsFromString property to a comma-separated list of values (for case, pick 1, option 2, choice iii) or past setting the Elements property to a List in the Blocks editor. Spinners are created with the kickoff item already selected, and so selecting information technology does not generate an AfterSelecting event. Consequently it'due south useful to brand the first Spinner detail be a non-selection like "Select from below…".

Properties

Elements: Specifies the list of choices to brandish.
ElementsFromString: Prepare the list of choices from a cord of comma-separated values.
Pinnacle: Specifies the Spinner's vertical superlative, measured in pixels.
HeightPercent: Specifies the Spinner's vertical summit as a per centum of the Screen's Height.
Prompt: Specifies the text used for the title of the Spinner window.
Selection: Specifies the current selected item in the Spinner.
SelectionIndex: Set the Spinner selection to the element at the given index. If an attempt is made to set this to a number less than 1 or greater than the number of items in the Spinner, SelectionIndex will be ready to 0, and Choice will exist set to the empty text.
Visible: Specifies whether the Spinner should exist visible on the screen. Value is true if the Spinner is showing and false if subconscious.
Width: Specifies the horizontal width of the Spinner, measured in pixels.
WidthPercent: Specifies the horizontal width of the Spinner every bit a percent of the Screen'southward Width.

Events

AfterSelecting(pick): Result called afterward the user selects an item from the dropdown list.

Methods

DisplayDropdown(): Displays the dropdown listing for selection, aforementioned activeness equally when the user clicks on the spinner.

Switch

Switch components tin can detect user taps and can change their boolean state in response. They are identical to CheckBoxes except in appearance.

Switches take an on (true) state and an off (false) land. A Switch component raises an event when the user taps information technology to toggle between states.

Properties

BackgroundColor: Specifies the background color of the Switch every bit an alpha-red-green-blue integer.
Enabled: Specifies whether the Switch should be active and clickable.
FontBold: Specifies whether the text of the Switch should be bold. Some fonts do not support bold.
FontItalic: Specifies whether the text of the Switch should exist italic. Some fonts do not support italic.
FontSize: Specifies the text font size of the Switch, measured in sp(scale-independent pixels).
FontTypeface: Specifies the text font face up of the Switch as default, serif, sans serif, or monospace.
Pinnacle: Specifies the Switch'southward vertical height, measured in pixels.
HeightPercent: Specifies the Switch'southward vertical meridian as a percent of the Screen's Summit.
On: True if the switch is in the On land, false otherwise.
Text: Specifies the text displayed by the Switch.
TextColor: Specifies the text color of the Switch as an alpha-red-green-blue integer.
ThumbColorActive: Specifies the Switch's thumb colour when switch is in the On state.
ThumbColorInactive: Specifies the Switch'southward thumb colour when switch is in the Off state.
TrackColorActive: Specifies the Switch'due south track colour when in the On state.
TrackColorInactive: Specifies the Switch'south track color when in the Off country.
Visible: Specifies whether the Switch should be visible on the screen. Value is true if the Switch is showing and false if hidden.
Width: Specifies the horizontal width of the Switch, measured in pixels.
WidthPercent: Specifies the horizontal width of the Switch equally a percentage of the Screen's Width.

Events

Changed(): User change the land of the Switch from On to Off or back.
GotFocus(): Switch became the focused component.
LostFocus(): Switch stopped being the focused component.

Methods

None

TextBox

Users enter text in a text box component.

Example of a TextBox

The initial or user-entered text value in a text box component is in the Text property. If Text is blank, you tin use the Hint property to provide the user with a proffer of what to type. The Hint appears as faint text in the box.

The MultiLine property determines if the text can have more than one line. For a unmarried line text box, the keyboard volition shut automatically when the user presses the Done key. To close the keyboard for multiline text boxes, the app should utilise the HideKeyboard method or rely on the user to printing the Dorsum key.

The NumbersOnly belongings restricts the keyboard to accept numeric input but.

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

Text boxes are normally used with the Button component, with the user clicking on the Button when text entry is complete.

If the text entered by the user should non be displayed, use PasswordTextBox instead.

Properties

BackgroundColor: The background color of the TextBox`. Yous tin choose a colour past name in the Designer or in the Blocks Editor. The default background color is 'default' (shaded three-D wait).
Enabled: If set, user can enter text into the TextBox.
FontBold: Specifies whether the text of the TextBox should be bold. Some fonts do not support bold.
FontItalic: Specifies whether the text of the TextBox should be italic. Some fonts do not support italic.
FontSize: Specifies the text font size of the TextBox, measured in sp(scale-independent pixels).
FontTypeface: The text font face of the TextBox. Valid values are 0 (default), one (serif), 2 (sans serif), or 3 (monospace).
Elevation: Specifies the TextBox'southward vertical height, measured in pixels.
HeightPercent: Specifies the TextBox's vertical height equally a percentage of the Screen'due south Meridian.
Hint: TextBox hint for the user.
MultiLine: If truthful, then this TextBox accepts multiple lines of input, which are entered using the render key. For single line text boxes there is a Done key instead of a return cardinal, and pressing Done hides the keyboard. The app should call the HideKeyboard method to hide the keyboard for a mutiline text box.
NumbersOnly: If true, then this TextBox accepts just numbers as keyboard input. Numbers tin include a decimal point and an optional leading minus sign. This applies to keyboard input only. Fifty-fifty if NumbersOnly is truthful, you can set the text to anything at all using the [Text`](#TextBox.Text) property.
ReadOnly: Whether the TextBox is read-only. Past default, this is true.
Text: The text in the TextBox, which tin be set by the programmer in the Designer or Blocks Editor, or it can exist entered by the user (unless the Enabled property is false).
TextAlignment: Specifies the alignment of the TextBox's text. Valid values are: 0 (normal; e.thousand., left-justified if text is written left to right), 1 (center), or 2 (opposite; eastward.k., correct-justified if text is written left to right).
TextColor: Specifies the text color of the TextBox equally an alpha-red-green-blueish integer.
Visible: Specifies whether the TextBox should be visible on the screen. Value is true if the TextBox is showing and false if hidden.
Width: Specifies the horizontal width of the TextBox, measured in pixels.
WidthPercent: Specifies the horizontal width of the TextBox as a percentage of the Screen's Width.

Events

GotFocus(): Event raised when the TextBox is selected for input, such as by the user touching it.
LostFocus(): Event raised when the TextBox is no longer selected for input, such as if the user touches a dissimilar text box.

Methods

HideKeyboard(): Hide the keyboard. Only multiline text boxes demand this. Single line text boxes shut the keyboard when the users presses the Done key.
RequestFocus(): Request focus to current TextBox.

TimePicker

A button that, when clicked on, opens a dialog to let the user to select a time.

Note: Engagement and time are manipulated using methods in the Clock component.

Properties

BackgroundColor: Specifies the TimePicker'south background color equally an alpha-cherry-red-light-green-blue integer. If an Paradigm has been set, the color alter will not be visible until the Image is removed.
Enabled: Specifies whether the TimePicker should be active and clickable.
FontBold: Specifies whether the text of the TimePicker should be bold. Some fonts do not back up bold.
FontItalic: Specifies whether the text of the TimePicker should be italic. Some fonts practice non support italic.
FontSize: Specifies the text font size of the TimePicker, measured in sp(scale-independent pixels).
FontTypeface: Specifies the text font face of the TimePicker equally default, serif, sans serif, or monospace.
Height: Specifies the TimePicker'south vertical height, measured in pixels.
HeightPercent: Specifies the TimePicker'due south vertical peak as a percentage of the Screen's Height.
Hour: Returns the hour of the time that was last picked using the TimePicker`. The time returned is ever in the 24hour format.
Image: Specifies the path of the TimePicker's prototype. If in that location is both an Prototype and a BackgroundColor specified, only the Image will be visible.
Instant: Returns the instant in fourth dimension that was final picked using the TimePicker.
Minute: Returns the hour of the time that was terminal picked using the TimePicker. The fourth dimension returned is ever in the 24hour format.
Shape: Specifies the shape of the TimePicker. The valid values for this property are 0 (default), i (rounded), 2 (rectangle), and iii (oval). The Shape will not be visible if an Paradigm is used.
ShowFeedback: Specifies if a visual feedback should be shown when a TimePicker with an assigned Image is pressed.
Text: Specifies the text displayed past the TimePicker.
TextAlignment: Specifies the alignment of the TimePicker'south text. Valid values are: 0 (normal; e.g., left-justified if text is written left to right), 1 (center), or 2 (opposite; e.one thousand., right-justified if text is written left to right).
TextColor: Specifies the text color of the TimePicker equally an blastoff-red-green-bluish integer.
Visible: Specifies whether the TimePicker should exist visible on the screen. Value is truthful if the TimePicker is showing and false if hidden.
Width: Specifies the horizontal width of the TimePicker, measured in pixels.
WidthPercent: Specifies the horizontal width of the TimePicker as a percentage of the Screen'south Width.

Events

AfterTimeSet(): This event is run when a user has set the fourth dimension in the popup dialog.
GotFocus(): Indicates the cursor moved over the TimePicker so it is now possible to click it.
LostFocus(): Indicates the cursor moved away from the TimePicker so it is now no longer possible to click it.
TouchDown(): Indicates that the TimePicker was pressed down.
TouchUp(): Indicates that the TimePicker has been released.

Methods

LaunchPicker(): Launches the TimePicker dialog.
SetTimeToDisplay(hour,minute): Allows the user to set up the fourth dimension to be displayed when the TimePicker opens. Valid values for the hour field are 0-23 and 0-59 for the 2d field.
SetTimeToDisplayFromInstant(instant): Allows the instant to set the hour and infinitesimal to exist displayed when the TimePicker opens. Instants are used in Clock, DatePicker, and TimePicker components.

WebViewer

Component for viewing Web pages.

WebViewer icon

The HomeUrl can be specified in the Designer or in the Blocks Editor. The view can be prepare to follow links when they are tapped, and users can fill in Web forms.

Warning: This is not a total browser. For example, pressing the phone's hardware Back key will exit the app, rather than move dorsum in the browser history.

You can use the WebViewString holding to communicate between your app and Javascript code running in the WebViewer page. In the app, you get and set WebViewString. In the WebViewer, you include Javascript that references the window.AppInventor object, using the methods getWebViewString() and setWebViewString(text).

For case, if the WebViewer opens to a page that contains the Javascript command

                              document                .                write                (                "The answer is"                +                window                .                AppInventor                .                getWebViewString                ());

and if you set WebViewString to "hello", then the web page will bear witness

And if the Spider web page contains Javascript that executes the command

                              windowAppInventor                .                setWebViewString                (                "hello from Javascript"                ),

then the value of the WebViewString property will exist

Calling setWebViewString from JavaScript will also run the WebViewStringChange event and then that the blocks can handle when the WebViewString property changes.

Beginning with release nb184a, yous tin specify a HomeUrl beginning with http://localhost/ to reference avails both in the Companion and in compiled apps. Previously, apps needed to apply file:///android_asset/ in compiled apps and /sdcard/AppInventor/assets/ in the Companion. Both of these options volition proceed to work but the http://localhost/ approach will piece of work in both scenarios. You may also use "file:///appinventor_asset/" which provides more security by preventing the use of asynchronous requests from JavaScript in your assets from going out to the web.

Backdrop

CurrentPageTitle: Returns the title of the page currently being viewed
CurrentUrl: Returns the URL currently beingness viewed. This could be different from the HomeUrl if new pages were visited by following links.
FollowLinks: Determines whether to follow links when they are tapped in the WebViewer. If you follow links, you can utilise GoBack and GoForward to navigate the browser history.
Tiptop: Specifies the WebViewer'south vertical height, measured in pixels.
HeightPercent: Specifies the WebViewer'due south vertical height as a percentage of the Screen's Height.
HomeUrl: Specifies the URL of the page the WebViewer should initially open to. Setting this will load the page.
IgnoreSslErrors: Decide whether or not to ignore SSL errors. Set to true to ignore errors. Utilize this to accept self signed certificates from websites.
PromptforPermission: Determine if the user should be prompted for permission to use the geolocation API while in the WebViewer. If true, prompt the user of the WebViewer to requite permission to access the geolocation API. If false, assume permission is granted.
UsesLocation: Specifies whether or not this WebViewer tin admission the JavaScript geolocation API.
Visible: Specifies whether the WebViewer should be visible on the screen. Value is true if the WebViewer is showing and false if hidden.
WebViewString: Gets the WebView's String, which is viewable through Javascript in the WebView equally the window.AppInventor object.
Width: Specifies the horizontal width of the WebViewer, measured in pixels.
WidthPercent: Specifies the horizontal width of the WebViewer equally a percentage of the Screen's Width.

Events

BeforePageLoad(url): When a folio is nearly to load this event is run.
ErrorOccurred(errorCode,clarification,failingUrl): When an error occurs this event is run.
PageLoaded(url): When a folio is finished loading this event is run.
WebViewStringChange(value): Result that runs when the AppInventor.setWebViewString method is called from JavaScript. The new WebViewString is given by the value parameter.

Methods

CanGoBack(): Returns true if the WebViewer can go back in the history list.
CanGoForward(): Returns true if the WebViewer can go forward in the history list.
ClearCaches(): Articulate the internal webview cache, both ram and disk. This is useful when using the WebViewer to poll a page that may not be sending appropriate cache control headers.
ClearCookies(): Clear the webview'due south cookies. This is useful if you want to sign the user out of a website that uses them to store logins.
ClearLocations(): Clear Stored Location permissions. When the geolocation API is used in the WebViewer, the end user is prompted on a per URL ground for whether or not permission should exist granted to admission their location. This part clears this data for all locations.
As the permissions interface is not available on phones older so Eclair, this function is a no-op on older phones.
GoBack(): Become back to the previous page in the history list. Does nix if at that place is no previous folio.
GoForward(): Become forward to the side by side page in the history list. Does nothing if there is no next page.
GoHome(): Loads the folio from the dwelling house URL. This happens automatically when home URL is changed.
GoToUrl(url): Load the page at the given URL.
Reload(): Reload the electric current page.
RunJavaScript(js): Run JavaScript in the current folio.
StopLoading(): Stop loading a page.

huntapse1965.blogspot.com

Source: http://ai2.appinventor.mit.edu/reference/components/userinterface.html

How to Show the Visibility of Some Hiden Line Again Inventor

User Interface

Button

Backdrop

Events

Methods

CheckBox

Properties

Events

Methods

DatePicker

Properties

Events

Methods

Epitome

Properties

Events

Methods

Label

Backdrop

Events

Methods

ListPicker

Properties

Events

Methods

ListView

Properties

Events

Methods

Notifier

Properties

Events

Methods

PasswordTextBox

Properties

Events

Methods

Screen

Properties

Events

Methods

Slider

Properties

Events

Methods

Spinner

Properties

Events

Methods

Switch

Properties

Events

Methods

TextBox

Properties

Events

Methods

TimePicker

Properties

Events

Methods

WebViewer

Backdrop

Events

Methods

0 Response to "How to Show the Visibility of Some Hiden Line Again Inventor"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel