Merge pull request #1 from Label305/feature_landscape

Added orientation attribute

IVPhoneView.podspec

@@ -1,18 +1,19 @@
 Pod::Spec.new do |s|
 
   s.name         = "IVPhoneView"
-  s.version      = "0.1"
+  s.version      = "0.2"
   s.summary      = "Basic view containing an iPhone graphic, in which you can place a screenshot. Can be used for onboarding experiences."
 
   s.description  = <<-DESC
                    View with a nice iPhone container. Use it to display something within an iPhone graphic. Can be used for onboarding experiences.
+                   Supports different dimensions, colors, and orientations.
                    DESC
 
   s.homepage     = "https://github.com/Label305/IVPhoneView"
   s.license      = { :type => 'Apache License, Version 2.0', :file => 'LICENSE' }
   s.author       = { "Thijs Scheepers" => "thijs@label305.com" }
 
-  s.source       = { :git => "https://github.com/Label305/IVPhoneView.git", :tag => "0.1" }
+  s.source       = { :git => "https://github.com/Label305/IVPhoneView.git", :tag => "0.2" }
 
   s.platform     = :ios, '7.0'
   s.requires_arc = true

IVPhoneView/IVAppDelegate.m

@@ -20,8 +20,12 @@ - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(
     UIViewController *viewController = [UIViewController new];
     [self.window setRootViewController:viewController];
 
-    IVPhoneView *phoneView = [[IVPhoneView alloc] initWithFrame:CGRectMake(80, 120, 160, 335)];
-    [viewController.view addSubview:phoneView];
+    IVPhoneView *portraitPhoneView = [[IVPhoneView alloc] initWithFrame:CGRectMake(80, 210, 160, 335)];
+    [viewController.view addSubview:portraitPhoneView];
+
+    IVPhoneView *landscapePhoneView = [[IVPhoneView alloc] initWithFrame:CGRectMake(-7, 30, 335, 160)];
+    landscapePhoneView.orientation = IVPhoneViewOrientationLandscape;
+    [viewController.view addSubview:landscapePhoneView];
 
     [self.window makeKeyAndVisible];
     return YES;

IVPhoneView/IVPhoneView.h

@@ -7,11 +7,21 @@
 
 #import <UIKit/UIKit.h>
 
+typedef NS_ENUM(NSUInteger, IVPhoneViewOrientation) {
+    IVPhoneViewOrientationPortrait = 0,
+    IVPhoneViewOrientationLandscape = 1
+};
+
 /**
  * View with a nice iPhone container. Use it to display something within an iPhone graphic.
  */
 @interface IVPhoneView : UIView
 
+/**
+ * Orientation of the phone view, landscape or portrait
+ */
+@property (readwrite, nonatomic) IVPhoneViewOrientation orientation;
+
 /**
  * Set this property to display a view within the phone
  * Setting will also add to subviews

IVPhoneView/IVPhoneView.m

@@ -6,6 +6,9 @@
 //
 
 #import "IVPhoneView.h"
+#import <QuartzCore/QuartzCore.h>
+
+#define radians(degrees) (degrees * M_PI/180)
 
 
 @implementation IVPhoneView
@@ -16,12 +19,14 @@ - (id)initWithFrame:(CGRect)frame
     if (self) {
 
         self.backgroundColor = [UIColor clearColor];
-        self.buttonColor = [UIColor colorWithRed: 0.643 green: 0.643 blue: 0.643 alpha: 1];
-        self.phoneColor = [UIColor blackColor];
+        _buttonColor = [UIColor colorWithRed: 0.643 green: 0.643 blue: 0.643 alpha: 1];
+        _phoneColor = [UIColor blackColor];
+
+        _sideBezzel = 10;
+        _topBezzel = 45;
+        _cameraDimentions = 7;
 
-        self.sideBezzel = 10;
-        self.topBezzel = 45;
-        self.cameraDimentions = 7;
+        _orientation = IVPhoneViewOrientationPortrait;
 
     }
     return self;
@@ -83,9 +88,20 @@ - (void)layoutSubviews
 
 - (void)drawRect:(CGRect)rect
 {
-    [self drawPhoneWithScreenWidth:rect.size.width - self.sideBezzel * 2.25
-                      screenHeight:rect.size.height - self.sideBezzel * 0.25 - self.topBezzel * 2
-                        sideBezzel:self.sideBezzel topBezzel:self.topBezzel cameraDimention:self.cameraDimentions];
+    if (self.orientation == IVPhoneViewOrientationLandscape) {
+        CGContextRef context = UIGraphicsGetCurrentContext();
+
+        CGContextRotateCTM( context, radians(90));
+        CGContextTranslateCTM( context, 0, -rect.size.width );
+
+        [self drawPhoneWithScreenWidth:rect.size.height - self.sideBezzel * 2.25
+                          screenHeight:rect.size.width - self.sideBezzel * 0.25 - self.topBezzel * 2
+                            sideBezzel:self.sideBezzel topBezzel:self.topBezzel cameraDimention:self.cameraDimentions];
+    } else {
+        [self drawPhoneWithScreenWidth:rect.size.width - self.sideBezzel * 2.25
+                          screenHeight:rect.size.height - self.sideBezzel * 0.25 - self.topBezzel * 2
+                            sideBezzel:self.sideBezzel topBezzel:self.topBezzel cameraDimention:self.cameraDimentions];
+    }
 }
 
 // From PaintCode

README.md

@@ -11,7 +11,7 @@ CocoaPods
 Add the following lines to your Podfile:
 
 ```ruby
-pod 'IVPhoneView', '~> 0.1'
+pod 'IVPhoneView', '~> 0.2'
 ```
 
 Usage
@@ -24,6 +24,12 @@ IVPhoneView *phoneView = [[IVPhoneView alloc] initWithFrame:CGRectMake(80, 120,
 phoneView.phoneColor = [UIColor whiteColor]; // For a white iPhone
 ```
 
+```objective-c
+IVPhoneView *landscapePhoneView = [[IVPhoneView alloc] initWithFrame:CGRectMake(-7, 30, 335, 160)];
+landscapePhoneView.orientation = IVPhoneViewOrientationLandscape;
+[landscapePhoneView setViewInPhone:[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"myScreenshot"]]];
+```
+
 You can set the color and the bezzel of the iPhone graphic. [See the header file.](https://github.com/Label305/IVPhoneView/blob/master/IVPhoneView/IVPhoneView.h)
 
 License