Step 2: Add parts to AlarmClockView
When completed,
AlarmClockView has the following user interface:
![Alarm Clock user interface Alarm Clock user interface](../hd/images/hdiapp06.gif)
To define this user interface, first, add two push buttons to the empty window in the Composition Editor:
1. Select
![Buttons category icon Buttons category icon](../hd/images/btncat.gif)
(Buttons category) and
![Push Button icon Push Button icon](../hd/images/pushbtn.gif)
(Push Button part) from the parts palette. After you select them, the status line along the bottom of the editor shows:
Category: Buttons Part: Push Button
2. Click on the Sticky checkbox in the lower left of the editor so it shows a check mark. You now can add multiple push buttons to the empty window without having to select the Push Button part again.
3. Click on the lower-left and then on the lower-right of the window. This adds the push buttons.
![Window with push button Window with push button](../hd/images/hdiapp07.gif)
4. Click on
![Selection tool Selection tool](../hd/images/select.gif)
(the Selection tool) on the Tool bar to disarm the
Sticky.
Next, add the other parts. You'll need:
Parts to add
Where they are in the parts palette
1 Multi-line Edit
![Data Entry category icon Data Entry category icon](../hd/images/textcat.gif)
category,
![Multi-line Edit icon Multi-line Edit icon](../hd/images/mle.gif)
part
4 Labels
![Data Entry category icon Data Entry category icon](../hd/images/textcat.gif)
category,
![Label icon Label icon](../hd/images/label.gif)
part
2 Spin Buttons
![Data Entry category icon Data Entry category icon](../hd/images/textcat.gif)
category,
![Spin Button icon Spin Button icon](../hd/images/spinbtn.gif)
part
After you add the parts, the window resembles:
![Alarm clock window with parts as dropped Alarm clock window with parts as dropped](../hd/images/hdiapp08.gif)
Last modified date: 08/01/2019