Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
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.
Get unlimited access to all courses for just $25/month.Become a member
61 Video lessons · 105121 Viewers
56 Video lessons · 116895 Viewers
71 Video lessons · 86111 Viewers
131 Video lessons · 41178 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
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.