PREFINAL | User Interaction | MST

User interaction

It typically involves tapping, typing, using gestures, or talking.

users

When designing an interactive app: o Think about how ______ will use your app.

steps

When designing an interactive app: o Minimize _______.

UI elements

When designing an interactive app: o Use ____ ___________ that are easy to access, understand, use.

best practices

When designing an interactive app: o Follow Android's _____ __________.

expectations

When designing an interactive app: o Meet user's ____________.

Button

It is usually a rectangle or rounded rectangle with a descriptive caption or icon in its center.

text or icon or both

A button can have _____ or ______ or ________.

Normal, Disabled, Pressed

Each button has three (3) states: HINT: N D P

Raised button

A button that appears lifted from the screen—the shading around it indicates that it is possible to tap or click it.

Flat button or borderless button

It is a text-only button that looks flat and doesn't have a shadow.

Borderless button

Flat button is also called what?

ImageView and floating action buttons (FAB)

Clickable images include ____________ and ________ _____ ___________.

ImageView

It is used to display image resources.

onClick Attribute

ImageView can be turned into a button by adding the android:__________ attribute in the XML layout.

drawable folder

The image for the ImageView must already be stored in app > src > main > res > ___________ folder of the project.

Floating Action Button (FAB)

It is a circular button that appears to float above the layout.

Touch gesture

It occurs when a user places one or more fingers on the touchscreen, and the app interprets that pattern of touches as a particular gesture, such as a tap, touch & hold, double-tap, fling, or scroll.

Input controls

These are interactive elements in the app's UI that accept data input.

text field (EditText)

It is used for entering and modifying text.

Check box

It is used for selecting one or more options

Radio button

It restricts the user to select only one (1) option from a set.

Spinner

It is a drop-down menu for selecting only one (1) option.

mySpinner.getSelectedItem().toString()

Here is a sample statement that stores the value of the selected option in a String. String text = _____________.____________()._____________();

Toggle button

It lets the user change a setting between two (2) states.

Switch

A type of toggle button called ___________ (for Android 4.0+) provides a slider for selection.

SeekBar

It is dragged to the left or right to indicate a current progress level.

mySeekBar.getProgress()

Here is a sample statement that stores the progress of the SeekBar in an int variable: int status = _____________.______________();

Event

It occurs when the user interacts with an input control or item in the user interface.

Event listener

It is an interface in the View class that contains a single callback method.

Event listener

These single callback methods will be called when the View to which the listener has been registered is triggered by user interaction with the item in the UI.

onClick()

When the user either touches or focuses upon the item

onLongClick()

When the user either touches or focuses upon the item for a second

onKey()

When the user is focused on the item and presses or releases a hardware key on the device

onTouch()

When the user performs an action qualified as a touch event (a press, a release, or any movement gesture on the screen)

onClick() and onTouch()

Most input controls use _________ and _____________.