Enhanced PrettyTabBar

PrettyExample.xcodeproj/project.pbxproj

@@ -7,6 +7,7 @@
 	objects = {
 
 /* Begin PBXBuildFile section */
+		3F8D2269155435E40042B767 /* PrettyTabBarButton.m in Sources */ = {isa = PBXBuildFile; fileRef = 3F8D2268155435E40042B767 /* PrettyTabBarButton.m */; };
 		572B2E6615348E1B0002228B /* RotableTabBarController.m in Sources */ = {isa = PBXBuildFile; fileRef = 572B2E6515348E1B0002228B /* RotableTabBarController.m */; };
 		572B2E6A153496880002228B /* background.png in Resources */ = {isa = PBXBuildFile; fileRef = 572B2E68153496870002228B /* background.png */; };
 		572B2E6B153496880002228B /* background@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 572B2E69153496870002228B /* background@2x.png */; };
@@ -19,6 +20,8 @@
 		57360BDD14FF84F600343B7B /* MainWindow.xib in Resources */ = {isa = PBXBuildFile; fileRef = 57360BDC14FF84F600343B7B /* MainWindow.xib */; };
 		57360BDF14FF889B00343B7B /* ExampleViewController.xib in Resources */ = {isa = PBXBuildFile; fileRef = 57360BDE14FF889B00343B7B /* ExampleViewController.xib */; };
 		57360BE114FF911200343B7B /* QuartzCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 57360BE014FF911200343B7B /* QuartzCore.framework */; };
+		57810A2F1557C01E00974D07 /* listButton.png in Resources */ = {isa = PBXBuildFile; fileRef = 57810A2D1557C01E00974D07 /* listButton.png */; };
+		57810A301557C01E00974D07 /* listButton@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 57810A2E1557C01E00974D07 /* listButton@2x.png */; };
 		578998C41535E02000E06FCA /* PrettyCustomViewTableViewCell.m in Sources */ = {isa = PBXBuildFile; fileRef = 578998B31535E02000E06FCA /* PrettyCustomViewTableViewCell.m */; };
 		578998C51535E02000E06FCA /* PrettyGridTableViewCell.m in Sources */ = {isa = PBXBuildFile; fileRef = 578998B51535E02000E06FCA /* PrettyGridTableViewCell.m */; };
 		578998C61535E02000E06FCA /* PrettySegmentedControlTableViewCell.m in Sources */ = {isa = PBXBuildFile; fileRef = 578998B71535E02000E06FCA /* PrettySegmentedControlTableViewCell.m */; };
@@ -36,6 +39,8 @@
 /* End PBXBuildFile section */
 
 /* Begin PBXFileReference section */
+		3F8D2267155435E40042B767 /* PrettyTabBarButton.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = PrettyTabBarButton.h; sourceTree = "<group>"; };
+		3F8D2268155435E40042B767 /* PrettyTabBarButton.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = PrettyTabBarButton.m; sourceTree = "<group>"; };
 		572B2E6415348E1B0002228B /* RotableTabBarController.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RotableTabBarController.h; sourceTree = "<group>"; };
 		572B2E6515348E1B0002228B /* RotableTabBarController.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RotableTabBarController.m; sourceTree = "<group>"; };
 		572B2E68153496870002228B /* background.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = background.png; sourceTree = "<group>"; };
@@ -53,6 +58,8 @@
 		57360BDC14FF84F600343B7B /* MainWindow.xib */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.xib; path = MainWindow.xib; sourceTree = "<group>"; };
 		57360BDE14FF889B00343B7B /* ExampleViewController.xib */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.xib; path = ExampleViewController.xib; sourceTree = "<group>"; };
 		57360BE014FF911200343B7B /* QuartzCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = QuartzCore.framework; path = System/Library/Frameworks/QuartzCore.framework; sourceTree = SDKROOT; };
+		57810A2D1557C01E00974D07 /* listButton.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = listButton.png; sourceTree = "<group>"; };
+		57810A2E1557C01E00974D07 /* listButton@2x.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = "listButton@2x.png"; sourceTree = "<group>"; };
 		578998B21535E02000E06FCA /* PrettyCustomViewTableViewCell.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = PrettyCustomViewTableViewCell.h; sourceTree = "<group>"; };
 		578998B31535E02000E06FCA /* PrettyCustomViewTableViewCell.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = PrettyCustomViewTableViewCell.m; sourceTree = "<group>"; };
 		578998B41535E02000E06FCA /* PrettyGridTableViewCell.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = PrettyGridTableViewCell.h; sourceTree = "<group>"; };
@@ -153,6 +160,8 @@
 		5735F8C214FD2FFC00DD7370 /* Supporting Files */ = {
 			isa = PBXGroup;
 			children = (
+				57810A2D1557C01E00974D07 /* listButton.png */,
+				57810A2E1557C01E00974D07 /* listButton@2x.png */,
 				5735F8C314FD2FFC00DD7370 /* PrettyExample-Info.plist */,
 				5735F8C414FD2FFC00DD7370 /* InfoPlist.strings */,
 				5735F8C714FD2FFC00DD7370 /* main.m */,
@@ -174,6 +183,8 @@
 				578998C01535E02000E06FCA /* PrettyShadowPlainTableview.m */,
 				578998C11535E02000E06FCA /* PrettyTabBar.h */,
 				578998C21535E02000E06FCA /* PrettyTabBar.m */,
+				3F8D2267155435E40042B767 /* PrettyTabBarButton.h */,
+				3F8D2268155435E40042B767 /* PrettyTabBarButton.m */,
 				EDA7DCAF1548EBD1002219BA /* PrettyToolbar.h */,
 				EDA7DCB01548EBD1002219BA /* PrettyToolbar.m */,
 			);
@@ -252,6 +263,8 @@
 				572B2E6A153496880002228B /* background.png in Resources */,
 				572B2E6B153496880002228B /* background@2x.png in Resources */,
 				EDA7DCB71548ED3F002219BA /* ModalViewController.xib in Resources */,
+				57810A2F1557C01E00974D07 /* listButton.png in Resources */,
+				57810A301557C01E00974D07 /* listButton@2x.png in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -277,6 +290,7 @@
 				578998CB1535E02000E06FCA /* PrettyTabBar.m in Sources */,
 				EDA7DCB11548EBD1002219BA /* PrettyToolbar.m in Sources */,
 				EDA7DCB61548ED3F002219BA /* ModalViewController.m in Sources */,
+				3F8D2269155435E40042B767 /* PrettyTabBarButton.m in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};

PrettyExample/AppDelegate.m

@@ -8,6 +8,7 @@
 
 #import "AppDelegate.h"
 #import "ExampleViewController.h"
+#import "PrettyTabBar.h"
 
 @implementation AppDelegate
 
@@ -29,7 +30,7 @@ - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(
     self.window.backgroundColor = [UIColor whiteColor];
 
     self.window.rootViewController = self.tabBarController;
-
+    ((PrettyTabBar *)self.tabBarController.tabBar).prettyTabBarButtons = YES;
 
     [self.window makeKeyAndVisible];
     return YES;

PrettyExample/MainWindow.xib

@@ -53,6 +53,10 @@
 				<object class="IBUINavigationController" key="IBUISelectedViewController" id="635481500">
 					<object class="IBUITabBarItem" key="IBUITabBarItem" id="303198971">
 						<string key="IBUITitle">Plain Table</string>
+						<object class="NSCustomResource" key="IBUIImage">
+							<string key="NSClassName">NSImage</string>
+							<string key="NSResourceName">listButton.png</string>
+						</object>
 						<string key="targetRuntimeIdentifier">IBCocoaTouchFramework</string>
 					</object>
 					<reference key="IBUIParentViewController" ref="416037990"/>
@@ -303,7 +307,7 @@
 			<nil key="activeLocalization"/>
 			<dictionary class="NSMutableDictionary" key="localizations"/>
 			<nil key="sourceID"/>
-			<int key="maxID">24</int>
+			<int key="maxID">25</int>
 		</object>
 		<object class="IBClassDescriber" key="IBDocument.Classes"/>
 		<int key="IBDocument.localizationMode">0</int>
@@ -314,6 +318,10 @@
 		</object>
 		<bool key="IBDocument.PluginDeclaredDependenciesTrackSystemTargetVersion">YES</bool>
 		<int key="IBDocument.defaultPropertyAccessControl">3</int>
+		<object class="NSMutableDictionary" key="IBDocument.LastKnownImageSizes">
+			<string key="NS.key.0">listButton.png</string>
+			<string key="NS.object.0">{22, 16}</string>
+		</object>
 		<string key="IBCocoaTouchPluginVersion">933</string>
 	</data>
 </archive>

PrettyKit/PrettyDrawing.h

@@ -27,7 +27,7 @@
 // SOFTWARE.
 
 
-#import <Foundation/Foundation.h>
+#import <UIKit/UIKit.h>
 
 typedef enum {
     LinePositionTop = 0,
@@ -40,6 +40,26 @@ typedef enum {
 
 @interface PrettyDrawing : NSObject
 
+/** 
+ Returns a CGMutablePathRef that is for a Rounded Rectangle in rect with corner radii radius.
+ */
+CGMutablePathRef PrettyKitCreateMutablePathForRoundedRect(CGRect rect, CGFloat radius);
+
+/** 
+ Draws a rounded rectangle using the radius and fill color into a rect
+ */
++ (void)drawRoundedRect:(CGRect)rect cornerRadius:(CGFloat)radius color:(UIColor *)color;
+
+/** 
+ Draws a gradient into a context using a startPoint, endPOint and a from and to color
+ */
++ (void)drawGradientForContext:(CGContextRef)context startPoint:(CGPoint)startPoint endPoint:(CGPoint)endPoint fromColor:(UIColor *)fromColor toColor:(UIColor *)toColor;
+
+/** 
+ Draws a rounded rect with a gradient and a corner radius into a rect
+ */
++ (void)drawGradientRoundedRect:(CGRect)rect cornerRadius:(CGFloat)radius fromColor:(UIColor *)from toColor:(UIColor *)to;
+
 /** 
  Draws a gradient with the given colors into the given rect.
  */
@@ -79,6 +99,12 @@ typedef enum {
  */
 - (void) dropShadowWithOpacity:(float)opacity;
 
+/** Drops a shadow with the given opacity and offset.
+
+ @warning This method uses the UILayer shadow properties.
+ */
+- (void) dropShadowOffset:(CGSize)offset withOpacity:(float)opacity;
+
 @end
 
 
@@ -92,4 +118,11 @@ typedef enum {
  @return A new autoreleased UIColor instance. */
 + (UIColor *) colorWithHex:(int)hex;
 
+/** Converts the color to an RGB colorspace and puts values of the components into the components parameter
+
+ @param Pointer to a CGFloat array of the most 4 elements
+
+ */
+-(void)getRGBColorComponents:(CGFloat [4])components;
+
 @end

PrettyKit/PrettyDrawing.m

@@ -32,30 +32,85 @@
 
 @implementation PrettyDrawing
 
-+ (void) drawGradient:(CGRect)rect fromColor:(UIColor *)from toColor:(UIColor *)to {
-    CGContextRef ctx = UIGraphicsGetCurrentContext();
-    CGContextSaveGState(ctx);
+CGMutablePathRef PrettyKitCreateMutablePathForRoundedRect(CGRect rect, CGFloat radius) {
+    CGMutablePathRef path = CGPathCreateMutable();
+    CGPathAddArc(path, NULL, rect.origin.x + radius, rect.origin.y + radius, radius, (180) * M_PI/180, (-90) * M_PI/180, 0);
+    CGPathAddArc(path, NULL, rect.origin.x + rect.size.width - radius, rect.origin.y + radius, radius, (-90) * M_PI/180, (0) * M_PI/180, 0);
+    CGPathAddArc(path, NULL, rect.origin.x + rect.size.width - radius, rect.origin.y + rect.size.height - radius, radius, (0) * M_PI/180, (-270) * M_PI/180, 0);
+    CGPathAddArc(path, NULL, rect.origin.x + radius, rect.origin.y + rect.size.height - radius, radius, (-270) * M_PI/180, (-180) * M_PI/180, 0);
+
+    return path;
+}
+
++ (void)drawRoundedRect:(CGRect)rect cornerRadius:(CGFloat)radius color:(UIColor *)color {
+    CGContextRef context = UIGraphicsGetCurrentContext();
+    CGContextSaveGState(context);
 
-    CGContextAddRect(ctx, rect);
-    CGContextClip(ctx);
+    CGMutablePathRef path = PrettyKitCreateMutablePathForRoundedRect(rect, radius);
+    CGContextAddPath(context, path);
+
+    [color setFill];
+    CGContextDrawPath(context, kCGPathFill);
+
+    CGContextRestoreGState(context);
+    CGPathRelease(path);
+}
+
++ (void)drawGradientRoundedRect:(CGRect)rect cornerRadius:(CGFloat)radius fromColor:(UIColor *)from toColor:(UIColor *)to {
+    CGContextRef context = UIGraphicsGetCurrentContext();
+    CGContextSaveGState(context);
+
+    CGMutablePathRef path = PrettyKitCreateMutablePathForRoundedRect(rect, radius);
+    CGContextAddPath(context, path);    
+    CGContextClip(context);
 
+    [PrettyDrawing drawGradientForContext:context 
+                               startPoint:CGPointMake(rect.origin.x + rect.size.width/2, rect.origin.y)
+                                 endPoint:CGPointMake(rect.origin.x + rect.size.width/2, rect.origin.y + rect.size.height)
+                                fromColor:from
+                                  toColor:to];
+
+    CGContextRestoreGState(context);
+    CGPathRelease(path);
+
+}
+
++ (void)drawGradientForContext:(CGContextRef)context startPoint:(CGPoint)startPoint endPoint:(CGPoint)endPoint fromColor:(UIColor *)fromColor toColor:(UIColor *)toColor {
     CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
-    CGFloat locations[] = { 0.0, 1.0 };
 
-    CGColorRef startColor = from.CGColor;
-    CGColorRef endColor = to.CGColor;    
-    NSArray *colors = [NSArray arrayWithObjects:(id)startColor, (id)endColor, nil];
+    CGFloat locations[] = {0.0, 1.0};
 
-    CGGradientRef gradient = CGGradientCreateWithColors(colorSpace, 
-                                                        (CFArrayRef) colors, locations);
+    // iOS 4.3 safe way of drawing gradients. not as awesome as CGGradientCreateWithColors
+    CGFloat fromComponents[4];
+    [fromColor getRGBColorComponents:fromComponents];
 
-    CGPoint startPoint = CGPointMake(CGRectGetMidX(rect), CGRectGetMinY(rect));
-    CGPoint endPoint = CGPointMake(CGRectGetMidX(rect), CGRectGetMaxY(rect));
+    CGFloat toComponents[4];
+    [toColor getRGBColorComponents:toComponents];
 
-    CGContextDrawLinearGradient(ctx, gradient, startPoint, endPoint, 0);
+    CGFloat colors[8] = {   fromComponents[0], fromComponents[1], fromComponents[2], fromComponents[3], 
+                            toComponents[0], toComponents[1], toComponents[2], toComponents[3]};
+
+    CGGradientRef gradient = CGGradientCreateWithColorComponents(colorSpace, colors, locations, 2);
+
+    /////////////////////////////////////////////////////////////////////////
+
+    CGContextDrawLinearGradient(context, gradient, startPoint, endPoint, 0);
     CGGradientRelease(gradient);
     CGColorSpaceRelease(colorSpace);
+}
+
++ (void) drawGradient:(CGRect)rect fromColor:(UIColor *)from toColor:(UIColor *)to {
+    CGContextRef ctx = UIGraphicsGetCurrentContext();
+    CGContextSaveGState(ctx);
 
+    CGContextAddRect(ctx, rect);
+    CGContextClip(ctx);
+
+    CGPoint startPoint = CGPointMake(CGRectGetMidX(rect), CGRectGetMinY(rect));
+    CGPoint endPoint = CGPointMake(CGRectGetMidX(rect), CGRectGetMaxY(rect));
+
+    [PrettyDrawing drawGradientForContext:ctx startPoint:startPoint endPoint:endPoint fromColor:from toColor:to];
+
     CGContextRestoreGState(ctx);
 }
 
@@ -118,13 +173,19 @@ + (void) drawGradient:(CGGradientRef)gradient rect:(CGRect)rect
 
 @implementation UIView (PrettyKit)
 
-- (void) dropShadowWithOpacity:(float)opacity {
+- (void) dropShadowOffset:(CGSize)offset withOpacity:(float)opacity {
     self.layer.masksToBounds = NO;
-    self.layer.shadowOffset = CGSizeMake(0, 0);
+    self.layer.shadowOffset = offset;
     self.layer.shadowOpacity = opacity;
     self.layer.shadowPath = [UIBezierPath bezierPathWithRect:self.bounds].CGPath;
 }
 
+- (void) dropShadowWithOpacity:(float)opacity {
+    [self dropShadowOffset:CGSizeMake(0, 0) withOpacity:opacity];
+
+}
+
+
 @end
 
 
@@ -137,5 +198,38 @@ + (UIColor *) colorWithHex:(int)hex {
                             blue:((float)(hex & 0xFF))/255.0 alpha:1.0];
 }
 
+-(void)getRGBColorComponents:(CGFloat [4])components {
+    if (CGColorGetNumberOfComponents([self CGColor]) == 4) {
+        const CGFloat *actualComponents = CGColorGetComponents([self CGColor]);
+
+        components[0] = actualComponents[0];
+        components[1] = actualComponents[1];
+        components[2] = actualComponents[2];
+        components[3] = actualComponents[3];
+
+        return;
+    }
+
+    components[3] = CGColorGetAlpha([self CGColor]);
+
+    CGColorSpaceRef rgbColorSpace = CGColorSpaceCreateDeviceRGB();
+    unsigned char resultingPixel[4];
+    CGContextRef context = CGBitmapContextCreate(&resultingPixel,
+                                                 1,
+                                                 1,
+                                                 8,
+                                                 4,
+                                                 rgbColorSpace,
+                                                 kCGImageAlphaNoneSkipLast);
+    CGContextSetFillColorWithColor(context, [self CGColor]);
+    CGContextFillRect(context, CGRectMake(0, 0, 1, 1));
+    CGContextRelease(context);
+    CGColorSpaceRelease(rgbColorSpace);
+
+    for (int component = 0; component < 3; component++) {
+        components[component] = resultingPixel[component] / 255.0f;
+    }
+}
+
 
 @end

PrettyKit/PrettyNavigationBar.m

@@ -36,7 +36,7 @@ @implementation PrettyNavigationBar
 @synthesize shadowOpacity, gradientEndColor, gradientStartColor, topLineColor, bottomLineColor, roundedCornerRadius, roundedCornerColor;
 
 
-#define default_shadow_opacity 0.5
+#define default_shadow_opacity          0.5
 #define default_gradient_end_color      [UIColor colorWithHex:0x297CB7]
 #define default_gradient_start_color    [UIColor colorWithHex:0x53A4DE]
 #define default_top_line_color          [UIColor colorWithHex:0x84B7D5]