mac: UI tweaks to tab overview mode

chrome/browser/ui/cocoa/tabpose_window.mm

 // Copyright (c) 2011 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 <algorithm>
 
@@ skipping 19 matching lines @@
 #include "content/browser/renderer_host/render_view_host.h"
 #include "content/browser/tab_contents/tab_contents.h"
 #include "grit/app_resources.h"
 #include "grit/theme_resources.h"
 #include "skia/ext/skia_utils_mac.h"
 #include "third_party/skia/include/utils/mac/SkCGUtils.h"
 #include "ui/base/resource/resource_bundle.h"
 #include "ui/gfx/image.h"
 #include "ui/gfx/scoped_cg_context_state_mac.h"
 
-const int kTopGradientHeight  = 15;
+const int kTopShadowGradientHeight  = 15;
 
 NSString* const kAnimationIdKey = @"AnimationId";
 NSString* const kAnimationIdFadeIn = @"FadeIn";
 NSString* const kAnimationIdFadeOut = @"FadeOut";
 
 const CGFloat kDefaultAnimationDuration = 0.25;  // In seconds.
 const CGFloat kSlomoFactor = 4;
 const CGFloat kObserverChangeAnimationDuration = 0.25;  // In seconds.
 const CGFloat kSelectionInset = 5;
 
 // CAGradientLayer is 10.6-only -- roll our own.
 @interface DarkGradientLayer : CALayer
 - (void)drawInContext:(CGContextRef)context;
 @end
 
 @implementation DarkGradientLayer
 - (void)drawInContext:(CGContextRef)context {
   base::mac::ScopedCFTypeRef<CGColorSpaceRef> grayColorSpace(
       CGColorSpaceCreateWithName(kCGColorSpaceGenericGray));
   CGFloat grays[] = { 0.277, 1.0, 0.39, 1.0 };
   CGFloat locations[] = { 0, 1 };
   base::mac::ScopedCFTypeRef<CGGradientRef> gradient(
       CGGradientCreateWithColorComponents(
           grayColorSpace.get(), grays, locations, arraysize(locations)));
-  CGPoint topLeft = CGPointMake(0.0, kTopGradientHeight);
+  CGPoint topLeft = CGPointMake(0.0, self.bounds.size.height);

[viettrungluu, 2011/03/08 01:02:32]

NSHeight?

   CGContextDrawLinearGradient(context, gradient.get(), topLeft, CGPointZero, 0);
 }
 @end
+
+// This is similar to DarkGradientLayer at the moment, but it will probably get
+// differently rounded edges, so it's a separate class.

[viettrungluu, 2011/03/08 01:02:32]

Should this be a TODO? Should there be a bug for this?

+@interface GrayLayer : CALayer
+- (void)drawInContext:(CGContextRef)context;
+@end
+
+@implementation GrayLayer
+- (void)drawInContext:(CGContextRef)context {
+  base::mac::ScopedCFTypeRef<CGColorSpaceRef> grayColorSpace(
+      CGColorSpaceCreateWithName(kCGColorSpaceGenericGray));
+  CGFloat grays[] = { 204/255.0, 0.0, 175/255.0, 0.8 , 145/255.0, 0.8};
+  CGFloat locations[] = { 0, 0.5, 1 };
+  base::mac::ScopedCFTypeRef<CGGradientRef> gradient(
+      CGGradientCreateWithColorComponents(
+          grayColorSpace.get(), grays, locations, arraysize(locations)));
+  CGPoint topLeft = CGPointMake(0.0, self.bounds.size.height);
+  CGContextDrawLinearGradient(context, gradient.get(), topLeft, CGPointZero, 0);
+}
+@end
 
 namespace tabpose {
 class ThumbnailLoader;
 }
 
 // A CALayer that draws a thumbnail for a TabContents object. The layer tries
 // to draw the TabContents's backing store directly if possible, and requests
 // a thumbnail bitmap from the TabContents's renderer process if not.
 @interface ThumbnailLayer : CALayer {
   // The TabContents the thumbnail is for.
@@ skipping 1047 matching lines @@
 
     // Selection highlight layer.
     darkBlue_.reset(CGColorCreateGenericRGB(0.25, 0.34, 0.86, 1.0));
     selectionHighlight_ = [CALayer layer];
     selectionHighlight_.backgroundColor = darkBlue_;
     selectionHighlight_.cornerRadius = 5.0;
     selectionHighlight_.zPosition = -1;  // Behind other layers.
     selectionHighlight_.hidden = YES;
     [bgLayer_ addSublayer:selectionHighlight_];
 
-    // Top gradient.
+    // Top shadow gradient. Needs to paint below the thumbs, so this can't
+    // be part of grayLayer.
     CALayer* gradientLayer = [DarkGradientLayer layer];
     gradientLayer.frame = CGRectMake(
         0,
-        NSHeight(containingRect_) - kTopGradientHeight,
+        NSHeight(containingRect_) - kTopShadowGradientHeight,
         NSWidth(containingRect_),
-        kTopGradientHeight);
+        kTopShadowGradientHeight);
     [gradientLayer setNeedsDisplay];  // Draw once.
     [bgLayer_ addSublayer:gradientLayer];
+
+    // Top gray gradient.
+    // bgLayer_ has to clip its children (for the thumbs), so this can't be
+    // a child of bgLayer_.
+    CGFloat toolbarHeight =
+        NSHeight([[self contentView] bounds]) - NSHeight(containingRect_);
+    CALayer* grayLayer = [GrayLayer layer];
+    grayLayer.frame = CGRectMake(
+        0,
+        NSHeight([[self contentView] bounds]) - toolbarHeight,
+        NSWidth(containingRect_),
+        toolbarHeight);
+    [grayLayer setNeedsDisplay];  // Draw once.
+    [rootLayer_ addSublayer:grayLayer];
   }
 
   // Layers for the tab thumbnails.
   tileSet_->Build(tabStripModel_);
   tileSet_->Layout(containingRect_);
   allThumbnailLayers_.reset(
       [[NSMutableArray alloc] initWithCapacity:tabStripModel_->count()]);
   allFaviconLayers_.reset(
       [[NSMutableArray alloc] initWithCapacity:tabStripModel_->count()]);
   allTitleLayers_.reset(
@@ skipping 502 matching lines @@
   tile.set_tab_contents(contents->tab_contents());
   ThumbnailLayer* thumbLayer = [allThumbnailLayers_ objectAtIndex:index];
   [thumbLayer setTabContents:contents->tab_contents()];
 }
 
 - (void)tabStripModelDeleted {
   [self close];
 }
 
 @end