Presentation for developing iPhone Applications

1. BasicUI
Dr. Thanisa Kruawaisayawan
www.imcinstitute.com

2. BasicUI
UIImageView UITextField
UILabel
UISlider
2

3. New an Single View Application > BasicUI
3

4. BasicUI Project
• Copy your image file to BasicUI project
4

5. MainStoryboard.storyboard
• Drag and drop Image View and adjust the size
5

6. MainStoryboard.storyboard
• Click at Attributes Inspector tab and choose Image: MMiOS.png
6

7. MainStoryboard.storyboard
• Drag and drop Label, Text Field and Slider
7

8. MainStoryboard.storyboard
• Change attributes of Label, Text Field and Slider
8

9. ViewController.h
9

10. ViewController.m
10

11. ViewController.m (Xcode 4.5)
11

12. MainStoryboard.storyboard
• Check all connections
12

13. Run and See Result
• Problem with keyboard
How to get the
keyboard
down ?
13

14. MainStoryboard.storyboard to ViewController.h
• Control+Drag from nameField to ViewController.h and choose Action with
Name: textFieldDoneEditing and Event: Did End On Exit
14

15. ViewController.h & ViewController.m
ViewController.h
ViewController.m
15

16. Run and See Result
• When return button on the text keyboard is tapped.
16

17. No return Button on Number Pad Keyboard
17

18. MainStoryboard.storyboard
• Change UIView to UIControl
18

19. MainStoryboard.storyboard
• Drag Control and Choose Touch Down
19

20. ViewController.h & ViewController.m
ViewController.h
ViewController.m
20

21. Example of all UI outputs
UIView
UILabel
UISwitch
UISegmentControl
21

22. MainStoryboard.storyboard
22

23. ViewController.h
23

24. Exercise 1
24

25. Exercise 2
25

26. Classes Inherit from UIView
Xcode
>
Organizer
>
Documentation
26

27. Classes Inherit from UIControl
27

28. UIControl
• UIControl is the base class for control objects such as buttons and sliders
that convey user intent to the application.
• The main role of UIControl is to define an interface and base implementation
for preparing action messages and initially dispatching them to their targets
when certain events occur.
28