A (175)

CHAPTER 8: Android UI Design: Using Advanced ViewGroup Layout Containers 283

Since you are placing the AnalogClock UI widget into the first row of the UI design, and spanning
across the first and second columns by using the android:columnSpan parameter with a data value
of “ 2 ,” you will need to adjust the android:layout_row parameters for your EditText and Button class
UI elements to be numbered from 1 through 4, which represents rows 2 through 5 of the design,
whereas before they were numbered from 0 through 3, which represents rows 1 through 4 of the
(previous) design.

The cell index changes to the four EditText and four Button child tags are shown in Figure 8-15, in
addition to the addition of an AnalogClock UI widget child tag and the android:layout_gravity and
android:columnSpan parameters, which are the parameters which we are focusing our learning
process on in this part of the chapter.

Once you have added in the child tag and then updated the android:layout_row
parameters so that your and child tags will lay out in the grid below the

UI element, click on the Graphical Layout Editor tab and render the new GridLayout
UI design, which should now have an AnalogClock UI element centered at the top of the design (see
Figure 8-16).

Figure 8-16. Using the Graphical Layout Editor to render the widget and GridLayout columnSpan