Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Implementing the iPad detail view

From: iOS SDK and SQLite: Building Data-Driven Apps

Video: Implementing the iPad detail view

Now that we have the feed and item views running, it's time to implement the Web view. For the iPad version, we're using the Detail View controller for the Web view. Let's make a working copy of BWRSS-splitview-02. I'm going to use the done version here. You can use what you completed in the last movie if you like. I'm going to call this BWRSS-splitview-03, and I'm going to open it in Xcode by double-clicking on this Xcode project file.

Implementing the iPad detail view

Now that we have the feed and item views running, it's time to implement the Web view. For the iPad version, we're using the Detail View controller for the Web view. Let's make a working copy of BWRSS-splitview-02. I'm going to use the done version here. You can use what you completed in the last movie if you like. I'm going to call this BWRSS-splitview-03, and I'm going to open it in Xcode by double-clicking on this Xcode project file.

Now, here in our BWRSSDetailViewController--I'm going to expand this a little bit so we can see that-- see that we have our local instance variables and properties here, and we have just three little methods inside of this implementation. I'm actually going to delete all of that. And then I'm going to come back out here to the Finder, and here, we have our detailview-03-methods.txt file and grab that, and I'm just going to select the whole thing. You can see there's a lot of typing here, and we'll go through it, and I'll explain in a little bit.

I'm going to select all of that and press Command+C to copy and come in here to Xcode, and right there with the cursor just before the end marker, I'm going to press Command+V to paste it all in there. So, there are a few interesting things going on here. You'll notice in this section called set up the view when called, there's a method called setDetailItem, and this is an Objective-C convention. When you have a property called detailItem-- you see it's a property with the @property-- the compiler will create a setDetailItem and getDetailItem methods.

And here, I'm overwriting that setDetailItem method, so when another object assigns something to that variable, to that property, the setDetailItem gets called. And by overloading it, it allows me to do some other things during the process of setting that value. So here I just set the value at the top, and then I call configureView which is this method above there, and I dismiss the pop-over if there is one. And so, what I know is that when that variable is getting set, somebody has tapped on something because it's in that Items View Controller, and we'll set this up in a moment where that property is getting set, and so that's where this is being called.

So that allows me to intercept that action. So it calls configureView which then sets up our NSURLRequest and calls the webView with that URL. So, the URL is getting passed in this newDetailItem, and that's getting assigned to feedItem up here, and feedItem is being used to load the webView. Then down here, we have some what I call split view support. When the left view is hidden, that means that we're in Portrait mode.

We grab our button bar, and we add a button to it on the left, and we use that to control the popoverController. When the left view is shown again, we undo that. This is the setPopoverButton and clearPopoverButton methods that are being called by those. So, I'm going to press Command+S here, and I'm going to come back out to TextWrangler, and I'm going to close that, and come out to finder, and I'm going to load up our ItemsTableViewController-03-methods, and there's really just a couple of things in here.

So we'll come back over to Xcode, and we'll select our ItemsTableViewController.m file. First thing I want to do is I want to grab this import, copy and paste. And that's for our DetailViewController because we're going to be setting a property on that object. We'll come back out here. And here's our didSelectRowAtIndexPath. This is what gets called when you touch a row on a table, and that's selecting it. And if I come up here, we can find that, there it is didSelectRowAtIndexPath.

I'm just going to take this whole method, and I'm going to select the whole thing and press Command+V to paste in what we've copied out of that text file, and Command+S to save. So, this is really simple, if (haveSplitViewController), and we set that up above in either viewDidLoad or viewWillAppear. Here it is, viewWillAppear. If we have a SplitViewController, then we have a SplitViewController. We're setting that flag.

And that flag is declared up here as a BOOL in our private members. So if we have a SplitViewController, that means that we're on an iPad. Now, I could have tested it for the iPad idiom. But really, what I'm concerned with here is do we have a SplitViewController? Because if we're on an iPad, and we don't have a SplitViewController for some reason, then this is moot. So, if we have a SplitViewController, then we go ahead and we get the DetailViewController, and we get the WebViewController from our viewControllers array.

And in our WebViewController, we assign to this detailed item, and you remember, that's going to call our setDetailItem method that we looked at a few minutes ago. We're going to pass it that itemRecord, and that will make everything work. So now I'm going to save this, and we select our iPad Simulator. We're going to go ahead and run it. So now we're in Portrait mode. I'm going to press Command+Left Arrow, and that will put us in Landscape mode. And now we have our master control over here, our table views. And over on the right, we have our detailController.

And so, if I select one of these, and I select one of these, you see our little spinner running up there, and there's our web page and our WebView and our DetailViewController. Now, here's the interesting thing. If I go ahead and just select a different item here, you notice we get a different page, and now this Back button is lit up. So I can press that and get back to the previous page. Unlike the iPhone form factor, this webView is in a separate pane here, and so it's visible all the time. So there is no reason to clear it out anymore.

If I come over here, and I load up something from the lynda blog, there it is, I can go back to the previous page that I was at. So these Back and Forward buttons, they're active more often than they are in the iPhone form factor. Now the webView is working and so the app is mostly functional. It's really a straightforward process when you know the ins and outs of it. Subclassing the existing webView makes it especially easy. The next step is to implement the AddView modal dialog box, and then we'll be done.

Show transcript

This video is part of

Image for iOS SDK and SQLite: Building Data-Driven Apps
iOS SDK and SQLite: Building Data-Driven Apps

41 video lessons · 6435 viewers

Bill Weinman
Author

 
Expand all | Collapse all
  1. 8m 29s
    1. Welcome
      57s
    2. Exercise files
      2m 17s
    3. Course overview
      3m 4s
    4. Application overview
      2m 11s
  2. 14m 49s
    1. Prototyping in a testbed
      1m 27s
    2. Building the view controller
      3m 45s
    3. Coding the testbed
      7m 56s
    4. Using the testbed
      1m 41s
  3. 37m 49s
    1. Understanding SQLite in iOS
      1m 41s
    2. Creating an Objective-C interface for SQLite
      9m 57s
    3. Testing the BWDB interface in the sandbox
      7m 1s
    4. Designing a database schema
      8m 7s
    5. Supporting the application with a specific interface
      7m 7s
    6. Using C pointers with automatic reference counting (ARC)
      3m 56s
  4. 21m 18s
    1. Understanding the table view
      1m 33s
    2. Creating the view controller
      6m 39s
    3. Reading from the database
      13m 6s
  5. 33m 50s
    1. Understanding the parsing process
      1m 57s
    2. Creating the item view controller
      12m 25s
    3. Reading data from the internet
      5m 30s
    4. Parsing the feed with NSXMLParser
      8m 2s
    5. Updating the item view with the feed items
      5m 56s
  6. 40m 14s
    1. Understanding the modal view
      1m 47s
    2. Constructing the view controller
      15m 5s
    3. Finding a feed link in a web page
      8m 55s
    4. Parsing the feed with NSXMLParser
      5m 4s
    5. Delegating back to the parent view
      6m 11s
    6. Deleting feeds
      3m 12s
  7. 21m 5s
    1. Creating the web view class
      12m 33s
    2. Coding the web view
      5m 25s
    3. Viewing pages in Safari
      3m 7s
  8. 14m 3s
    1. Understanding the iOS preferences system
      1m 23s
    2. Creating the preferences plist in Xcode
      7m 20s
    3. Reading preferences in your application
      5m 20s
  9. 6m 15s
    1. Adding pull-to-refresh functionality
      2m 34s
    2. Implementing the pull-to-refresh gesture for iOS 6
      3m 41s
  10. 27m 1s
    1. Understanding split view
      1m 4s
    2. Coding the table views
      11m 24s
    3. Implementing the iPad detail view
      6m 35s
    4. Implementing the iPad modal view
      7m 58s
  11. 35s
    1. Goodbye
      35s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed iOS SDK and SQLite: Building Data-Driven Apps.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.