Mobile Programming
Engr. Waqar Ahmed
MUET, Shaheed Z.A Bhutto Campus Khairpur Mir’s
Android GUI Architecture
• The Android UI framework is, like other Java UI frameworks, organized
around the common Model-View-Controller pattern.
The Model
• The Model is the backbone of your application—what it actually
does.
• It might be, for instance, the database of music on your device
and the code for playing the music.
The View
• The View is the visualization of the Model.
• More generally, a view is the portion of the application responsible
for rendering the display, sending audio to the speakers, generating
tactile feedback, and so on.
The Controller
• The Controller is the portion of an application that responds to
external actions: a keystroke, a screen tap, an incoming call, and
so forth.
• It is implemented as an event queue.
Assembling a Graphical Interface
• The Android UI framework provides both a complete set of
drawing tools with which to build a UI, and a rich collection of
prebuilt components based on these tools.
• The MapActivity and MyLocationOverlay classes make it possible
to create extremely sophisticated applications without doing any
custom drawing at all.
Assembling a Graphical Interface
• In the Android UI framework, the widgets are all subclasses of
android.view.View.
Android Widget Toolbox
Android supplies a toolbox of standard Views to help make an
interactive interface
• TextView A standard read only text label. It supports multiline
display, string formatting, and automatic word wrapping.
• EditText An editable text entry box. It accepts multiline entry and
word wrapping.
Android Widget Toolbox
• ListView A View Group that creates and manages a group of Views used to
display the items in a List. The standard ListView displays the string value
of an array of objects using a TextView for each item.
Android Widget Toolbox
• Spinner Composite control that displays a TextView and an associated
ListView that lets you select an item from a list to display in the
textbox. It has a Text View displaying the current selection, combined
with a button that displays a selection dialog when pressed.
• Button Standard push-button
Android Widget Toolbox
• CheckBox Two-state button represented with a checked or unchecked
box.
• RadioButton Two-state grouped buttons. Presents the user with a
number of binary options of which only one can be selected at a time.
Android Widget Toolbox
• Date Picker allows you to select the date consisting of day, month
and year in your custom user interface.
• Progressbars are used to show progress of a task. For example,
when you are uploading or downloading something from the intern
et, it is better to show the progress of download/upload to the
user. In android there is a class called ProgressDialog that allows you
to create progress bar.
Layouts/ ViewGroups
Positioning of these views depend upon the android.view.ViewGroup.
The view groups are the containers of these views
• LinearLayout - displays View-elements as a single row (if it is
Horizontal) or a single column (if it is Vertical).
Layouts/ ViewGroups
• TableLayout - displays elements in the form of a table, with rows and
columns.
• RelativeLayout - each element’s position is configured relatively to other
elements.
Layouts/ ViewGroups
• AbsoluteLayout - each element is specified an absolute position on the scr
een in the coordinate system (x, y).
• ConstraintLayout - allows you to create large and complex layouts with a fla
t view hierarchy (no nested view groups). It's similar to RelativeLayout in th
at all views are laid out according to relationships between sibling views an
d the parent layout, but it's more flexible than RelativeLayout and easier to
use with Android Studio's Layout Editor.
Example
LinearLayout Code (Example)
RelativeLayout Code (Example)
AbsoluteLayout Code (Example)
