#import “Three20UI/TTTableCaptionItem.h”
#import “Three20UI/UIViewAdditions.h”
#import “Three20Style/UIFontAdditions.h”
#import “Three20UI/UITableViewAdditions.h”

#import “Three20Style/TTGlobalStyle.h”
#import “Three20Style/TTDefaultStyleSheet.h”

And the cell height issue means that I had to overload

+ (CGFloat)tableView:(UITableView*)tableView rowHeightForObject:(id)object
which I found by hunting around in the superclass of my TTTableCaptionItemCell subclass.

I had changed the layout of my cell so it was calculating it different. If there’s a way to get this to auto calculate the height of the cell I wish i knew about it!

Hope this helps someone
Paul

So ok I got to the point where I am editing the layoutSubviews code that Adam was probably working on, with the latest three20. Thought I’d post my able-to-be-compiled code with the latest three20 lib for anyone struggling with this. The following are some notes of changes made.

* In your TableViewController
- (id)createDataSource is apparently not called in the new three20?
Add in your loadView or somewhere similar
self.dataSource = [TableViewDataSource tableViewDataSource];

* In your TableItemCell subclass, change your layout subviews like this
- (void)layoutSubviews {
[super layoutSubviews];

[self.detailTextLabel sizeToFit];
self.detailTextLabel.frame = CGRectMake(self.detailTextLabel.frame.origin.x,
kVPadding,
self.detailTextLabel.frame.size.width,
self.detailTextLabel.frame.size.height) ;

self.textLabel.frame = CGRectMake(self.textLabel.frame.origin.x,
self.textLabel.frame.origin.y,
self.textLabel.frame.size.width,
self.detailTextLabel.frame.size.height);

_imageView1.frame = CGRectMake(20,
self.detailTextLabel.frame.origin.y
+ self.detailTextLabel.frame.size.height
+ kVPadding,
kImageWidth,
kImageHeight);

And in the same file, In setObject:
_imageView1.urlPath = item.image1;

I’m still working on getting the table rows to be the correct height, even though self.variableHeightRows = YES; is set.

Paul

thanks!

Now i got this error:
ld: duplicate symbol .objc_class_name_BlogTableItemCell in /Users/username/Development/Workspaces/iphone_experiments/xcode_build_output/MausLog.build/Debug-iphonesimulator/MausLog.build/Objects-normal/i386/BlogTableItemCell-18F77E6981C37B70.o and /Users/username/Development/Workspaces/iphone_experiments/xcode_build_output/MausLog.build/Debug-iphonesimulator/MausLog.build/Objects-normal/i386/BlogTableItemCell-18F77E6981C37B70.o

I replaced the layoutSubviews bit with some new code and it worked!

After 10-12 hours of solid researching into this i’ve attempted to subclass a tableview myself, and have managed to do everything correct (i think), except i am not sure what i am meant to add into BNTableItemCell.m for the implementation of my new class when im adding a label, as aposed to an image.

I.e. i would like to make the caption be on one line all the way across the top, with the text below it and then the images, not the caption and text side by side.

When I have some time, I plan to update this tutorial but until then I’m sure ya’ll can work around it

The reason I name the file BNTableItem rather than the class name, is because this file is intended to contain ALL TableItems for this App (if I were to have more than one). Check out TTTableItem.h/.m in the three20 source code, Joe does the same thing.

-MattV

I’m sure its doable, you’ll probably have to make a bundle of images like in TTCatalog. Look in TTCatalog and the Three20 source code and im sure you’ll get a good idea of how to do that.

-MattV

i am stucked here ttphotviewcontroller needs TTphoto and i don’t know how to create this object i have image url only

can you please clear one more thing , i have confusion that if i use three20 library and i want to submit application in apple store. will it create a problem in submission ? i mean i don’t know three 20 is using private or undocumented api …
Matt Your website is very helpfull for iphone developers ..speacially for those who want to use three 20 library .
thanks again .

Instead of using the DidSelectObject method for navigating views in your app, I instead suggest using three20’s TTNavigator. Included with three20 is a demo application called TTNavigatorDemo which should get you up and running pretty quick.

But if you insist on using DidSelectObject, here is some sample code from an old project of mine (not sure if it’s still compatible with the current version of three20):

- (void)didSelectObject:(id)object atIndexPath:(NSIndexPath*)indexPath {

if ([object class] == [MyExampleTableItem class]) {

MyExampleTableItem *myField = object;
MyViewController *myViewController = [[MyViewController alloc] init];

myViewController.product = myField.product;

[self.navigationController pushViewController:myViewController animated:YES];

[myViewController release];

} else if ([object class] == [MyOtherExampleTableItem class]) {

MyOtherExampleTableItem *myOtherField = object;
MyOtherViewController *myOtherViewController = [[MyOtherViewController alloc] init];

myOtherViewController.product = myOtherField.product;

[self.navigationController pushViewController:myOtherViewController animated:YES];

[myOtherViewController release];

}

}

Hope that helps!

-MattV

Sorry if it wasn’t clear in my tutorial, but the final working version of the tutorial app is available on github in my three20 Tutorial Repository: http://github.com/mattvague/three20-iPhone-tutorials

-MattV

Thank you!

My old TTStylesheets tutorial is deprecated because it uses TTTableFields to create TableViewCells (which is the old way of doing it). The new way is to use TTTableItems, which is what this tutorial goes over.

To answer your question “what’s the fix?”, I guess the easiest thing to do would be to kind of merge the still-applicable parts of my TTStylesheets tutorial (everything up to step 4) with what you learn from doing THIS tutorial.

As far as I know the only part of my TTStylesheets tutorial that is deprecated is step 4. That’s the part where you actually apply the styles to the UILabels inside of a TTTableFieldCell (like _label.textColor = TTSTYLEVAR(myFirstColor);). The rest of the tutorial should work still work as long as you know how to use TTTableItems, and can adapt them for step 4 (rather then TTTableFields).

Another way to learn how TTStylesheets work would be to check out the finished app for this tutorial (availible on github: http://github.com/mattvague/three20-iPhone-tutorials). The finished app uses TTStylesheets to style the font and color of it’s TTTableItemCells, but unfortunatly the scope of this tutorial does not cover how to use the stylesheets like my other tutorial.

So again, I think your two options would be:
1. Learn how TTTableItems work with THIS tutorial, and then learn how TTStylesheets work with the OTHER tutorial, and then combine what you’ve learned from both tutorials.

or

2. Clone (download) my tutorial repository and take a look at the source code. You could probably get a good idea of how TTStylesheets work.

Good luck, tell me if you have any more questions or problems!

Note that I just built my first simple test app with Three20. It only has a TTTabItem, and one UILabel.

What does the stylesheet style? I need some background. That would help as well.

Also, re grammar nazi – you also say it’s in your other blog post…. who cares really, lol…. this is the interwebz.

-MattV

Dude, seriously, go back to elementary school.

- (CGFloat)tableView:(UITableView*)tableView heightForRowAtIndexPath:(NSIndexPath*)indexPath {
id dataSource = (id)tableView.dataSource;

id object = [dataSource tableView:tableView objectForRowAtIndexPath:indexPath];
Class cls = [dataSource tableView:tableView cellClassForObject:object];
return [cls tableView:tableView rowHeightForObject:object];
}

Notice that it now says rowHeightForObject, not rowHeightForItem.

Just rename the subclassed method and it will be the right height again

How would you make some of the text in the custom cell as links (buttons?) so that it changes to a new view when tapped? For example, “Vancouver, BC” would push a new view that shows information about the city.

Thanks!

You are 100% correct, that was the problem! I’m not sure how that got overlooked :-S

Anways I just updated the app and pushed the new version to github so it should be fixed now.

Thanks a lot man!

-MattV

I found out the cause to the crash.

In the method (RootViewDataSource*)rootViewDataSource,

Don’t autorelease the array item BNTableCaptionedItemWithThreeImagesBelow.

Fred

I got the same problem as Alex did. The app crashes as I scroll the table view.

Fred

-MattV

To be honest I have yet to toy around with the PhotoGallery features of three20, so how about this: give me a couple of days and I will look into using my app in a manner similar to PhotoTest2Controller. Ill report back what I find as soon as I can.

-MattV

-Matt

What happens when you run the tableitem-tutorial app? Does it run?

/Users/indy0130/Desktop/mattvague-three20-iPhone-tutorials-c279d07d892a7963c30bc451f0f86e9608792de8/tableitem-tutorial/Classes/BNTableItemCell.m:37: error: syntax error before ‘UITableViewCellStyle’

/Users/indy0130/Desktop/mattvague-three20-iPhone-tutorials-c279d07d892a7963c30bc451f0f86e9608792de8/tableitem-tutorial/Classes/BNTableItemCell.m:41: error: initializer element is not constant

/Users/indy0130/Desktop/mattvague-three20-iPhone-tutorials-c279d07d892a7963c30bc451f0f86e9608792de8/tableitem-tutorial/Classes/BNTableItemCell.m:42: error: syntax error before ‘[’ token

/Users/indy0130/Desktop/mattvague-three20-iPhone-tutorials-c279d07d892a7963c30bc451f0f86e9608792de8/tableitem-tutorial/Classes/BNTableItemCell.m:44: error: initializer element is not constant

and so on

-Matt