From d75eaf5688872bd6fe245e11c048c40817b7ee1b Mon Sep 17 00:00:00 2001 From: "gtm.daemon" Date: Wed, 24 Aug 2011 16:00:31 +0000 Subject: [Author: justincohen] Fade to translucent mask used by chrome instead of an ellipses or just truncating the string. R=dmaclach APPROVED=dmaclach DELTA=249 (249 added, 0 deleted, 0 changed) --- iPhone/GTMFadeTruncatingLabel.h | 32 +++++++ iPhone/GTMFadeTruncatingLabel.m | 115 ++++++++++++++++++++++++ iPhone/GTMFadeTruncatingLabelTest.m | 67 ++++++++++++++ iPhone/TestData/GTMFadeTruncatingLabelTest1.png | Bin 0 -> 2788 bytes iPhone/TestData/GTMFadeTruncatingLabelTest2.png | Bin 0 -> 1569 bytes iPhone/TestData/GTMFadeTruncatingLabelTest3.png | Bin 0 -> 3289 bytes iPhone/TestData/GTMFadeTruncatingLabelTest4.png | Bin 0 -> 1919 bytes iPhone/TestData/GTMFadeTruncatingLabelTest5.png | Bin 0 -> 2665 bytes 8 files changed, 214 insertions(+) create mode 100755 iPhone/GTMFadeTruncatingLabel.h create mode 100755 iPhone/GTMFadeTruncatingLabel.m create mode 100644 iPhone/GTMFadeTruncatingLabelTest.m create mode 100644 iPhone/TestData/GTMFadeTruncatingLabelTest1.png create mode 100644 iPhone/TestData/GTMFadeTruncatingLabelTest2.png create mode 100644 iPhone/TestData/GTMFadeTruncatingLabelTest3.png create mode 100644 iPhone/TestData/GTMFadeTruncatingLabelTest4.png create mode 100644 iPhone/TestData/GTMFadeTruncatingLabelTest5.png (limited to 'iPhone') diff --git a/iPhone/GTMFadeTruncatingLabel.h b/iPhone/GTMFadeTruncatingLabel.h new file mode 100755 index 0000000..5b768f0 --- /dev/null +++ b/iPhone/GTMFadeTruncatingLabel.h @@ -0,0 +1,32 @@ +// +// GTMFadeTruncatingLabel.h +// +// Copyright 2011 Google Inc. +// +// Licensed under the Apache License, Version 2.0 (the "License"); you may not +// use this file except in compliance with the License. You may obtain a copy +// of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT +// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the +// License for the specific language governing permissions and limitations under +// the License. +// + +#import + +typedef enum { + GTMFadeTruncatingTail = 0x1, + GTMFadeTruncatingHead = 0x2, + GTMFadeTruncatingHeadAndTail = GTMFadeTruncatingHead | GTMFadeTruncatingTail +} GTMFadeTruncatingMode; + +@interface GTMFadeTruncatingLabel : UILabel + +// Which side(s) to truncate. +@property(nonatomic, assign) GTMFadeTruncatingMode truncateMode; + +@end diff --git a/iPhone/GTMFadeTruncatingLabel.m b/iPhone/GTMFadeTruncatingLabel.m new file mode 100755 index 0000000..619e7bb --- /dev/null +++ b/iPhone/GTMFadeTruncatingLabel.m @@ -0,0 +1,115 @@ +// +// GTMFadeTruncatingLabel.m +// +// Copyright 2011 Google Inc. +// +// Licensed under the Apache License, Version 2.0 (the "License"); you may not +// use this file except in compliance with the License. You may obtain a copy +// of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT +// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the +// License for the specific language governing permissions and limitations under +// the License. +// +#import "GTMFadeTruncatingLabel.h" + +@interface GTMFadeTruncatingLabel () +- (void)setup; +- (UIImage*)getLinearGradient:(CGRect)rect; +@end + +@implementation GTMFadeTruncatingLabel + +@synthesize truncateMode = truncateMode_; + +- (void)setup { + self.backgroundColor = [UIColor clearColor]; + truncateMode_ = GTMFadeTruncatingTail; +} + +- (id)initWithFrame:(CGRect)frame { + self = [super initWithFrame:frame]; + if (self) { + [self setup]; + } + return self; +} + +- (void)awakeFromNib { + [self setup]; +} + +// Draw fade gradient mask if text is wider than rect. +- (void)drawTextInRect:(CGRect)requestedRect { + CGContextRef context = UIGraphicsGetCurrentContext(); + CGContextSaveGState(context); + + CGSize size = [self.text sizeWithFont:self.font]; + if (size.width > requestedRect.size.width) { + UIImage* image = [self getLinearGradient:requestedRect]; + CGContextClipToMask(context, self.bounds, image.CGImage); + } + + CGContextSetFillColorWithColor(context, self.textColor.CGColor); + [self.text drawInRect:requestedRect + withFont:self.font + lineBreakMode:UILineBreakModeClip + alignment:self.textAlignment]; + + CGContextRestoreGState(context); +} + +// Create gradient opacity mask based on direction. +- (UIImage*)getLinearGradient:(CGRect)rect { + // Create an opaque context. + CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceGray(); + CGContextRef context = CGBitmapContextCreate (NULL, + rect.size.width, + rect.size.height, + 8, + 4*rect.size.width, + colorSpace, + kCGImageAlphaNone); + + // White background will mask opaque, black gradient will mask transparent. + CGContextSetFillColorWithColor(context, [UIColor whiteColor].CGColor); + CGContextFillRect(context, rect); + + // Create gradient from white to black. + CGFloat locs[2] = { 0.0f, 1.0f }; + CGFloat components[4] = { 1.0f, 1.0f, 0.0f, 1.0f }; + CGGradientRef gradient = + CGGradientCreateWithColorComponents(colorSpace, components, locs, 2); + CGColorSpaceRelease(colorSpace); + + // Draw head and/or tail gradient. + CGFloat fadeWidth = MIN(rect.size.height * 2, floor(rect.size.width / 4)); + CGFloat minX = CGRectGetMinX(rect); + CGFloat maxX = CGRectGetMaxX(rect); + if (self.truncateMode & GTMFadeTruncatingTail) { + CGFloat startX = maxX - fadeWidth; + CGPoint startPoint = CGPointMake(startX, CGRectGetMidY(rect)); + CGPoint endPoint = CGPointMake(maxX, CGRectGetMidY(rect)); + CGContextDrawLinearGradient(context, gradient, startPoint, endPoint, 0); + } + if (self.truncateMode & GTMFadeTruncatingHead) { + CGFloat startX = minX + fadeWidth; + CGPoint startPoint = CGPointMake(startX, CGRectGetMidY(rect)); + CGPoint endPoint = CGPointMake(minX, CGRectGetMidY(rect)); + CGContextDrawLinearGradient(context, gradient, startPoint, endPoint, 0); + } + CGGradientRelease(gradient); + + // Clean up, return image. + CGImageRef ref = CGBitmapContextCreateImage(context); + UIImage* image = [UIImage imageWithCGImage:ref]; + CGImageRelease(ref); + CGContextRelease(context); + return image; +} + +@end diff --git a/iPhone/GTMFadeTruncatingLabelTest.m b/iPhone/GTMFadeTruncatingLabelTest.m new file mode 100644 index 0000000..052a32f --- /dev/null +++ b/iPhone/GTMFadeTruncatingLabelTest.m @@ -0,0 +1,67 @@ +// +// GTMFadeTruncatingLabelTest.m +// +// Copyright 2011 Google Inc. +// +// Licensed under the Apache License, Version 2.0 (the "License"); you may not +// use this file except in compliance with the License. You may obtain a copy +// of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT +// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the +// License for the specific language governing permissions and limitations under +// the License. +// +#import "GTMNSObject+UnitTesting.h" +#import "GTMSenTestCase.h" +#import "GTMFadeTruncatingLabel.h" + +@interface GTMFadeTruncatingLabelTest : GTMTestCase +@end + + +@implementation GTMFadeTruncatingLabelTest + +- (void)testFadeTruncatingLabelRight { + GTMFadeTruncatingLabel* label = [[[GTMFadeTruncatingLabel alloc] + initWithFrame:CGRectMake(0, 0, 200, 25)] + autorelease]; + label.text = @"A very long string that won't fit"; + GTMAssertObjectImageEqualToImageNamed(label, + @"GTMFadeTruncatingLabelTest1", + @"Mismatched image."); + label.text = @"A short string"; + GTMAssertObjectImageEqualToImageNamed(label, + @"GTMFadeTruncatingLabelTest2", + @"Mismatched image."); + + // Dark background, light text. + label.backgroundColor = [UIColor blackColor]; + [label setTextColor:[UIColor whiteColor]]; + + label.text = @"A very long string that won't fit"; + GTMAssertObjectImageEqualToImageNamed(label, + @"GTMFadeTruncatingLabelTest3", + @"Mismatched image."); + label.text = @"A short string"; + GTMAssertObjectImageEqualToImageNamed(label, + @"GTMFadeTruncatingLabelTest4", + @"Mismatched image."); +} + +- (void)testFadeTruncatingLabelLeftAndRight { + GTMFadeTruncatingLabel* label = [[[GTMFadeTruncatingLabel alloc] + initWithFrame:CGRectMake(0, 0, 200, 25)] + autorelease]; + label.truncateMode = GTMFadeTruncatingHeadAndTail; + + label.text = @"Fade on both left and right"; + GTMAssertObjectImageEqualToImageNamed(label, + @"GTMFadeTruncatingLabelTest5", + @"Mismatched image."); +} + +@end diff --git a/iPhone/TestData/GTMFadeTruncatingLabelTest1.png b/iPhone/TestData/GTMFadeTruncatingLabelTest1.png new file mode 100644 index 0000000..d5d7910 Binary files /dev/null and b/iPhone/TestData/GTMFadeTruncatingLabelTest1.png differ diff --git a/iPhone/TestData/GTMFadeTruncatingLabelTest2.png b/iPhone/TestData/GTMFadeTruncatingLabelTest2.png new file mode 100644 index 0000000..80d95fd Binary files /dev/null and b/iPhone/TestData/GTMFadeTruncatingLabelTest2.png differ diff --git a/iPhone/TestData/GTMFadeTruncatingLabelTest3.png b/iPhone/TestData/GTMFadeTruncatingLabelTest3.png new file mode 100644 index 0000000..eba21b2 Binary files /dev/null and b/iPhone/TestData/GTMFadeTruncatingLabelTest3.png differ diff --git a/iPhone/TestData/GTMFadeTruncatingLabelTest4.png b/iPhone/TestData/GTMFadeTruncatingLabelTest4.png new file mode 100644 index 0000000..e9f59c8 Binary files /dev/null and b/iPhone/TestData/GTMFadeTruncatingLabelTest4.png differ diff --git a/iPhone/TestData/GTMFadeTruncatingLabelTest5.png b/iPhone/TestData/GTMFadeTruncatingLabelTest5.png new file mode 100644 index 0000000..ba378d2 Binary files /dev/null and b/iPhone/TestData/GTMFadeTruncatingLabelTest5.png differ -- cgit v1.2.3