TweetFollow Us on Twitter

More on Xcode

Volume Number: 19 (2003)
Issue Number: 9
Column Tag: Programming

Geeting Started

More on Xcode

by Dave Mark

I must say, I am really enjoying digging into Xcode. I'm impressed with what I've seen so far. The bugs I've encountered have mostly been cosmetic and, I assume, easily fixable. My understanding is that the WWDC release is the only Jaguar release and that all fixes and future releases will be Panther-only.

For the moment, I'll stick with the Jaguar version. As soon as a "for public consumption" version of the Panther Xcode makes its way into my hot little hands, I'll shift permanently into Panther mode.

Editor Window Details

Last month's column started off by opening an existing Project Builder project called Sketch.pbxproj in Xcode and updating the target, creating a new target called Sketch (Upgrade). Go ahead and launch Xcode and open the project. If you are starting from scratch, you'll find Sketch.pbxproj in the directory /Developer/Examples/AppKit/Sketch/. Remember, you can open a project by navigating to the right directory and clicking the Open button. Xcode will find the project file for you.

When the project window appears, click and hold on the Build and Debug icon. After a slight pause, a drop-down menu will appear (see Figure 1). The little triangle to the lower right of an Xcode tool icon is your clue that there's a drop-down menu lurking within. Just remember to hold and wait a hitch for the menu to appear.


Figure 1. The Build and Debug drop-down menu.

Go ahead and select Build and Debug from the drop-down menu. Xcode will build and launch a debug-ready version of Sketch and open the debugger window. As you'd expect, the debugging window allows you to control the debugging process.

Use the Dock to bring Sketch to the front. Click on the rectangles icon in the palette, then click and drag out a rectangle in the main window (see Figure 2). Note that the rectangle that appears is not filled.


Figure 2. Dragging out a rectangle with Sketch.

Now go back to the project window and click on the Project Symbols group (the last group in the Groups & Files column). As you saw last month, this "smart group" lists all the symbols in the project. Type init in the search field to reduce the list of symbols (See Figure 3).


Figure 3. Using the search field to find the init method in SKTGraphic.m.

We're looking for the init method in the file SKTGraphic.m. There are two ways to open this file from the listing in the Project Symbols group. We can click on the Editor icon in the toolbar (the cursor is pointing to this icon in Figure 3) to open an editing pane for that file in the Project Window. Alternatively, we can double-click on the line listing the file we want to open that file in a separate editing window. That's the method we're going to use here.

Figure 4 shows the editor window that appeared when I double-clicked on SKTGraphic.m. At the top of the window is the editor toolbar. Just beneath that is the status bar (in Figure 4 it says Sketch (Upgraded)).


Figure 4. A new editing window listing the file SKTGraphic.m.

Below the status bar is the navigation bar. Towards the left edge of the nav bar is a pair of arrows. These act like the left and right arrows in your browser and are used to move between source files. You'll see how this works in a sec.

If you scan to the right side of the nav bar, you'll see an icon showing a pair of overlapping rectangles, a grey one in front of a white one. This is called the counterpart icon. Click on it to switch between a .m and its corresponding .h file. For example, click the counterpart icon to switch to SKTGraphic.h. Note that the left arrow on the left side of the nav bar is now enabled. You can click it to go back to the file SKTGraphic.m. And, as you'd expect, once you click on the left arrow, the right arrow will be enabled so you can go back to SKTGraphic.h. As promised, just like the arrows in your browser.

As you visit different files in your editor window, they are added to a list, sort of a running history. Immediately to the right of the arrows in your nav bar is a popup listing all the files in this history list. Select a file name and the editor edits that file. Makes sense. The tiny dogear icon immediately to the left of the file name is a dirty flag. If the file is dirty (if it has changed since the last save) the icon is grey. Save the file and it returns to white.

Just to the right of the file name is a colon (":") followed by the current line number (either the beginning of a selection, or the line holding the insertion point). If you want to go to a specific line in a file, you can trial and error it, clicking around using the line number in the nav bar to help you home in on the right line. Or you can select Go to Line... from the Find menu (Command-L) and use that interface to select a specific line or range of lines (See Figure 5).


Figure 5. The Go to Line... command from the Find menu.

Also in the nav bar, just to the right of the file popup menu, lies the function/method popup. As you'd expect, this popup lists all the functions in the current file. Click anywhere inside a function and that function is shown in the popup title. Click on the popup and all the functions/methods in the file are listed in the order in which they appear. Option-click and the functions are listed in alphabetical order, separated by implementation. Give it a try. You'll get it right away.

Next over to the right is the counterpart icon (which we discussed above) followed immediately by the included files popup (it looks like a #) which lets you edit the tree of included files. Figure 6 shows the included files popup for SKTGraphic.m.


Figure 6. The included files popup menu.

To the lower right of the included files popup (at the top of the scroll bar) is the split view toggle. Click on the toggle to create a split in the editing window. Click the toggle again to remove the split. Once you create a split, the split resize control appears between the upper and lower scroll bars. To move the split, just drag this control (See Figure 7). Note that in the current Jaguar release (and presumably the only Jaguar release) of Xcode, the split resize control does not get drawn when you first create a split. Just resize the window a tiny bit and the control will appear.


Figure 7. Dragging the split resize control.

Fix and Continue

One of my favorite Xcode features is Fix-and-Continue. With Mac OS X's built-in support for dynamic linking, you can actually modify your code while it is running and watch the change come to life. Really.

So let's try this out. When you played with Sketch earlier in the column, you dragged out a rectangle and saw that the result was unfilled. If you look through the source code, you'll find that the fill color is white, but the setDrawFill: method is called with the parameter NO. In SKTGraphic.m, here's the init method:

- (id)init {
    self = [super init];
    if (self) {
        _document = nil;
        [self setBounds:NSMakeRect(0.0, 0.0, 1.0, 1.0)];
        [self setFillColor:[NSColor whiteColor]];
        [self setDrawsFill:NO];
        [self setStrokeColor:[NSColor blackColor]];
        [self setDrawsStroke:YES];
        [self setStrokeLineWidth:1.0];
        _origBounds = NSZeroRect;
        _gFlags.manipulatingBounds = NO;
    }
    return self;
}

Pay special attention to lines 6 and 7, which correspond to lines 20 and 21 in the file. If you haven't already, launch Sketch in the debugger. You can click on the Debug spray can in the editing window or debug window's toolbar, or select from the hammer/spraycan icon in the Project Window's toolbar.

Once Sketch launches in debug mode (you can tell the debugger is active because the Terminate and Pause icons will be enabled in the Debug window), drag out a couple of rectangles, just to prove that they are, indeed, unfilled.

Now go back to your editing window for SKTGraphic.m and change line 20 and 21 from:

        [self setFillColor:[NSColor whiteColor]];
        [self setDrawsFill:NO];

to:

        [self setFillColor:[NSColor greenColor]];
        [self setDrawsFill:YES];

Do NOT save. You'll see why in a sec.

Basically, we've changed the fill color from white to green and we've told Sketch that we do want our shapes filled.

Now comes the cool part.

Select Fix from the Debug menu.

Remember not to save!

You'll see a message in the Debug window about compiling and building. Once that settles down, go back to the running Sketch and click and drag out a rectangle. Wait, I've done it for you. Check out Figure 8. As you were expecting, the rectangles are now filled and green.


Figure 8. After the fix is applied, our rects are filled with green. Cool!

Once you are done playing with your new green rects, quit Sketch and rerun it, either as a straight run or via the debugger. Notice that your rectangles are back to being unfilled (you did remember to not save your changes, right?) To me, this is a beautiful way to play with your code. You can make changes, experiment, use Debug/Fix to test out your changes, see what works for you, then save what you want to.

I find dynamic linking fascinating. Fix and Continue works for Objective C, Carbon/C++ or even straight C, so it's available to all Mac OS X APIs and development languages. Though the Xcode team did not create dynamic linking, they did an excellent job rolling it into the environment. Brilliant!

    You may have noticed a scotch-tape dispenser icon in the Debug window with the label Fix. Clicking this icon does the same thing as selecting Fix from the Debug menu. There is a bug (I believe it is fixed in the current Panther release) where the icon is disabled (it just beeps when you click it). Fortunately, the bug does not affect the Fix item in the Debug menu.

Till Next Month...

Whelp, I'm out of space again. <sigh>. There's so much more I want to talk about. Next month, we're going to take the debugger through its paces and we'll also play around with a feature called code completion, one of my very favorite parts of Xcode. See you then...


Dave Mark is a long-time Mac developer and MacTech contributor. Author of more than a dozen books on various Mac-development topics, Dave is all about Xcode these days. Last month's column focused on the basics of opening a Project Builder project, target conversion, and the project window user interface. This month's installment will focus on the editor interface and a demo of fix-and-continue.

 
AAPL
$99.02
Apple Inc.
+1.35
MSFT
$43.97
Microsoft Corpora
-0.53
GOOG
$590.60
Google Inc.
+1.58

MacTech Search:
Community Search:

Software Updates via MacUpdate

OS X Yosemite Wallpaper 1.0 - Desktop im...
OS X Yosemite Wallpaper is the gorgeous new background image for Apple's upcoming OS X 10.10 Yosemite. This wallpaper is available for all screen resolutions with a source file that measures 5,418... Read more
Acorn 4.4 - Bitmap image editor. (Demo)
Acorn is a new image editor built with one goal in mind - simplicity. Fast, easy, and fluid, Acorn provides the options you'll need without any overhead. Acorn feels right, and won't drain your bank... Read more
Bartender 1.2.20 - Organize your menu ba...
Bartender lets you organize your menu bar apps. Features: Lets you tidy your menu bar apps how you want. See your menu bar apps when you want. Hide the apps you need to run, but do not need to... Read more
TotalFinder 1.6.2 - Adds tabs, hotkeys,...
TotalFinder is a universally acclaimed navigational companion for your Mac. Enhance your Mac's Finder with features so smart and convenient, you won't believe you ever lived without them. Tab-based... Read more
Vienna 3.0.0 RC 2 :be5265e: - RSS and At...
Vienna is a freeware and Open-Source RSS/Atom newsreader with article storage and management via a SQLite database, written in Objective-C and Cocoa, for the OS X operating system. It provides... Read more
VLC Media Player 2.1.5 - Popular multime...
VLC Media Player is a highly portable multimedia player for various audio and video formats (MPEG-1, MPEG-2, MPEG-4, DivX, MP3, OGG, ...) as well as DVDs, VCDs, and various streaming protocols. It... Read more
Default Folder X 4.6.7 - Enhances Open a...
Default Folder X attaches a toolbar to the right side of the Open and Save dialogs in any OS X-native application. The toolbar gives you fast access to various folders and commands. You just click... Read more
TinkerTool 5.3 - Expanded preference set...
TinkerTool is an application that gives you access to additional preference settings Apple has built into Mac OS X. This allows to activate hidden features in the operating system and in some of the... Read more
Audio Hijack Pro 2.11.0 - Record and enh...
Audio Hijack Pro drastically changes the way you use audio on your computer, giving you the freedom to listen to audio when you want and how you want. Record and enhance any audio with Audio Hijack... Read more
Intermission 1.1.1 - Pause and rewind li...
Intermission allows you to pause and rewind live audio from any application on your Mac. Intermission will buffer up to 3 hours of audio, allowing users to skip through any assortment of audio... Read more

Latest Forum Discussions

See All

Traps n’ Gemstones Review
Traps n’ Gemstones Review By Campbell Bird on July 28th, 2014 Our Rating: :: CASTLEVANIA JONESUniversal App - Designed for iPhone and iPad Fight mummies, dig tunnels, and ride a runaway minecart to discover ancient secrets in this... | Read more »
The Phantom PI Mission Apparition Review
The Phantom PI Mission Apparition Review By Jordan Minor on July 28th, 2014 Our Rating: :: GHOSTS BUSTEDUniversal App - Designed for iPhone and iPad The Phantom PI is an exceedingly clever and well-crafted adventure game.   | Read more »
More Stubies Are Coming Your Way in a Ne...
More Stubies Are Coming Your Way in a New Update Posted by Jessica Fisher on July 28th, 2014 [ permalink ] Universal App - Designed for iPhone and iPad | Read more »
The Great Prank War Review
The Great Prank War Review By Nadia Oxford on July 28th, 2014 Our Rating: :: PRANKING IS SERIOUS BUSINESSUniversal App - Designed for iPhone and iPad Though short, The Great Prank War offers an interesting and fun mix of action and... | Read more »
Marvel Contest of Champions Announced at...
Marvel Contest of Champions Announced at Comic-Con Posted by Jennifer Allen on July 28th, 2014 [ permalink ] Announced over the weekend at San Diego Comic-Con was the fairly exciting looking Marvel Contest of Champions. | Read more »
Teenage Mutant Ninja Turtles Review
Teenage Mutant Ninja Turtles Review By Jennifer Allen on July 28th, 2014 Our Rating: :: DULL SWIPINGUniversal App - Designed for iPhone and iPad The pizza power is weak when it comes to this Teenage Mutant Ninja Turtles game.   | Read more »
Exploration Focused Puzzle Game Beatbudd...
Exploration Focused Puzzle Game Beatbuddy Set to Make Transition from PC to iOS this September Posted by Jennifer Allen on July 28th, 2014 [ permalink ] | Read more »
PlanetHD
PlanetHD By Nadia Oxford on July 28th, 2014 Our Rating: :: SPACE MADNESSUniversal App - Designed for iPhone and iPad PlanetHD will keep players busy for a while, though its unpredictable physics are a handful to deal with.   | Read more »
This Week at 148Apps: July 21-25, 2014
Another Week of Expert App Reviews   At 148Apps, we help you sort through the great ocean of apps to find the ones we think you’ll like and the ones you’ll need. Our top picks become Editor’s Choice, our stamp of approval for apps with that little... | Read more »
Reddme for iPhone - The Reddit Client (...
Reddme for iPhone - The Reddit Client 1.0 Device: iOS iPhone Category: News Price: $.99, Version: 1.0 (iTunes) Description: Reddme for iPhone is an iOS 7-optimized Reddit client that offers a refreshing new way to experience Reddit... | Read more »

Price Scanner via MacPrices.net

iOS 8 and OS X 10.10 To Support DuckDuckGo As...
Writing for Quartz, Dan Frommer reports that Apple’s forthcoming iOS 8 and OS X 10.10 operating systems version updates will allow users to select DuckDuckGo as their default search engine. He notes... Read more
U.K. Hospital Using iPods and iPads To Record...
British news journal GazetteLive’s. Ian McNeal notes that the old “an apple a day keeps the doctor away” proverb is being turned on its head at http://southtees.nhs.uk/hospitals/james-cook/ James... Read more
13-inch 2.5GHz MacBook Pro on sale for $1099,...
Best Buy has the 13″ 2.5GHz MacBook Pro available for $1099.99 on their online store. Choose free shipping or free instant local store pickup (if available). Their price is $100 off MSRP. Price is... Read more
Roundup of Apple refurbished MacBook Pros, th...
The Apple Store has Apple Certified Refurbished 13″ and 15″ MacBook Pros available for up to $400 off the cost of new models. Apple’s one-year warranty is standard, and shipping is free. Their prices... Read more
Record Mac Shipments In Q2/14 Confound Analys...
A Seeking Alpha Trefis commentary notes that Apple’s fiscal Q3 2014 results released July 22, beat market predictions on earnings, although revenues were slightly lower than anticipated. Apple’s Mac’... Read more
Intel To Launch Core M Silicon For Use In Not...
Digitimes’ Monica Chen and Joseph Tsai, report that Intel will launch 14nm-based Core M series processors specifically for use in fanless notebook/tablet 2-in-1 models in Q4 2014, with many models to... Read more
Apple’s 2014 Back to School promotion: $100 g...
 Apple’s 2014 Back to School promotion includes a free $100 App Store Gift Card with the purchase of any new Mac (Mac mini excluded), or a $50 Gift Card with the purchase of an iPad or iPhone,... Read more
iMacs on sale for $150 off MSRP, $250 off for...
Best Buy has iMacs on sale for up to $160 off MSRP for a limited time. Choose free home shipping or free instant local store pickup (if available). Prices are valid for online orders only, in-store... Read more
Mac minis on sale for $100 off MSRP, starting...
Best Buy has Mac minis on sale for $100 off MSRP. Choose free shipping or free instant local store pickup. Prices are for online orders only, in-store prices may vary: 2.5GHz Mac mini: $499.99 2.3GHz... Read more
Global Tablet Market Grows 11% in Q2/14 Notwi...
Worldwide tablet sales grew 11.0 percent year over year in the second quarter of 2014, with shipments reaching 49.3 million units according to preliminary data from the International Data Corporation... Read more

Jobs Board

Sr Software Lead Engineer, *Apple* Online S...
Sr Software Lead Engineer, Apple Online Store Publishing Systems Keywords: Company: Apple Job Code: E3PCAK8MgYYkw Location (City or ZIP): Santa Clara Status: Full Read more
*Apple* Solutions Consultant (ASC) - Apple (...
**Job Summary** The ASC is an Apple employee who serves as an Apple brand ambassador and influencer in a Reseller's store. The ASC's role is to grow Apple Read more
Sr. Product Leader, *Apple* Store Apps - Ap...
**Job Summary** Imagine what you could do here. At Apple , great ideas have a way of becoming great products, services, and customer experiences very quickly. Bring Read more
*Apple* Solutions Consultant (ASC) - Apple (...
**Job Summary** The ASC is an Apple employee who serves as an Apple brand ambassador and influencer in a Reseller's store. The ASC's role is to grow Apple Read more
*Apple* Solutions Consultant (ASC) - Apple (...
**Job Summary** The ASC is an Apple employee who serves as an Apple brand ambassador and influencer in a Reseller's store. The ASC's role is to grow Apple Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.