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.

 

Community Search:
MacTech Search:

Software Updates via MacUpdate

Latest Forum Discussions

See All

Tokkun Studio unveils alpha trailer for...
We are back on the MMORPG news train, and this time it comes from the sort of international developers Tokkun Studio. They are based in France and Japan, so it counts. Anyway, semantics aside, they have released an alpha trailer for the upcoming... | Read more »
Win a host of exclusive in-game Honor of...
To celebrate its latest Jujutsu Kaisen crossover event, Honor of Kings is offering a bounty of login and achievement rewards kicking off the holiday season early. [Read more] | Read more »
Miraibo GO comes out swinging hard as it...
Having just launched what feels like yesterday, Dreamcube Studio is wasting no time adding events to their open-world survival Miraibo GO. Abyssal Souls arrives relatively in time for the spooky season and brings with it horrifying new partners to... | Read more »
Ditch the heavy binders and high price t...
As fun as the real-world equivalent and the very old Game Boy version are, the Pokemon Trading Card games have historically been received poorly on mobile. It is a very strange and confusing trend, but one that The Pokemon Company is determined to... | Read more »
Peace amongst mobile gamers is now shatt...
Some of the crazy folk tales from gaming have undoubtedly come from the EVE universe. Stories of spying, betrayal, and epic battles have entered history, and now the franchise expands as CCP Games launches EVE Galaxy Conquest, a free-to-play 4x... | Read more »
Lord of Nazarick, the turn-based RPG bas...
Crunchyroll and A PLUS JAPAN have just confirmed that Lord of Nazarick, their turn-based RPG based on the popular OVERLORD anime, is now available for iOS and Android. Starting today at 2PM CET, fans can download the game from Google Play and the... | Read more »
Digital Extremes' recent Devstream...
If you are anything like me you are impatiently waiting for Warframe: 1999 whilst simultaneously cursing the fact Excalibur Prime is permanently Vault locked. To keep us fed during our wait, Digital Extremes hosted a Double Devstream to dish out a... | Read more »
The Frozen Canvas adds a splash of colou...
It is time to grab your gloves and layer up, as Torchlight: Infinite is diving into the frozen tundra in its sixth season. The Frozen Canvas is a colourful new update that brings a stylish flair to the Netherrealm and puts creativity in the... | Read more »
Back When AOL WAS the Internet – The Tou...
In Episode 606 of The TouchArcade Show we kick things off talking about my plans for this weekend, which has resulted in this week’s show being a bit shorter than normal. We also go over some more updates on our Patreon situation, which has been... | Read more »
Creative Assembly's latest mobile p...
The Total War series has been slowly trickling onto mobile, which is a fantastic thing because most, if not all, of them are incredibly great fun. Creative Assembly's latest to get the Feral Interactive treatment into portable form is Total War:... | Read more »

Price Scanner via MacPrices.net

Early Black Friday Deal: Apple’s newly upgrad...
Amazon has Apple 13″ MacBook Airs with M2 CPUs and 16GB of RAM on early Black Friday sale for $200 off MSRP, only $799. Their prices are the lowest currently available for these newly upgraded 13″ M2... Read more
13-inch 8GB M2 MacBook Airs for $749, $250 of...
Best Buy has Apple 13″ MacBook Airs with M2 CPUs and 8GB of RAM in stock and on sale on their online store for $250 off MSRP. Prices start at $749. Their prices are the lowest currently available for... Read more
Amazon is offering an early Black Friday $100...
Amazon is offering early Black Friday discounts on Apple’s new 2024 WiFi iPad minis ranging up to $100 off MSRP, each with free shipping. These are the lowest prices available for new minis anywhere... Read more
Price Drop! Clearance 14-inch M3 MacBook Pros...
Best Buy is offering a $500 discount on clearance 14″ M3 MacBook Pros on their online store this week with prices available starting at only $1099. Prices valid for online orders only, in-store... Read more
Apple AirPods Pro with USB-C on early Black F...
A couple of Apple retailers are offering $70 (28%) discounts on Apple’s AirPods Pro with USB-C (and hearing aid capabilities) this weekend. These are early AirPods Black Friday discounts if you’re... Read more
Price drop! 13-inch M3 MacBook Airs now avail...
With yesterday’s across-the-board MacBook Air upgrade to 16GB of RAM standard, Apple has dropped prices on clearance 13″ 8GB M3 MacBook Airs, Certified Refurbished, to a new low starting at only $829... Read more
Price drop! Apple 15-inch M3 MacBook Airs now...
With yesterday’s release of 15-inch M3 MacBook Airs with 16GB of RAM standard, Apple has dropped prices on clearance Certified Refurbished 15″ 8GB M3 MacBook Airs to a new low starting at only $999.... Read more
Apple has clearance 15-inch M2 MacBook Airs a...
Apple has clearance, Certified Refurbished, 15″ M2 MacBook Airs now available starting at $929 and ranging up to $410 off original MSRP. These are the cheapest 15″ MacBook Airs for sale today at... Read more
Apple drops prices on 13-inch M2 MacBook Airs...
Apple has dropped prices on 13″ M2 MacBook Airs to a new low of only $749 in their Certified Refurbished store. These are the cheapest M2-powered MacBooks for sale at Apple. Apple’s one-year warranty... Read more
Clearance 13-inch M1 MacBook Airs available a...
Apple has clearance 13″ M1 MacBook Airs, Certified Refurbished, now available for $679 for 8-Core CPU/7-Core GPU/256GB models. Apple’s one-year warranty is included, shipping is free, and each... Read more

Jobs Board

Seasonal Cashier - *Apple* Blossom Mall - J...
Seasonal Cashier - Apple Blossom Mall Location:Winchester, VA, United States (https://jobs.jcp.com/jobs/location/191170/winchester-va-united-states) - Apple Read more
Seasonal Fine Jewelry Commission Associate -...
…Fine Jewelry Commission Associate - Apple Blossom Mall Location:Winchester, VA, United States (https://jobs.jcp.com/jobs/location/191170/winchester-va-united-states) Read more
Seasonal Operations Associate - *Apple* Blo...
Seasonal Operations Associate - Apple Blossom Mall Location:Winchester, VA, United States (https://jobs.jcp.com/jobs/location/191170/winchester-va-united-states) - Read more
Hair Stylist - *Apple* Blossom Mall - JCPen...
Hair Stylist - Apple Blossom Mall Location:Winchester, VA, United States (https://jobs.jcp.com/jobs/location/191170/winchester-va-united-states) - Apple Blossom Read more
Cashier - *Apple* Blossom Mall - JCPenney (...
Cashier - Apple Blossom Mall Location:Winchester, VA, United States (https://jobs.jcp.com/jobs/location/191170/winchester-va-united-states) - Apple Blossom Mall Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.