Start up Xcode, select “Create a new Xcode project,” choose the Single View Application template, and name your project “TouchHandlers.” Use the settings shown below:

Click Next, choose a location to save your project, and click Create.

In the Project Navigator, select the MainStoryboard.storyboard file, which will bring up the storyboard in Interface Builder. Drag a UILabel control from the library to the view, and change the text of the label to “Tap once for red, twice for blue.” Resize and center the label as shown:

Now drag a Tap Gesture Recognizer (UITapGestureRecognizer) from the library to the view. The Tap Gesture Recognizer is located in the library:

Notice that when you drag the tap gesture recognizer to the view, it becomes a child of the view controller rather than the view. We need to create an action method to handle the tap gesture when it occurs.

Since we want to detect not only a single tap, but also a double tap, we will need two tap gesture recognizer objects, so drag another one out now. For the first recognizer, leave all the attributes alone, but for the second, change the Taps attribute to 2 as shown:

Now we’re ready to create the action methods to be executed in response to the tap gestures. Open up the ViewController.h file, and add the bolded in the listing below:

Now open ViewController.m and add the bolded methods shown here:

All that remains is to wire up the methods to the proper gesture recognizers in Interface Builder. Make sure that singleTap is wired to the recognizer configured for 1 tap and doubleTap is wired to the one configured for 2 taps.

Run the application to test the tap gestures.

There are many other gesture recognizers available in the Interface Builder library. Have fun experimenting will all of them.

Open Xcode, and choose “Create a new Xcode project” from the welcome screen. In the next screen, choose the Single View Application template. Name your project “SimpleBrowser” and choose options as shown:

Click Next, choose a location to save the project, and Click Create. Once the project has been created, select the MainStoryboard.storyboard file. Drag a UILabel, UITextField, and UIWebView to the View as shown:

Open the ViewController.h file, and make the changes as shown:

We’ve added two properties, a UITextField named address, and a UIWebView named browser. Both of these properties are designated as IBOutlets, which means that they will be wired up to controls in our view. We’ve also added an action method (addressEntered:) that will also be wired up to a control.

Next, open up the ViewController.m file, and make the following changes:

As is usually the case with properties declared in the .h file, we first synthesize them here. Next comes the implementation of the addressEntered: method. Notice that the sender of the event that triggers this method is a UITextField: the same text field we dragged to the view in the MainStoryboard.storyboard file earlier. In this method, we obtain the text from the sender, and make it into an NSURL object called url. Then we create an NSURLRequest object called request, using the url we just created.

The next step is to load the NSURLRequest into the browser using the loadRequest: method of UIWebView. This will load the web site specified into the web view. We make an attempt to scale the page to fit in the browser view; some pages can be scaled, others cannot. If the page cannot be scaled, this line will fail silently.

The last step in the method is to call resignFirstResponder on the sender. This will hide the keyboard associated with the text field, so the browser will not be obscured. All that now remains is to wire up the properties and the method to their corresponding controls.

Re – open the MainStoryboard.storyboard file, and right – click the View Controller object. Drag from the circle to the right of the address outlet to the UITextField, and from the circle to the right of the browser outlet to the UIWebView. Also drag from the circle to the right of the addressEntered received action to the UITextField; in the resulting popup, choose Did End On Exit. Finally, in the Attributes inspector for the text field, set the Return Key type to “Done,” as shown:

With all of the controls wired up, we should now be able to run the application successfully. Do so, and in the text field, enter http://www.google.com (for example). Note that this simple browser requires a well formed URL to be entered: we cannot just enter “google.com” for example: the full string must be present.

Since a UIWebView is scrollable, it is possible to use drag and swipe gestures to scroll a web page both horizontally and vertically with no additional coding. Also, if the web page is resizable, pinch gestures may be used to do so.

Take a look at the class reference for the UIWebView, and have fun enhancing this very simple browser application.

My last post you can find out from here (attached the previous post link)

Step 1: Open the Xcode, Create a new project using Single View Application. Give the application
“ButtonHide”.

Step 2: Need to add new viewController class in the project. Select project -> New file ->
UIViewController subclass -> next -> Give the application name “ButtonHideView”.

Step 3: Now open the AppDelegate.h file and make the following changes:

Step 4: In the AppDelegate.m file make the following changes:

Step 5: Now open the “ButtonHideView.h” file and make the following changes:

Step 6: Double click the ButtonHideView.xib file and open it to the Interface Builder. First drag the
UIButton and UITextField from the library and place it to the view window. Select the button from
the view window and bring up connection inspector and connect touch up inside to the File’s Owner
icon and select “ButtonHide:” method and connect the File’s owner icon to the textfield and select
“textfield1”. Now save the .xib file, close it and go back to the Xcode.

Step 7: In the ButtonHideView.m file make the following changes:

Step 8: Now Compile and run the application on the Simulator.

Start up Xcode and select “Create a new Xcode project.” In the next screen, choose Empty Application,
then click next:

In the following screen, name the project EmptyApp, select the options shown. Note that even though
we are developing here for iPad, the principles involved are the same for iPhone development.

Click Next, choose a location to save the project, and click Create.

The first thing to notice about the Empty application
template is that it provides the AppDelegate class, but
nothing else. We will need to provide our own view
controller and view for the application.

In the menu, select File | New ► then File… In the next
window, choose Objective – C Class, then click Next. In
the window that results, name your new class
MainViewController, make it an instance of
UIViewController, select the checkbox next to “Targeted
for iPad,” and make sure the “With XIB for user interface” check box is unchecked. (We’re going to
create the xib file separately in this case to show how a view is connected to a view controller.) Click
Next. Choose the default location to save the files, and click Create.

Now we’ll create the actual view. Another way to add a new file to the application is to right-click in
the Project Navigator and select New File… from the popup menu. Do so now. In the resulting window,
choose “User Interface” from the list to the left under iOS, then select the Empty document as shown
here:

Click Next, and make sure the Device Family is set to “iPad.” Click Next once again, and in the Save
As text box, enter “MainView.” Click Create to save the file in the default location.

The Project Navigator panel should now appear as shown
here. Note that you may have to drag some files around in the Navigator to properly organize them. Sometimes, Xcode will crash when dragging files – this is a known issue; simply reopen Xcode and continue when this happens.

Select the xib file to open it in Interface Builder. You will see an entirely empty Window. First, select the File’s Owner object. In the Identity Inspector, choose MainViewController for the File’s Owner’s class, as shown below. This will make the MainViewController class the view controller for the view that we will be adding to this xib file.

Next, drag a UIView object from the Library to the
Interface Builder surface. Notice that the UIView
object is properly sized for the iPad device, because
we made the iPad selection in the Device Family
drop down when we created the xib file. Give the
view a nice background color.

Now right-click the File’s Owner object, and drag
from the circle to the right of the “View” item to the view itself. This makes the new UIView object the
MainViewController’s view. At this point, we’re done with Interface Builder (for now).

We need to make this view a subview of the application’s window object, so it can be displayed when
the app runs. Select the AppDelegate.h file, and make the changes shown in bold:

We’ve imported the MainViewController.h file (to obtain access to that object), and also set up a
property of type MainViewController called mainViewController. We will instantiate this object in
the .m file, then add it’s view as a subview of the window object.

Open up the AppDelegate.m file, and once again make the bolded changes. (The listing is on the next
page:)

(We’re not showing the entire file, only the portion that requires changes to be made.)

First, we synthesize the property mainViewController. Following Apple’s recommendation, we
synthesize this property with a name different from that given to it earlier, this makes it impossible to
accidentally use it as an ivar: we must access it using its getter and setter methods.

Next we instantiate mainViewController by first allocating space on the heap for an object of class
MainViewController, then calling initWithNibName: bundle: to initialize the object. In this case, we’ve
already wired up the view controller, view, and File’s Owner in Interface Builder: a value of nil for the
nib name will take the values already provided. A value of nil for the bundle parameter signals the
system to take the current application bundle.

Finally, we add the mainViewController’s view as a subview of the main application window. When
this window is made visible, the subview will be displayed on top of it.

Run the application to verify that the view is shown. At this point, the application is ready for
development to proceed along traditional lines.

Step 1: Open the Xcode, Create a new project using Single View Application. Give the application
“StringConvert”.

Step 2: Need to add new viewController class in the project. Select project -> New file ->
UIViewController subclass -> next -> Give the application name “StringConvertView”.

Step 3: Now open the AppDelegate.h file and make the following changes:

Step 4: In the AppDelegate.m file make the following changes:

Step 4: Now open the “StringConvertView.h” file and make the following changes:

Step 5: Double click the StringConvertView.xib file and open it to the Interface Builder. First drag
the UIButton and UILabel from the library and place it to the view window. Select the button from
the view window and bring up connection inspector and connect touch up inside to the File’s Owner
icon and select “uppercaseString:” method and connect the File’s owner icon to the label and select
“resultText”. Now save the .xib file, close it and go back to the Xcode.

Step 6: In the StringConvertView.m file make the following changes:

Step 7: Now compile and run the application on the Simulator.

Step 1: Open the Xcode, Create a new project using Single View Application. Give the application
“CurrentDateTime”.

Step 2: Need to add new viewController class in the project. Select project -> New file ->
UIViewController subclass -> next -> Give the application name “CurrentDateTimeView”.

Step 3: Now open the AppDelegate.h file and make the following changes:

Step 4: In the AppDelegate.m file make the following changes:

Step 5: Now open the “CurrentDateTimeView.h” file and make the following changes:

Step 6: Double click the CurrentDateTimeView.xib file and open it to the Interface Builder. First
drag the UIButton and UILabel from the library and place it to the view window. Select the button
from the view window and bring up connection inspector and connect touch up inside to the File’s
Owner icon and select “currentdate:” method and connect the File’s owner icon to the label and
select “dateLabel”. Now save the .xib file, close it and go back to the Xcode.

Step 7: In the CurrentDateTimeView.m file make the following changes:

Step 8: Now compile and run the application on the Simulator.

Start Xcode, and choose “Create a new Xcode project.” Choose the Single View Application template,
and click Next. Name the project “TextControls” and choose options as shown below:

Click Next, choose a location to save the app, then click Create. Select the MainStoryboard.storyboard
file in the Project Navigator. If you wish, adjust the color of the view by changing the background color
in the Attribute Inspector.

Drag a a Text Field and a Text View to the view as shown on the following page. Delete the text in the
Text View control. The screen shot shows this text selected prior to deleting it.

Change the value of the Return Key attribute to Done in the Attribute inspector for the Text Field, as
shown below:

Text Field controls are able to send an Event called “Did End On Exit” that is fired when the Done key
is pressed on the keyboard. Text Views do not have this event, we must make some other provision for
dismissing the keyboard. We’ll deal with the Text Field now, and come back to deal with the Text View
in just a bit.

The next task is to write an action method to respond to the Text Field’s Did End On Exit method.
Select the file ViewController.h in the Project Navigator, and make the bolded changes in the following
listing:

Now, open the ViewController.m file, and add the method definition to it:

Return to the MainStoryboard.storyboard file, and right click the View Controller object. Click and
drag from the circle to the right of the dismissKeyboard method to the TextField. When the popup
comes up, select Did End On Exit from the list of available events.

In the dismissKeyboard method, we are calling a method “resignFirstResponder” on the UITextField.
This method tells the text field to stop being the first responder for events sent to the window. When the
text field gives up its first responder status, its interface (the keyboard) is released and goes away.

Let’s run the app. In this test, since we haven’t done anything with the UITextView as yet, we will only
interact with the text field control. Click on the text field. The keyboard will display:

When we click on the text field, we give it focus, and make it the first responder of the view it is in. As soon as a text
control gains first responder status, it displays the keyboard for text entry.

At this point, the responder chain looks something like
this:

Events “bubble up” the responder chain to be handled by the first responder in the chain that has an
event handler for the event. In the case of the text field, it can (at this point) handle two events: the tap
of a key on the keyboard (which is built-in) and the dismissKeyboard event (which we defined and
wired up in Interface builder). Verify that the text field is handling keyboard taps by entering some text
via the software keyboard. As you enter text, it will appear in the text field control. When you are
finished, tap the “Done” button on the software keyboard. This will send the Did End On Exit event to
the ViewController, which will handle the event using the dismissKeyboard method.

Now, let’s stop the running app, and learn how to handle the text view control.

Since UITextView is unable to send the Did End On Exit event, we must dismiss its keyboard a
different way. The usual method is to use a button. But there are two ways to set the button up,
depending on what we want the user experience to be.

If we want to indicate to the user that the app will do something with the text in the UITextView (such
as saving it or sending it to a web service of some sort), we should put a visible button on the view, and
wire it up to an action method that resigns the first responder on the text view control. This is the
approach we’ll take now.

In ViewController.h, add the bolded lines:

Synthesize the textView property and write the method definition in ViewController.m:

We’re not showing how to actually save the text here. As far as dismissing the keyboard, the approach
is exactly the same: we’re telling the text view control to resign its first responder status. This is why
we need the property defined on the UITextView.

Open up the MainStoryboard.storyboard file, drag a button to the view, and give it the title “Save” as
shown:

Right click the new button, and drag from the circle to the right of the Touch Up Inside event to the View Controller
object. The saveButtonClicked action will be shown; click it to wire up the event with the method that will handle it.

Now, right click the View Controller object, and drag from the circle to the right of the textView outlet to the text
view object on the view. This will wire the textView property to the actual UITextView object in the view.

Now run the app again and test both the UITextField and UITextView to make sure that they can both dismiss the
keyboard. Clicking the Done key while editing in the text field will dismiss the keyboard as before. To dismiss the keyboard while editing in the text view, simply click the “Save” button.

Another way to use a button to dismiss the keyboard from a text view is often seen. In this method,
touching anywhere on the screen outside of the text controls or keyboard will dismiss the view. This
method involves a trick – we’re going to change the type of the Save button, expand it to fill the view,
and send it to the back of the control stack. Ready? Let’s do it!

First, using the drag handles of the save button, expand it so that it fills the entire view. After this step,
the interface will look like this:

The second step is to send the button to the back of the list of controls on the view. Just grab the button
in the View Controller Scene panel, and move it up to the top of the list of controls in the view:

Since controls are painted on the view in the order they are shown in this list, putting the button on top of the list will send it behind all other controls in the window.

The third step is to delete the title from the button. This can be done either by double – clicking the title on the button and deleting it, or by deleting the title directly in the Attributes inspector panel while the button is selected. Do this now.

The last step is to change the type of the button in the Attributes inspector panel to “Custom” as shown
here:

After this change is made, the button will change to a transparent color, so the underlying view color is
displayed.

Run the program again. This time, touching anywhere in the background will dismiss the keyboard
from the UITextView control.

Start up Xcode and select “Create a New Xcode Project.” Choose the Single View Application template
and click Next. Name the project ToggleButton, and make the project choices as shown below. Note
that in this application we are not using a storyboard, but this makes no difference.

Choose a location to save the file, and click Create.

Once the files are created, in the Project Navigator, select the ViewController.xib file. Select the view
object in the Interface Builder, and give it a nice background color, as shown on the next page:

Drag a Round Rect Button from the Object Library to the view. Set the Title attribute of the button to
be “Color On” as shown:

Now we’re going to provide an action method in the View Controller to respond to the user’s touching
the button. In the Project Navigator, select the ViewController.h file.
Make the changes as shown in bold:

Now, open up ViewController.m. First, we want to @synthesize the activeViewColor property. Second,
we need to implement the buttonTouched: method. Third, we must capture the starting color of the
view in the viewDidLoad method. Make the bolded changes to ViewController.m, as shown here:

The last step is to wire up the action method to the button. Return to the ViewController.xib file, and
right-click the File’s Owner object. Drag from the circle to the right of the buttonTouched: method to
the button in the view. In the pop-up window, select “Touch Up Inside” to denote that we want to action
to execute when the user raises their finger while still inside the bounds of the button. Build and run the
application, and test the action of your new toggle button!

Step 1: Open the Xcode, Create a new project using Single View Application. Give the application
“StoryBoardExample” and select the “Use Storyboard”.

Step 2: Select the MainStoryboard.storyboard, first drag the ViewController from the library and
place it to the under View Controller Scene (See the figure 1)

Step 3: Drag the UIButton from the library and place it to the view window. Select the button and
bring up Attribute Inspector and give the Title “Click Here”. Now Select the button and “control +
drag” from the button to the next view controller and select the “Model” (See the figure 2).

Step 4: Now select the second ViewController view and bring up Attribute Inspector select the
background color “Black”. Drag the label from the library and bring up Attribute Inspector and
change the Text “Hello iPhone!!!”. (See the figure 3)

Step 5: Now compile and run the application on the simulator.

Step 1: Open the Xcode, Create a new project using Empty Application . Give the application “DigitalSignature”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: We need to create a ViewController class for this application. So select the project New file -> UIViewControllersubclass -> Next -> Give the class name DigitalSignatureView.

Step 4: Open the AppDelegate.h file and make the following changes:

Step 5: Open the AppDelegate.m file and make the following changes:

Step 6: In the DigitalSignatureView.h file, make the following changes:

Step 7: Double click the DigitalSignatureView.xib file and open it to the interface builder. Select the view from interface builder and bring up Attribute Inspector. Change the background color into black. Drag the imageView from the library and
place it to the view. Connect File’s Owner icon to the View and select image. Now save the .xib file , close it and go back to the Xcode.

Step 8: Open the DigitalSignatureView.m file, make the following changes:

Step 9: Now Compile and run the application on the Simulator.

Step 1: Open the Xcode, Create a new project using View Base application. Give the application “SliderExample”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: Expand classes and notice Interface Builder created the ViewController class for you. Expand Resources and notice the template generated a separate nib, SliderExampleViewController.xib for the EmailSend application.

Step 4: Open the SliderExampleViewController.h file and make the following changes:

Step 6: Double click the SliderExampleViewController.xib file and open it to the interface Builder. Drag the slide and label from the library and place it to the View window. Now select the slide and bring up Connection Inspector and connect
ValueChange to the File’s Owner icon and select SliderValue: method and connect File’s owner icon to label and select sliderValueTxt Now Save the .xib file, close it and go back to the Xcode.

Step 7: Open the SliderExampleViewController.m file and make the following changes:

Step 8: Now Compile and run the application on the Simulator.

Step 1: Open the Xcode, Create a new project using View Base application. Give the application “CheckBox”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: Expand classes and notice Interface Builder created the ViewController class for you. Expand Resources and notice the template generated a separate nib, CheckBoxViewController.xib for the CheckBox application.

Step 4: Open the CheckBoxViewController.h file and make the following changes:

Step 6: Double click the CheckBoxViewController.xib file and open it to the interface Builder. Drag the round rect button from the library and place it to the View window. Now select the button and bring up Attribute inspector and select the image “checkbox.png” and bring up Connection Inspector and connect Touch Up Inside to the File’s Owner icon and select SelectButton: method. Now Save the .xib file, close it and go back to the Xcode.

Step 7: Open the CheckBoxViewController.m file and make the following changes:

Step 8: Now Compile and run the application on the Simulator.

Step 1: Open the Xcode, Create a new project using View Base application. Give the application “PhotosApp”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: Expand classes and notice Interface Builder created the ViewController class for you. Expand Resources and notice the template generated a separate nib, PhotosAppViewController.xib for the ImageClick application.

Step 4: We need to add the framework MobileCoreServices.framework

Step 5: Open the PhotosAppViewController.h file and make the following changes:

Step 6: Double click the PhotosAppViewController.xib file and open it to the interface Builder. Drag the Toolbar and Bar Button Item from the library and place it to the View window. Now select the button and bring up Connection Inspector and connect Touch Up Inside to the File’s Owner icon and select Photosadd: method and drag the label from library and place it to the view window and bring up Attribute Inspector change the text “Swipe Photos Here ” . Now Save the .xib file, close it and go back to the Xcode.

Step 7: Open the PhotosAppViewController.m file and make the following changes:

Step 8: Now Compile and run the application on the Simulator.

Step 1: Open the Xcode, Create a new project using View Base application. Give the application “ImageClick”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: Expand classes and notice Interface Builder created the ViewController class for you. Expand Resources and notice the template generated a separate nib, ImageClickViewController.xib for the ImageClick application.

Step 4: We need to add one image in the resource in the application. Give the name

Step 5: Open the ImageClickViewController.h file and make the following changes:

Step 6: Double click the ImageClickViewController.xib file and open it to the interface Builder. Drag the image view and round rect button from the library and place it to the View window. Now select the button and bring up Connection
Inspector and connect Touch Up Inside to the File’s Owner icon and select PhotoCapture: method and select the imageview and bring up Attribute Inspector and select the background image.Now Save the .xib file, close it and go back to the Xcode.

Step 7: Open the ImageClickViewController.m file and make the following changes:

Step 8: Now Compile and run the application on the Simulator. Click the “Capture Snap” button, it will automatically capture the background image and save it in the photos.

Step 1: Open the Xcode, Create a new project using View Base application. Give the application “Current_LatLong”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: Expand classes and notice Interface Builder created the ViewController class for you. Expand Resources and notice the template generated a separate nib,.xib for the Current_LatLong application.

Step 4: We need to add CoreLocation.framework in the project.

Step 5: Open the Current_LatLongViewController.h file and make the following changes:

Step 6: Double click the Current_LatLongViewController.xib file and open it to the Interface Builder. First drag the Round Rect Button from the library and place it to the view window. Now select the Round Rect button and bring up Connection Inspector and connect Touch Up inside to the File’s Owner icon and select Button: method. Now save the .xib file close it and go back to the Xcode.

Step 7: Open the Current_LatLongViewController.m file and make the following changes:

Step 8: Now compile and run the application on the actual device.