Designing the user interface

• Now we are going to modify the

user interface of the application
using designer tool. The palette
contains different categories of
user interface components that
may be used to construct a user
interface.
• The first step in modifying the
application is to delete the
TextView component from the
design. Begin by clicking on the
TextView object within the user
interface view so that it appears
with a blue border around it.
• Once selected, press the Delete key
on the keyboard to remove the
object from the layout.
• In the Palette panel, locate the
Widgets category.
• Click and drag the Large Text
object and drop it in the center
of the user interface design
when the green marker lines
appear to indicate the center of
the display.
• The next step is to change the
text that is currently displayed
by the TextView component.
• Double click on the object in the
design layout to display the text
and id editing panel as
illustrated the figure above.
• Within the panel, change the
text property from “Large Text”
to “My first Android
Application”.
• At this point there is a light bulb that
appears next to the TextView object
in the layout. This indicates a
possible problem and provides some
recommended solutions.
• For the moment we can keep this
warning. In the module 5 of the
MOOC we will explain how to
suppress the warning.
• At this point the design of the
user interface is completed and
we can switch to the XML view
simply by selecting the Text tab
as shown in the screen below.