Mac: zoom title and favicon during tabpose zoom animation

chrome/browser/ui/cocoa/tabpose_window.mm

 // Copyright (c) 2010 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 #import "chrome/browser/ui/cocoa/tabpose_window.h"
 
 #import <QuartzCore/QuartzCore.h>
 
 #include "app/resource_bundle.h"
 #include "base/mac_util.h"
@@ skipping 351 matching lines @@
   // This function returns ny.
   return (sqrt(pow(n * (a * dy - dx), 2) +
                4 * n * a * (dx + w_c) * (dy + h_c)) -
           n * (a * dy - dx))
       /
          (2 * (dx + w_c));
 }
 
 namespace tabpose {
 
+CGFloat ScaleWithOrigin(CGFloat x, CGFloat origin, CGFloat scale) {
+  return (x - origin) * scale + origin;
+}
+
+NSRect ScaleRectWithOrigin(NSRect r, NSPoint p, CGFloat scale) {
+  return NSMakeRect(ScaleWithOrigin(NSMinX(r), p.x, scale),
+                    ScaleWithOrigin(NSMinY(r), p.y, scale),
+                    NSWidth(r) * scale,
+                    NSHeight(r) * scale);
+}
+
 // A tile is what is shown for a single tab in tabpose mode. It consists of a
 // title, favicon, thumbnail image, and pre- and postanimation rects.
 class Tile {
  public:
   Tile() {}
 
   // Returns the rectangle this thumbnail is at at the beginning of the zoom-in
   // animation. |tile| is the rectangle that's covering the whole tab area when
   // the animation starts.
   NSRect GetStartRectRelativeTo(const Tile& tile) const;
@@ skipping 43 matching lines @@
 
 NSRect Tile::GetStartRectRelativeTo(const Tile& tile) const {
   NSRect rect = start_thumb_rect_;
   rect.origin.x -= tile.start_thumb_rect_.origin.x;
   rect.origin.y -= tile.start_thumb_rect_.origin.y;
   return rect;
 }
 
 NSRect Tile::GetFaviconStartRectRelativeTo(const Tile& tile) const {
   NSRect thumb_start = GetStartRectRelativeTo(tile);
-  NSRect rect = favicon_rect_;
+  CGFloat scale_to_start = NSWidth(thumb_start) / NSWidth(thumb_rect_);
+  NSRect rect =
+      ScaleRectWithOrigin(favicon_rect_, thumb_rect_.origin, scale_to_start);
   rect.origin.x += NSMinX(thumb_start) - NSMinX(thumb_rect_);
   rect.origin.y += NSMinY(thumb_start) - NSMinY(thumb_rect_);
   return rect;
 }
 
 SkBitmap Tile::favicon() const {
   if (contents_->is_app()) {
     SkBitmap* icon = contents_->GetExtensionAppIcon();
     if (icon)
       return *icon;
   }
   return contents_->GetFavIcon();
 }
 
 NSRect Tile::GetTitleStartRectRelativeTo(const Tile& tile) const {
   NSRect thumb_start = GetStartRectRelativeTo(tile);
-  NSRect rect = title_rect_;
+  CGFloat scale_to_start = NSWidth(thumb_start) / NSWidth(thumb_rect_);
+  NSRect rect =
+      ScaleRectWithOrigin(title_rect_, thumb_rect_.origin, scale_to_start);
   rect.origin.x += NSMinX(thumb_start) - NSMinX(thumb_rect_);
   rect.origin.y += NSMinY(thumb_start) - NSMinY(thumb_rect_);
   return rect;
 }
 
 // Changes |title_rect| and |favicon_rect| such that the favicon's and the
 // title's vertical center is aligned and that the minimum distance between
 // the thumb rect and favicon and title rects doesn't change.
 void Tile::set_font_metrics(CGFloat ascender, CGFloat descender) {
   // Make the title height big enough to fit the font, and adopt the title
@@ skipping 356 matching lines @@
     tiles_[i]->title_rect_ = tiles_[i + step]->title_rect_;
   }
   tiles_[from_index]->thumb_rect_ = thumb;
   tiles_[from_index]->start_thumb_rect_ = start_thumb;
   tiles_[from_index]->favicon_rect_ = favicon;
   tiles_[from_index]->title_rect_ = title;
 }
 
 }  // namespace tabpose
 
-void AnimateCALayerFrameFromTo(
-    CALayer* layer, const NSRect& from, const NSRect& to,
+void AnimateScaledCALayerFrameFromTo(
+    CALayer* layer,
+    const NSRect& from, CGFloat from_scale,
+    const NSRect& to, CGFloat to_scale,
     NSTimeInterval duration, id boundsAnimationDelegate) {
   // http://developer.apple.com/mac/library/qa/qa2008/qa1620.html
   CABasicAnimation* animation;
 
   animation = [CABasicAnimation animationWithKeyPath:@"bounds"];
   animation.fromValue = [NSValue valueWithRect:from];
   animation.toValue = [NSValue valueWithRect:to];
   animation.duration = duration;
   animation.timingFunction =
       [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];
   animation.delegate = boundsAnimationDelegate;
 
   // Update the layer's bounds so the layer doesn't snap back when the animation
   // completes.
   layer.bounds = NSRectToCGRect(to);
 
   // Add the animation, overriding the implicit animation.
   [layer addAnimation:animation forKey:@"bounds"];
 
   // Prepare the animation from the current position to the new position.
   NSPoint opoint = from.origin;
   NSPoint point = to.origin;
 
   // Adapt to anchorPoint.
-  opoint.x += NSWidth(from) * layer.anchorPoint.x;
-  opoint.y += NSHeight(from) * layer.anchorPoint.y;
-  point.x += NSWidth(to) * layer.anchorPoint.x;
-  point.y += NSHeight(to) * layer.anchorPoint.y;
+  opoint.x += NSWidth(from) * from_scale * layer.anchorPoint.x;
+  opoint.y += NSHeight(from) * from_scale * layer.anchorPoint.y;
+  point.x += NSWidth(to) * to_scale * layer.anchorPoint.x;
+  point.y += NSHeight(to) * to_scale * layer.anchorPoint.y;
 
   animation = [CABasicAnimation animationWithKeyPath:@"position"];
   animation.fromValue = [NSValue valueWithPoint:opoint];
   animation.toValue = [NSValue valueWithPoint:point];
   animation.duration = duration;
   animation.timingFunction =
       [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];
 
   // Update the layer's position so that the layer doesn't snap back when the
   // animation completes.
   layer.position = NSPointToCGPoint(point);
 
   // Add the animation, overriding the implicit animation.
   [layer addAnimation:animation forKey:@"position"];
 }
 
+void AnimateCALayerFrameFromTo(
+    CALayer* layer, const NSRect& from, const NSRect& to,
+    NSTimeInterval duration, id boundsAnimationDelegate) {
+  AnimateScaledCALayerFrameFromTo(
+      layer, from, 1.0, to, 1.0, duration, boundsAnimationDelegate);
+}
+
 void AnimateCALayerOpacityFromTo(
     CALayer* layer, double from, double to, NSTimeInterval duration) {
   CABasicAnimation* animation;
   animation = [CABasicAnimation animationWithKeyPath:@"opacity"];
   animation.fromValue = [NSNumber numberWithFloat:from];
   animation.toValue = [NSNumber numberWithFloat:to];
   animation.duration = duration;
 
   layer.opacity = to;
   // Add the animation, overriding the implicit animation.
@@ skipping 123 matching lines @@
         nil);
     AnimateCALayerOpacityFromTo(faviconLayer, 0.0, 1.0, interval);
   } else {
     faviconLayer.frame = NSRectToCGRect(tile.favicon_rect());
   }
   faviconLayer.contents = (id)favicon.get();
   faviconLayer.zPosition = 1;  // On top of the thumb shadow.
   [bgLayer_ addSublayer:faviconLayer];
   [allFaviconLayers_ addObject:faviconLayer];
 
+  // CATextLayers can't animate their fontSize property, at least on 10.5.
+  // Animate transform.scale instead.
+
+  // The scaling should have its origin in the layer's upper left corner.
+  // This needs to be set before |AnimateCALayerFrameFromTo()| is called.
   CATextLayer* titleLayer = [CATextLayer layer];
+  titleLayer.anchorPoint = CGPointMake(0, 1);
   if (showZoom) {
-    AnimateCALayerFrameFromTo(
-        titleLayer,
-        tile.GetTitleStartRectRelativeTo(tileSet_->selected_tile()),
-        tile.title_rect(),
-        interval,
-        nil);
-    AnimateCALayerOpacityFromTo(titleLayer, 0.0, 1.0, interval);
+    NSRect fromRect =
+        tile.GetTitleStartRectRelativeTo(tileSet_->selected_tile());
+    NSRect toRect = tile.title_rect();
+    CGFloat scale = NSWidth(fromRect) / NSWidth(toRect);
+    fromRect.size = toRect.size;
+
+    // Add scale animation.
+    CABasicAnimation* scaleAnimation =
+        [CABasicAnimation animationWithKeyPath:@"transform.scale"];
+    scaleAnimation.fromValue = [NSNumber numberWithDouble:scale];
+    scaleAnimation.toValue = [NSNumber numberWithDouble:1.0];
+    scaleAnimation.duration = interval;
+    scaleAnimation.timingFunction =
+        [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];
+    [titleLayer addAnimation:scaleAnimation forKey:@"transform.scale"];
+
+    // Add the position and opacity animations.
+    AnimateScaledCALayerFrameFromTo(
+        titleLayer, fromRect, scale, toRect, 1.0, interval, nil);
+    AnimateCALayerOpacityFromTo(faviconLayer, 0.0, 1.0, interval);
   } else {
     titleLayer.frame = NSRectToCGRect(tile.title_rect());
   }
   titleLayer.string = base::SysUTF16ToNSString(tile.title());
   titleLayer.fontSize = [font pointSize];
   titleLayer.truncationMode = kCATruncationEnd;
   titleLayer.font = font;
   titleLayer.zPosition = 1;  // On top of the thumb shadow.
   [bgLayer_ addSublayer:titleLayer];
   [allTitleLayers_ addObject:titleLayer];
@@ skipping 195 matching lines @@
     [self fadeAway:NO];
 }
 
 - (BOOL)validateUserInterfaceItem:(id<NSValidatedUserInterfaceItem>)item {
   // Disable all browser-related menu items except the tab overview toggle.
   SEL action = [item action];
   NSInteger tag = [item tag];
   return action == @selector(commandDispatch:) && tag == IDC_TABPOSE;
 }
 
+- (void)fadeAwayTileAtIndex:(int)index {
+  const tabpose::Tile& tile = tileSet_->tile_at(index);
+  CALayer* layer = [allThumbnailLayers_ objectAtIndex:index];
+  // Add a delegate to one of the implicit animations to get a notification
+  // once the animations are done.
+  if (static_cast<int>(index) == tileSet_->selected_index()) {
+    CAAnimation* animation = [CAAnimation animation];
+    animation.delegate = self;
+    [animation setValue:kAnimationIdFadeOut forKey:kAnimationIdKey];
+    [layer addAnimation:animation forKey:@"frame"];
+  }
+
+  // Thumbnail.
+  layer.frame = NSRectToCGRect(
+      tile.GetStartRectRelativeTo(tileSet_->selected_tile()));
+
+  if (static_cast<int>(index) == tileSet_->selected_index()) {
+    // Redraw layer at big resolution, so that zoom-in isn't blocky.
+    [layer setNeedsDisplay];
+  }
+
+  // Title.
+  CALayer* faviconLayer = [allFaviconLayers_ objectAtIndex:index];
+  faviconLayer.frame = NSRectToCGRect(
+      tile.GetFaviconStartRectRelativeTo(tileSet_->selected_tile()));
+  faviconLayer.opacity = 0;
+
+  // Favicon.
+  // The |fontSize| cannot be animated directly, animate the layer's scale
+  // instead. |transform.scale| affects the rendered width, so keep the small
+  // bounds.
+  CALayer* titleLayer = [allTitleLayers_ objectAtIndex:index];
+  NSRect titleRect = tile.title_rect();
+  NSRect titleToRect =
+      tile.GetTitleStartRectRelativeTo(tileSet_->selected_tile());
+  CGFloat scale = NSWidth(titleToRect) / NSWidth(titleRect);
+  titleToRect.origin.x +=
+      NSWidth(titleRect) * scale * titleLayer.anchorPoint.x;
+  titleToRect.origin.y +=
+      NSHeight(titleRect) * scale * titleLayer.anchorPoint.y;
+  titleLayer.position = NSPointToCGPoint(titleToRect.origin);
+  [titleLayer setValue:[NSNumber numberWithDouble:scale]
+            forKeyPath:@"transform.scale"];
+  titleLayer.opacity = 0;
+}
+
 - (void)fadeAway:(BOOL)slomo {
   if (state_ == tabpose::kFadingOut)
     return;
 
   state_ = tabpose::kFadingOut;
   [self setAcceptsMouseMovedEvents:NO];
 
   // Select chosen tab.
   if (tileSet_->selected_index() < tabStripModel_->count()) {
     tabStripModel_->SelectTabContentsAt(tileSet_->selected_index(),
@@ skipping 12 matching lines @@
     // Running animations with shadows is slow, so turn shadows off before
     // running the exit animation.
     for (CALayer* layer in allThumbnailLayers_.get())
       layer.shadowOpacity = 0.0;
   }
 
   // Animate layers out, all in one transaction.
   CGFloat duration =
       1.3 * kDefaultAnimationDuration * (slomo ? kSlomoFactor : 1);
   ScopedCAActionSetDuration durationSetter(duration);
-  for (int i = 0; i < tabStripModel_->count(); ++i) {
-    const tabpose::Tile& tile = tileSet_->tile_at(i);
-    CALayer* layer = [allThumbnailLayers_ objectAtIndex:i];
-    // Add a delegate to one of the implicit animations to get a notification
-    // once the animations are done.
-    if (static_cast<int>(i) == tileSet_->selected_index()) {
-      CAAnimation* animation = [CAAnimation animation];
-      animation.delegate = self;
-      [animation setValue:kAnimationIdFadeOut forKey:kAnimationIdKey];
-      [layer addAnimation:animation forKey:@"frame"];
-    }
-
-    layer.frame = NSRectToCGRect(
-        tile.GetStartRectRelativeTo(tileSet_->selected_tile()));
-
-    if (static_cast<int>(i) == tileSet_->selected_index()) {
-      // Redraw layer at big resolution, so that zoom-in isn't blocky.
-      [layer setNeedsDisplay];
-    }
-
-    CALayer* faviconLayer = [allFaviconLayers_ objectAtIndex:i];
-    faviconLayer.frame = NSRectToCGRect(
-        tile.GetFaviconStartRectRelativeTo(tileSet_->selected_tile()));
-    faviconLayer.opacity = 0;
-    CALayer* titleLayer = [allTitleLayers_ objectAtIndex:i];
-    titleLayer.frame = NSRectToCGRect(
-        tile.GetTitleStartRectRelativeTo(tileSet_->selected_tile()));
-    titleLayer.opacity = 0;
-  }
+  for (int i = 0; i < tabStripModel_->count(); ++i)
+    [self fadeAwayTileAtIndex:i];
 }
 
 - (void)animationDidStop:(CAAnimation*)animation finished:(BOOL)finished {
   NSString* animationId = [animation valueForKey:kAnimationIdKey];
   if ([animationId isEqualToString:kAnimationIdFadeIn]) {
     if (finished && state_ == tabpose::kFadingIn) {
       // If the user clicks while the fade in animation is still running,
       // |state_| is already kFadingOut. In that case, don't do anything.
       state_ = tabpose::kFadedIn;
 
@@ skipping 170 matching lines @@
   tile.set_tab_contents(contents->tab_contents());
   ThumbnailLayer* thumbLayer = [allThumbnailLayers_ objectAtIndex:index];
   [thumbLayer setTabContents:contents->tab_contents()];
 }
 
 - (void)tabStripModelDeleted {
   [self close];
 }
 
 @end