[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)

8 files changed, 214 insertions, 0 deletions

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 <UIKit/UIKit.h>
+
+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
--- /dev/null
+++ b/iPhone/TestData/GTMFadeTruncatingLabelTest1.png
diff --git a/iPhone/TestData/GTMFadeTruncatingLabelTest2.png b/iPhone/TestData/GTMFadeTruncatingLabelTest2.png
new file mode 100644
index 0000000..80d95fd
--- /dev/null
+++ b/iPhone/TestData/GTMFadeTruncatingLabelTest2.png
diff --git a/iPhone/TestData/GTMFadeTruncatingLabelTest3.png b/iPhone/TestData/GTMFadeTruncatingLabelTest3.png
new file mode 100644
index 0000000..eba21b2
--- /dev/null
+++ b/iPhone/TestData/GTMFadeTruncatingLabelTest3.png
diff --git a/iPhone/TestData/GTMFadeTruncatingLabelTest4.png b/iPhone/TestData/GTMFadeTruncatingLabelTest4.png
new file mode 100644
index 0000000..e9f59c8
--- /dev/null
+++ b/iPhone/TestData/GTMFadeTruncatingLabelTest4.png
diff --git a/iPhone/TestData/GTMFadeTruncatingLabelTest5.png b/iPhone/TestData/GTMFadeTruncatingLabelTest5.png
new file mode 100644
index 0000000..ba378d2
--- /dev/null
+++ b/iPhone/TestData/GTMFadeTruncatingLabelTest5.png