写此文章,一是积累一下知识,二也是因为某个项目要求在10.6上运行,但由于10.6的NSTableView只支持Cell-Base。因此想与iphone一样,把一些视图addsubview来说就要走点弯路了。在10.7下就可以完全使用view-base来实现。对于view来说,大家都用得很顺手了,想什么画什么,add一下就OK了,但基于cell-base 的row cell,你还使用addview吗?要想了解CELL 就得先了解一下NSCell,这个是Cell的祖宗了,在mac os中各个控件基本上都有一个cell,而这些cell都是从NSCell派生出来。如果不清楚建议先了解一下。
下面重点回到tableView上,讲一下在cell-base上碰到的问题,及解决方式,如果还有更好的,请高人指点。
question:
1.如何自定义绘制某列某行的表格显示自己想要的样式?
2.如何锁定指定的行不允行选中或修改?
3.如何当鼠标进入到指定的cell中进行触发事件?
4.如何实现NSTableView的动态高度?并随列的大小改变而自动设置高度?
5.如何更改选中的行的高亮色?
6.如何可以进行选择自定义cell中的文字进行选中操作?
7.如何实现Cell中的文字高亮部分显示?
NSTableView 的代码Create部分:
- NSScrollView * tableContainer = [[NSScrollView alloc] initWithFrame:NSMakeRect(10, 10, 560, 540)];
- FSHighlightTableView * tableView = [[FSHighlightTableView alloc] initWithFrame:NSMakeRect(0, 0, 544, 540)];
-
-
- [tableView setGridStyleMask:NSTableViewSolidVerticalGridLineMask | NSTableViewSolidHorizontalGridLineMask];
-
- [tableView setGridColor:[NSColor redColor]];
-
- [tableView setBackgroundColor:[NSColor greenColor]];
-
- [[tableView cell]setLineBreakMode:NSLineBreakByTruncatingTail];
- [[tableView cell]setTruncatesLastVisibleLine:YES];
-
- [tableView sizeLastColumnToFit];
- [tableView setColumnAutoresizingStyle:NSTableViewUniformColumnAutoresizingStyle];
-
-
-
- [tableView setAllowsMultipleSelection:NO];
-
- [tableView setAllowsExpansionToolTips:YES];
- [tableView setAllowsEmptySelection:YES];
- [tableView setAllowsColumnSelection:YES];
- [tableView setAllowsColumnResizing:YES];
- [tableView setAllowsColumnReordering:YES];
-
- [tableView setDoubleAction:@selector(ontableviewrowdoubleClicked:)];
- [tableView setAction:@selector(ontablerowclicked:)];
-
-
-
- [tableView setSelectionHighlightStyle:NSTableViewSelectionHighlightStyleRegular];
-
-
-
-
-
-
-
-
-
-
- NSTableColumn * column1 = [[NSTableColumn alloc] initWithIdentifier:@"col1"];
- [column1.headerCell setTitle:@"第一列"];
-
-
- NSTableColumn * column2 = [[NSTableColumn alloc] initWithIdentifier:@"col2"];
- [column2.headerCell setTitle:@"第二列"];
-
-
- [column1 setWidth:250];
- [column2 setWidth:250];
-
-
- [tableView addTableColumn:column1];
- [tableView addTableColumn:column2];
-
- [tableView setDelegate:self];
- [tableView setDataSource:self];
-
-
- [tableContainer setDocumentView:tableView];
- [tableContainer setHasVerticalScroller:YES];
- [tableContainer setHasHorizontalScroller:YES];
- [self addSubview:tableContainer];
- [tableContainer release];
- [tableView release];
- [column1 release];
- [column2 release];
上述代码是创建一个二列的table(本人不太习G使用IB来弄UI)。
再来看一下代理。
关键的:
- - (CGFloat)tableView:(NSTableView *)tableView heightOfRow:(NSInteger)row
- {
-
- NSTableColumn *column = [[tableView tableColumns] objectAtIndex:0];
- NSCell *dycell = [tableView preparedCellAtColumn:0 row:row];
- NSRect cellBounds = NSZeroRect;
- cellBounds.size.width = [column width]; cellBounds.size.height = FLT_MAX;
- NSSize cellSize = [dycell cellSizeForBounds:cellBounds];
- return cellSize.height;
- }
-
- - (NSInteger)numberOfRowsInTableView:(NSTableView *)tableView
- {
- return listData.count;
- }
-
- - (id)tableView:(NSTableView *)tableView objectValueForTableColumn:(NSTableColumn *)tableColumn row:(NSInteger)row
- {
- return [listData objectAtIndex:row];
- }
-
- - (NSCell *)tableView:(NSTableView *)tableView dataCellForTableColumn:(NSTableColumn *)tableColumn row:(NSInteger)row
- {
- if ([tableColumn.identifier isEqualToString:@"col1"]) {
- FSDyHeightCell *dycell = [[[FSDyHeightCell alloc]init]autorelease];
-
- dycell.display = [listData objectAtIndex:row];
- return dycell;
- }
- return nil;
- }
看起来是不是有点像iphone的tableView呀。确实有点,不过mac的有列的概念了。其实这几个代理就可以基本的把数据显示出来。这没有什么好奇怪的。但要对每个cell进行一些功能的扩展或自定义,这就需要费时了。
问题1:先看一下未定义之前,NSTableView为我们默认创建了一个NSTextFieldCell的对象来进行显示数据,
很简单的数据显示,但往往我们有时需要在某个表格中有图,有字显然NSTextFieldCell是不够的了,可以参考一下官网提供的ImageAndTextCell 。另外我们也可以自己从NSCell派生下来,自己实现NSCell的
- (void)drawWithFrame:(NSRect)cellFrame inView:(NSView *)controlView;方法,使用这个方法draw时可以按照自己的想法把图,文等都可以draw上去,但这个就需要有点CGGraphics 的功底了。这个方法还有一点要注意的就是cellFrame 的y轴坐标,这个坐标是一个y轴的偏移坐标。因此在使用这个来draw东东时,rect的y轴一定要跟着变,否则你看到的只有一行数据,大家都积在同一坐标点上了,另外,这个y的值会把grid的线条宽加在内,比如每行之间线条是1,哪么在第10行的时候,中间隔了9条线,哪么第10行的y的偏移会是9行的高度+8行的线行宽度的值作为第10行的起始偏移点,这个大家体会一下吧,可能我描术的不是很清楚。
如图中,我自己将第二列进行自定义,当然这个大家可以按自己的需要进行绘制。贴下简单的码:
- - (void)drawWithFrame:(NSRect)cellFrame inView:(NSView *)controlView
- {
-
- if ([self isHighlighted]) {
- [self highlightColorWithFrame:cellFrame inView:controlView];
- }
-
- NSColor* primaryColor = [self isHighlighted] ? [NSColor alternateSelectedControlTextColor] : [NSColor textColor];
-
- NSDictionary* primaryTextAttributes = [NSDictionary dictionaryWithObjectsAndKeys: primaryColor, NSForegroundColorAttributeName,
- [NSFont systemFontOfSize:13], NSFontAttributeName, nil nil];
- NSMutableAttributedString *string = [[[NSMutableAttributedString alloc]initWithString:@"hello world" attributes:primaryTextAttributes]autorelease];
- [string setAttributes:@{NSForegroundColorAttributeName:[NSColor redColor]} range:NSMakeRange(0, 5)];
-
-
-
- NSMutableParagraphStyle *ps = [[NSParagraphStyle defaultParagraphStyle] mutableCopy];
- [ps setLineBreakMode:NSLineBreakByTruncatingTail];
- NSRange range = NSMakeRange(0, [string length]);
- [string addAttribute:NSParagraphStyleAttributeName value:ps range:range];
- [ps release];
- [string drawInRect:NSMakeRect(cellFrame.origin.x+cellFrame.size.height+15, cellFrame.origin.y+10,40,15)];
-
- NSImage *icon = [NSImage imageNamed:@"1"];
-
-
-
-
- float yOffset = cellFrame.origin.y;
-
- [icon drawInRect:NSMakeRect(cellFrame.origin.x+5,yOffset + 3,cellFrame.size.height-6, cellFrame.size.height-6)
- fromRect:NSMakeRect(0,0,[icon size].width, [icon size].height)
- operation:NSCompositeSourceOver
- fraction:1.0 respectFlipped:YES hints:nil];
- }
问题二:有时候在工作中,我们对满足某一条件的行或列进行锁定,不让用户进行编辑或随意拖动。
这个稍有点简单,主要是利用下面的代理来完成之。
- - (BOOL)tableView:(NSTableView *)tableView shouldSelectRow:(NSInteger)row
- {
- if (row == 2)
- {
- return NO;
- }
-
- return YES;
- }
-
- - (NSIndexSet *)tableView:(NSTableView *)tableView selectionIndexesForProposedSelection:(NSIndexSet *)proposedSelectionIndexes
- {
- return proposedSelectionIndexes;
- }
-
- - (BOOL)tableView:(NSTableView *)tableView shouldSelectTableColumn:(NSTableColumn *)tableColumn
- {
- if ([tableColumn.identifier isEqualToString:kMCButtontColumnID]) {
- return YES;
- }
- return NO;
- }
问题三:这个问题上需要费点劲,为什么呢,如果做 MAC 的话你会发现,NSView是不会自动响应MouseMove事件的,同时NSTableView也不会自动响应MouseMove事件的。况且现在是Cell-base没有View.本想利用NSView上的鼠标事件来实现移出移入单元格的思路也被卡掉了。哪么就没有办法了吗?办法总是有的,只是好用不好用,易用不易用罢了,下面我说下我的实现思路,如果有MAC高手发现不对就指教了。
1。让tableView支持mouseMove事件。
2。想办法把mouseMove事件中的鼠标坐标点转换为tableView对应的行和列。
先解决第一点,要想有mouseMove事件,先得让tableView有焦点。有时候自己手工创建的tableView 由于窗口上有好多View而使得tableView当前不在焦点上,因此可以借住第一响就这个方式来使之成为第一响应。
- - (void)focus:(NSWindow *) owner
- {
- [owner makeFirstResponder:m_tableView];
- }
其次还必须把NSTableView 的接受鼠标事件开启:
- [m_tableView.window setAcceptsMouseMovedEvents:YES];
好,现在NSTableView有鼠标移动事件了,现在关键是确定鼠标移动点是在哪一行和列上,细看NSTableView的接口你会发现有这样两个方法:
- - (NSInteger)columnAtPoint:(NSPoint)point;
-
- - (NSInteger)rowAtPoint:(NSPoint)point;
但注意这里的point,与鼠标的坐标不同,鼠标是相对于screen的,需要转换到app上来,怎么转?
- NSPoint p = [self convertPoint:[theEvent locationInWindow] fromView:nil];
这样一句就可以转过来了。
好吧,有了这些信息哪么就好办了,现在还有一个关键点。就是这个行与行,列与列之间的事件触发。因此必须很精确的判断出来。具体看码吧。
下面是通过代理打印出来的信息:
问题四:一般情况下,对于每行高度是固定的,哪就没有什么好说的了,实现
- - (CGFloat)tableView:(NSTableView *)tableView heightOfRow:(NSInteger)row
就可以了,但如果是某行的高度是动态的,哪对于cell-base还真有点麻烦。为什么,因为cell只有在绘制出来的时候都好确定cell的大小,不像View,可以直接用frame就可以确定。cell不一样,cell初始代的时候是是(40000,40000)宽高。你总不能把这个当作动态高度吧。因此在Cell中必须使用cellSize或cellSizeForBounds 来确定高度。
看下效果:
具体的算法:
- -(NSSize)cellSizeForBounds:(NSRect)aRect
- {
-
- NSSize tmp = NSMakeSize(aRect.size.width, aRect.size.height);
- if (display) {
-
-
- NSRect rect = [self getstringHeighInWith:tmp.width -20 byString:display];
- tmp.height = CGRectGetHeight(rect)+20;
- }
- else
- {
- tmp.height = 0;
- }
- return tmp;
- }
-
- -(NSSize)cellSize
- {
- NSSize tmp = [super cellSize];
- if (display) {
-
- <pre code_snippet_id="172750" snippet_file_name="blog_20140127_12_624697" name="code" class="objc"> NSRect rect = [self getstringHeighInWith:tmp.width -20 byString:display];
- tmp.height = CGRectGetHeight(rect)+20;</pre> } else { tmp.height = 0; } return tmp;}- (NSRect)getstringHeighInWith:(float)width byString:(NSString *)string{ NSMutableParagraphStyle *ps = [[NSParagraphStyle defaultParagraphStyle] mutableCopy]; [ps setLineBreakMode:NSLineBreakByCharWrapping];
- ps.alignment = NSJustifiedTextAlignment; NSDictionary* primaryTextAttributes = [NSDictionary dictionaryWithObjectsAndKeys: [NSColor blackColor], NSForegroundColorAttributeName, [NSFont fontWithName:@"Helvetica" size:13], NSFontAttributeName, NSParagraphStyleAttributeName,ps,nil];
- NSRect rect = [string boundingRectWithSize:NSMakeSize(width, 4000) options:NSStringDrawingUsesLineFragmentOrigin attributes:primaryTextAttributes]; return rect;}<p></p>
- <pre></pre>
- <br>
- 其次是在高度返回值中处理:
- <p></p>
- <p></p><pre code_snippet_id="172750" snippet_file_name="blog_20140127_13_7800014" name="code" class="objc">- (CGFloat)tableView:(NSTableView *)tableView heightOfRow:(NSInteger)row
- {
-
- NSTableColumn *column = [[tableView tableColumns] objectAtIndex:0];
- NSCell *dycell = [tableView preparedCellAtColumn:0 row:row];
- NSRect cellBounds = NSZeroRect;
- cellBounds.size.width = [column width]; cellBounds.size.height = FLT_MAX;
- NSSize cellSize = [dycell cellSizeForBounds:cellBounds];
- return cellSize.height;
- }</pre><br>
- 以上可以实现动态高度了,但还有一点,就是列拖动大小的时候,行的高度不变,哪怎么处理呢?幸好,tableView已为我们提供了便捷的刷新方法:<p></p>
- <p></p><pre code_snippet_id="172750" snippet_file_name="blog_20140127_14_4418924" name="code" class="objc">- (void)tableViewColumnDidResize:(NSNotification *)aNotification
- {
- NSTableView* aTableView = aNotification.object;
- NSIndexSet *indexes = [NSIndexSet indexSetWithIndexesInRange:NSMakeRange(0,aTableView.numberOfRows)];
- [aTableView noteHeightOfRowsWithIndexesChanged:indexes];
- }</pre>即<pre code_snippet_id="172750" snippet_file_name="blog_20140127_15_9642394" name="code" class="objc">[aTableView noteHeightOfRowsWithIndexesChanged:indexes];</pre>和<br>
- <pre code_snippet_id="172750" snippet_file_name="blog_20140127_16_2357610" name="code" class="objc">- (void)noteNumberOfRowsChanged;</pre>我们只需要在列大小改变的时候调用就OK了,我的代码里是用窗口大小变化来触发的。具体以实际情况而定了。<br>
- <br>
- 问题五:<p></p>
- <p>tableView自身的选中色为蓝色的。要想改变,有两种变通的方法。</p>
- <p>1.利用NSCell进行设置,注意这种处理方法,是针对每个格子的进行设置,比如有1234列,如果每例的Cell设置得不同的时候,你会发现当选中一行时,显示为不同的选中色了。样例代码。这个用法,需要注意有表格线和没有表格线时的表示,否则你会看到蓝色线条。</p>
- <p></p><pre code_snippet_id="172750" snippet_file_name="blog_20140127_17_9740670" name="code" class="objc">
- - (void)drawWithFrame:(NSRect)cellFrame inView:(NSView *)controlView
- {
- BOOL elementDisabled = NO;
- NSColor* primaryColor = [self isHighlighted] ? [NSColor alternateSelectedControlTextColor] : (elementDisabled? [NSColor disabledControlTextColor] : [NSColor textColor]);
-
- NSDictionary* primaryTextAttributes = [NSDictionary dictionaryWithObjectsAndKeys: primaryColor, NSForegroundColorAttributeName,
- [NSFont systemFontOfSize:13], NSFontAttributeName, nil nil];
- [self.displayName.stringValue drawAtPoint:NSMakePoint(cellFrame.origin.x+cellFrame.size.height+10, cellFrame.origin.y) withAttributes:primaryTextAttributes];
-
- [[NSGraphicsContext currentContext] saveGraphicsState];
- float yOffset = cellFrame.origin.y;
- if ([controlView isFlipped]) {
- NSAffineTransform* xform = [NSAffineTransform transform];
- [xform translateXBy:0.0 yBy: cellFrame.size.height];
- [xform scaleXBy:1.0 yBy:-1.0];
- [xform concat];
- yOffset = 0-cellFrame.origin.y;
- }
-
- NSImageInterpolation interpolation = [[NSGraphicsContext currentContext] imageInterpolation];
- [[NSGraphicsContext currentContext] setImageInterpolation: NSImageInterpolationHigh];
-
- [avatar.image drawInRect:NSMakeRect(cellFrame.origin.x+5,yOffset+3,cellFrame.size.height-6, cellFrame.size.height-6)
- fromRect:NSMakeRect(0,0,[avatar.image size].width, [avatar.image size].height)
- operation:NSCompositeSourceOver
- fraction:1.0];
-
- [[NSGraphicsContext currentContext] setImageInterpolation: interpolation];
-
- [[NSGraphicsContext currentContext] restoreGraphicsState];
- }
-
- - (NSAttributedString*)getCellAttributes
- {
- NSDictionary* _attributes = [NSDictionary dictionaryWithObjectsAndKeys:_cellFontColor,NSForegroundColorAttributeName,nil];
- NSString* _cellString = [self stringValue];
-
- _cellAttributedString = [[[NSAttributedString alloc]
- initWithString:_cellString attributes:_attributes] autorelease];
-
- return _cellAttributedString;
- }
-
- - (NSColor*)highlightColorWithFrame:(NSRect)cellFrame inView:(NSView *)controlView
- {
- NSRect newRect = NSMakeRect(cellFrame.origin.x - 1, cellFrame.origin.y, cellFrame.size.width + 5, cellFrame.size.height);
- if (_cellBKColor)
- {
- [_cellBKColor set];
- NSRectFill(newRect);
- }
-
- [self setAttributedStringValue:[self getCellAttributes]];
-
- return nil;
- }</pre><p></p>
- <p>第2种,也是我比较喜欢的吧,不过需要继承NSTableView来实现。</p>
- <p class="p1">- (<span class="s1">id</span>)_highlightColorForCell:(<span class="s1">id</span>)cell;进行重写。</p>
- <p class="p1"></p><pre code_snippet_id="172750" snippet_file_name="blog_20140127_18_4407734" name="code" class="objc">
- - (id)_highlightColorForCell:(id)cell
- {
-
- if([self selectionHighlightStyle] == 1)
- {
- return nil;
- }
- else
- {
- return [NSColor redColor];
- }
- }</pre><br>
- 问题六:<p></p>
- <p class="p1">这个问题是当你绘制出来的字体,不支持鼠标选中操作。</p>
- <p class="p1">这个问题,还没有解决,初步确认是用这四个方法进行实现,但我还没有研究透。还在找资料。(也请高手指点)</p>
- <p class="p1"></p><pre code_snippet_id="172750" snippet_file_name="blog_20140127_19_6043153" name="code" class="objc">- (BOOL)trackMouse:(NSEvent *)theEvent inRect:(NSRect)cellFrame ofView:(NSView *)controlView untilMouseUp:(BOOL)flag;
- - (void)editWithFrame:(NSRect)aRect inView:(NSView *)controlView editor:(NSText *)textObj delegate:(id)anObject event:(NSEvent *)theEvent;
- - (void)selectWithFrame:(NSRect)aRect inView:(NSView *)controlView editor:(NSText *)textObj delegate:(id)anObject start:(NSInteger)selStart length:(NSInteger)selLength;
- - (void)endEditing:(NSText *)textObj;</pre><br>
- 问题七:<p></p>
- <p class="p1">对于部分字体的高亮,通常会出现在搜索时的显示结果上。哪这又是怎么处理的呢?其它也是通过属性字段进行设置不同的字体色进行Draw上来的。</p>
- <p></p><pre code_snippet_id="172750" snippet_file_name="blog_20140127_20_3774879" name="code" class="objc">- (void)drawWithFrame:(NSRect)cellFrame inView:(NSView *)controlView
- {
- NSColor* primaryColor = [self isHighlighted] ? [NSColor alternateSelectedControlTextColor] : [NSColor textColor];
-
- if (name && phone && highlightkey)
- {
- NSDictionary* primaryTextAttributes = [NSDictionary dictionaryWithObjectsAndKeys: primaryColor, NSForegroundColorAttributeName,
- [NSFont systemFontOfSize:12], NSFontAttributeName, nil nil];
- NSMutableAttributedString *namestring = [[NSMutableAttributedString alloc]initWithString:name attributes:primaryTextAttributes];
-
- [namestring beginEditing];
-
- NSRange namerg = [name rangeOfString:highlightkey];
- [namestring setAttributes:@{NSForegroundColorAttributeName:[NSColor redColor]} range:namerg];
-
- NSMutableAttributedString *phonestring = [[NSMutableAttributedString alloc]initWithString:phone attributes:primaryTextAttributes];
- NSRange phonerg = [phone rangeOfString:highlightkey];
- [phonestring setAttributes:@{NSForegroundColorAttributeName:[NSColor redColor]} range:phonerg];
- NSMutableAttributedString *left = [[NSMutableAttributedString alloc]initWithString:@"(" attributes:primaryTextAttributes];
- NSMutableAttributedString *right = [[NSMutableAttributedString alloc]initWithString:@")" attributes:primaryTextAttributes];
- [namestring appendAttributedString:left];
- [namestring appendAttributedString:phonestring];
- [namestring appendAttributedString:right];
-
- NSMutableParagraphStyle *ps = [[NSParagraphStyle defaultParagraphStyle] mutableCopy];
- [ps setLineBreakMode:NSLineBreakByTruncatingTail];
- NSRange range = NSMakeRange(0, [namestring length]);
- [namestring addAttribute:NSParagraphStyleAttributeName value:ps range:range];
- [ps release];
-
- [namestring endEditing];
-
- CGFloat xpos = cellFrame.origin.x+cellFrame.size.height+15;
- CGFloat w = cellFrame.size.width - xpos - 30;
- [namestring drawInRect:NSMakeRect(xpos, cellFrame.origin.y+10,w,15)];
-
- [right release];
- [left release];
- [namestring release];
- [phonestring release];
- }
-
- if (ringUser)
- {
- [ringImg drawInRect:NSMakeRect(cellFrame.origin.x+9.5,cellFrame.origin.y + 1,36, 36)
- fromRect:NSMakeRect(0,0,ringImg.size.width, ringImg.size.height)
- operation:NSCompositeSourceOver
- fraction:1.0 respectFlipped:YES hints:nil];
- }
-
- if (avatar)
- {
- [[NSGraphicsContext currentContext] saveGraphicsState];
- NSRect rt = NSMakeRect(cellFrame.origin.x+12.5,cellFrame.origin.y + 4,30, 30);
- CGFloat radius = 15;
- NSBezierPath *clipPath = [NSBezierPath bezierPathWithRoundedRect:rt xRadius:radius yRadius:radius];
- [clipPath setWindingRule:NSEvenOddWindingRule];
- [clipPath addClip];
-
- [avatar drawInRect: rt
- fromRect:NSMakeRect(0,0,avatar.size.width, avatar.size.height)
- operation:NSCompositeSourceOver
- fraction:1.0 respectFlipped:YES hints:nil];
-
- [[NSGraphicsContext currentContext] restoreGraphicsState];
- }
- }
- </pre><br>
- 其中<pre code_snippet_id="172750" snippet_file_name="blog_20140127_21_5933687" name="code" class="objc">highlightkey就是需要设置为高亮的部分。</pre><p></p>
- <p>欢迎路过大侠多多指教。</p>
- <p><br>
- </p>
- <p>好了,有点多,也有点杂。大家需要慢慢体会。源码我都放在:http:
- <p><br>
- </p>
- <p>马上回家过年,这是2013贺岁篇,也正好是在csdn发表文章的第100篇。记念一下。</p>
- <p>同时也祝自己马年,天马流星,神马飞扬,马到功成,马上有想法,马上有伯乐,马上当BOSS,马上开挂,最后辛苦的一年即将过去,来年心想事成,万事如意。</p>
- <p>好,收拾 东东,马上回家。。。。。。</p>
- <br>
- <br>
- <br>
- <br>
- <br>
- <p><br>
- </p>
- <p><br>
- </p>