TwUI 0.1

2011-07-01 14:18:11 -04:00
parent 5d720b0373
commit 2a704ca1fb
111 changed files with 18289 additions and 0 deletions
@@ -0,0 +1,149 @@
+/*
+ Copyright 2011 Twitter, Inc.
+ 
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this work except in compliance with the License.
+ You may obtain a copy of the License in the LICENSE file, or 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 "ExampleView.h"
+#import "ExampleTableViewCell.h"
+
+#define TAB_HEIGHT 60
+
+@implementation ExampleView
+
+- (id)initWithFrame:(CGRect)frame
+{
+	if((self = [super initWithFrame:frame])) {
+		self.backgroundColor = [TUIColor colorWithWhite:0.9 alpha:1.0];
+		
+		// if you're using a font a lot, it's best to allocate it once and re-use it
+		exampleFont1 = [[TUIFont fontWithName:@"HelveticaNeue" size:15] retain];
+		exampleFont2 = [[TUIFont fontWithName:@"HelveticaNeue-Bold" size:15] retain];
+		
+		CGRect b = self.bounds;
+		b.origin.y += TAB_HEIGHT;
+		b.size.height -= TAB_HEIGHT;
+		
+		/*
+		 Note by default scroll views (and therefore table views) don't
+		 have clipsToBounds enabled.  Set only if needed.  In this case
+		 we don't, so it could potentially save us some rendering costs.
+		 */
+		_tableView = [[TUITableView alloc] initWithFrame:b];
+		_tableView.autoresizingMask = TUIViewAutoresizingFlexibleSize;
+		_tableView.dataSource = self;
+		_tableView.delegate = self;
+		[self addSubview:_tableView];
+		
+		_tabBar = [[ExampleTabBar alloc] initWithNumberOfTabs:5];
+		_tabBar.delegate = self;
+		// It'd be easier to just use .autoresizingmask, but for demonstration we'll use ^layout.
+		_tabBar.layout = ^(TUIView *v) { // 'v' in this case will point to the same object as 'tabs'
+			TUIView *superview = v.superview; // note we're using the passed-in 'v' argument, rather than referencing 'tabs' in the block, this avoids a retain cycle without jumping through hoops
+			CGRect rect = superview.bounds; // take the superview bounds
+			rect.size.height = TAB_HEIGHT; // only take up the bottom 60px
+			return rect;
+		};
+		[self addSubview:_tabBar];
+		
+		// setup individual tabs
+		for(TUIView *tabView in _tabBar.tabViews) {
+			tabView.backgroundColor = [TUIColor clearColor]; // will also set opaque=NO
+			
+			// let's just teach the tabs how to draw themselves right here - no need to subclass anything
+			tabView.drawRect = ^(TUIView *v, CGRect rect) {
+				CGRect b = v.bounds;
+				CGContextRef ctx = TUIGraphicsGetCurrentContext();
+				
+				TUIImage *image = [TUIImage imageNamed:@"clock.png" cache:YES];
+				CGRect imageRect = ABIntegralRectWithSizeCenteredInRect([image size], b);
+
+				if([v.nsView isTrackingSubviewOfView:v]) { // simple way to check if the mouse is currently down inside of 'v'.  See the other methods in TUINSView for more.
+					
+					// first draw a slight white emboss below
+					CGContextSaveGState(ctx);
+					CGContextClipToMask(ctx, CGRectOffset(imageRect, 0, -1), image.CGImage);
+					CGContextSetRGBFillColor(ctx, 1, 1, 1, 0.5);
+					CGContextFillRect(ctx, b);
+					CGContextRestoreGState(ctx);
+
+					// replace image with a dynamically generated fancy inset image
+					// 1. use the image as a mask to draw a blue gradient
+					// 2. generate an inner shadow image based on the mask, then overlay that on top
+					image = [TUIImage imageWithSize:imageRect.size drawing:^(CGContextRef ctx) {
+						CGRect r;
+						r.origin = CGPointZero;
+						r.size = imageRect.size;
+						
+						CGContextClipToMask(ctx, r, image.CGImage);
+						CGContextDrawLinearGradientBetweenPoints(ctx, CGPointMake(0, r.size.height), (CGFloat[]){0,0,1,1}, CGPointZero, (CGFloat[]){0,0.6,1,1});
+						TUIImage *innerShadow = [image innerShadowWithOffset:CGSizeMake(0, -1) radius:3.0 color:[TUIColor blackColor] backgroundColor:[TUIColor cyanColor]];
+						CGContextSetBlendMode(ctx, kCGBlendModeOverlay);
+						CGContextDrawImage(ctx, r, innerShadow.CGImage);
+					}];
+				}
+
+				[image drawInRect:imageRect]; // draw 'image' (might be the regular one, or the dynamically generated one)
+
+				// draw the index
+				TUIAttributedString *s = [TUIAttributedString stringWithString:[NSString stringWithFormat:@"%ld", v.tag]];
+				[s ab_drawInRect:CGRectOffset(imageRect, imageRect.size.width, -15)];
+			};
+		}
+	}
+	return self;
+}
+
+- (void)dealloc
+{
+	[_tableView release];
+	[_tabBar release];
+	[super dealloc];
+}
+
+- (void)tabBar:(ExampleTabBar *)tabBar didSelectTab:(NSInteger)index
+{
+	NSLog(@"selected tab %ld", index);
+}
+
+- (NSInteger)tableView:(TUITableView *)table numberOfRowsInSection:(NSInteger)section
+{
+	return 200;
+}
+
+- (CGFloat)tableView:(TUITableView *)tableView heightForRowAtIndexPath:(TUIFastIndexPath *)indexPath
+{
+	return 50.0;
+}
+
+- (TUITableViewCell *)tableView:(TUITableView *)tableView cellForRowAtIndexPath:(TUIFastIndexPath *)indexPath
+{
+	ExampleTableViewCell *cell = reusableTableCellOfClass(tableView, ExampleTableViewCell);
+	
+	TUIAttributedString *s = [TUIAttributedString stringWithString:[NSString stringWithFormat:@"example cell %d", indexPath.row]];
+	s.color = [TUIColor blackColor];
+	s.font = exampleFont1;
+	[s setFont:exampleFont2 inRange:NSMakeRange(8, 4)]; // make the word "cell" bold
+	cell.attributedString = s;
+	
+	return cell;
+}
+
+- (void)tableView:(TUITableView *)tableView didClickRowAtIndexPath:(TUIFastIndexPath *)indexPath withEvent:(NSEvent *)event
+{
+	if([event clickCount] == 1) {
+		// do something cool
+	}
+}
+
+@end