Developing iPhone Web Apps Tutorials
Looking Inside Dashcode / Exploring the App with Dashcode
Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com�s entire library of video tutorials.
Learn More
Subtitles of the Movie (Developing iPhone Web Apps / Looking Inside Dashcode / Exploring the App with Dashcode)
Here we are back in Dashcode looking at the project that I built from the Browser Template and now we're going to walk through the basics of Dashcode and see how they work and see what the Template has given us. I already talked about the Steps List and the Navigator here and the Canvas which is where we normally work and the fact that you can show and hide these and other displays from the View Menu. Now, here is the structure of the App that has been developed and what I want to do is to show you that I can click here on parts of the graphical user interface and they will be highlighted here. If I click here this is the Item Name that will launch you into going down one level. If you notice when I clicked on it this field is now highlighted - it's editable. I can double-click here and say, but I'll just send it back to what it was originally. The structure over here is the hierarchical structure of the areas that normally look like views but they actually are Divs mostly, this is a list - this is the hierarchical structure of what is inside the App. I can close this up. I have here, I'll close up the stackLayout. Inside Browser I can close any one of them, inside Browser I have a header and when I click on it here I'm not opening it, I'm clicking, notice that it is highlighted here. If I click on this stackLayout the highlight is here - notice the small dots that frame it. I can open either one and I can click on an item and you'll see this button is now highlighted. In the stackLayout I can click on the listLevel and the detailLevel. Now what this is, these are the alternate views that, similar to front and back in Dashboard widgets, the listLevel is the front and it is exactly the list, I can open it and here is the list within it and you'll see here it's highlighted. I can open the list and I will see a listRowTemplate. This is a single item. It's highlighted here. I can look at a rowTitle, notice it's highlighted here and I can look at a rowArrow and this is the arrow over here that indicates that I can go to a lower level. I can expand or collapse these, so basically the interaction is no matter what is expanded or collapsed over here I can highlight an item on the Canvas and I will see it and its hierarchy. Notice it had to expand the stackLayout List Level list and listRowTemplate to get to the rowTitle; detailLevel was not expanded because I didn't need to in order to display where I was. So, you can expand and contract over here, highlight over here and these displays are going to be synchronized. So what is highlighted here is highlighted here. Now if I come down to detailLevel again I have a box within it. I have the detailBox here, I've got a Title, a Subtitle and you can see I can just switch back and forth as to what I am highlighting because it's all interrelated. And in fact here's one of the examples that you might consider as you are using this for your own purposes. The Browser here has a detailTitle and a Subtitle and here's a field called Location which would be appropriate in some cases. In fact, what we're going to see is whatever the value is here, but these are the fields that are being used to pull the data forward. So, that's how you can navigate over here and interact with the Canvas and that's a good starter for how to work with Dashcode. You select items on the Interface, you can see where they are in the hierarchy and then you can modify them. So let's move on to the Inspector, which is how you modify them.
Tutorial Information
| Course: | Developing iPhone Web Apps |
| Author: | Jesse Feiler |
| SKU: | 34075 |
| ISBN: | 1-935320-89-0 |
| Release Date: | 2009-12-31 |
| Duration: | 8 hrs / 103 lessons |
| Work Files: |
Yes |
| Captions: | No |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7, Flash 8 |
VTC Sign up & Benefits
- Unlimited Access
- 81,350 Video Tutorials (14,200 free)
- Video Available as Flash or QuickTime
- Over 715 Courses
- $30 for One Month Access
- Multi-User Discounts Available
