How to Create a Clock View in Xcode

By Keith Greiner

September 12, 2019

This page links to an essay that describes how to create a clock view like the one shown above. The development of a Clock View presents a number of challenges:

1. the programmer needs to be able to draw on a view controller,

2. the drawing needs to be in a clock face pattern, and

3. the drawing needs to have three hands that point to current hours, minutes, and seconds.

4. the hands need to rotate around the circle in the typical manner of an analog clock.

The essay was inspired by a youtube.com presentation by Rahul Yadav (a.k.a. CodeVlog). A link to the youtube.com demonstration is provided in the .pdf file. While the youtube presentation shows the steps in practice, this file shows a written list of steps up to the point when code is typed into the implementation files. At that point, readers have a choice between the video and text showng the completed code. The pdf file essay at this link presents the steps that I used to create the clock and the Objective-C code that was created in the process.

<------- Return to Excel Statistics Guide