From bb0a2caa9e7d2d1277e97f53d69e874ddb622b4a Mon Sep 17 00:00:00 2001
From: vakrilov <alexander.vakrilov@telerik.com>
Date: Tue, 30 Jun 2015 17:02:29 +0300
Subject: [PATCH] Css backgrounds spike

---
 CrossPlatformModules.csproj          |   1 +
 apps/tests/pages/background-test.xml |   5 +++
 apps/tests/pages/test2.png           | Bin 0 -> 311 bytes
 ui/core/view.ios.ts                  |  55 +++++++++++++++++++++++++++
 ui/styling/stylers.ios.ts            |   8 ++--
 5 files changed, 65 insertions(+), 4 deletions(-)
 create mode 100644 apps/tests/pages/background-test.xml
 create mode 100644 apps/tests/pages/test2.png

diff --git a/CrossPlatformModules.csproj b/CrossPlatformModules.csproj
index a75cb6907..c521197f8 100644
--- a/CrossPlatformModules.csproj
+++ b/CrossPlatformModules.csproj
@@ -655,6 +655,7 @@
     </Content>
     <Content Include="apps\tests\pages\page-load-performance\test-small.xml" />
     <Content Include="apps\tests\pages\fonts-test.xml" />
+    <Content Include="apps\tests\pages\background-test.xml" />
     <Content Include="apps\tests\pages\page18.xml" />
     <Content Include="apps\tests\ui\bindingContext_testPage.xml" />
     <Content Include="apps\tests\ui\bindingContext_testPage1.xml" />
diff --git a/apps/tests/pages/background-test.xml b/apps/tests/pages/background-test.xml
new file mode 100644
index 000000000..718062d90
--- /dev/null
+++ b/apps/tests/pages/background-test.xml
@@ -0,0 +1,5 @@
+<Page>
+  <GridLayout style="background-image: url('~/pages/test.png')">
+    <Button text="just a button" />
+  </GridLayout>
+</Page>
\ No newline at end of file
diff --git a/apps/tests/pages/test2.png b/apps/tests/pages/test2.png
new file mode 100644
index 0000000000000000000000000000000000000000..fa059ba75757ee3886a8fa6b4ad4e7cba46142f1
GIT binary patch
literal 311
zcmeAS@N?(olHy`uVBq!ia0vp^Mj*_=1SBWM%0B~AjKx9jP7LeL$-D$|SkfJR9T^xl
z_H+M9WCij$3p^r=85sBugD~Uq{1qucL5ULAh?3y^w370~qEv>0#LT=By}Z;C1rt33
zJ=4@yqg0@p6`n4RArbCxuN!h5HV|n}WSzs8|MtR8yJG)K+`CR)II5aps(+OApt+>Z
zKOV^*hAg&s3A{1cOz#Rdram~g?MDXZj>l^f&jnd{Kh$a6EP}!?%)hqeeE5;3D4`=o
zj&}n3AM@?svf!@pl|x6>Zx!Atyk?ND>39B-z3HOeU%S`5dop?Ry*XQtM{=cW&RP0n
r{Tji$YcFr!_gLrXnMh%~69W1>69hV1_WscYx|zY#)z4*}Q$iB}A7yx<

literal 0
HcmV?d00001

diff --git a/ui/core/view.ios.ts b/ui/core/view.ios.ts
index 240ef0e6c..c30bfd2d3 100644
--- a/ui/core/view.ios.ts
+++ b/ui/core/view.ios.ts
@@ -3,6 +3,7 @@ import trace = require("trace");
 import utils = require("utils/utils");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
+import style = require("ui/styling/style");
 
 // merge the exports of the common file with the exports of this file
 declare var exports;
@@ -124,6 +125,7 @@ export class View extends viewCommon.View {
         if (changed || (this._privateFlags & PFLAG_LAYOUT_REQUIRED) === PFLAG_LAYOUT_REQUIRED) {
             this.onLayout(left, top, right, bottom);
             this._privateFlags &= ~PFLAG_LAYOUT_REQUIRED;
+            this._onBoundsChanged();
         }
         this._privateFlags &= ~PFLAG_FORCE_LAYOUT;
     }
@@ -203,6 +205,59 @@ export class View extends viewCommon.View {
 
         return false;
     }
+
+    private _onBoundsChanged() {
+        var nativeView: UIView = <UIView>this._nativeView;
+        var imageSource = this.style._getValue(style.backgroundImageSourceProperty);
+        if (imageSource && imageSource.ios) {
+            var img = <UIImage>imageSource.ios;
+            var frame = nativeView.frame;
+            console.log("Frame: " + NSStringFromCGRect(frame));
+            console.log("ImageSize: " + NSStringFromCGSize(img.size));
+            if (frame.size.width > 0 && frame.size.height) {
+                var repeatX = false;
+                var repeatY = false;
+                var posX = 15;
+                var posY = 35;
+                var sizeX = 15;
+                var sizeY = 40;
+
+                if (sizeX > 0 && sizeY > 0) {
+                    var resizeRect = CGRectMake(0, 0, sizeX, sizeY);
+                    UIGraphicsBeginImageContext(resizeRect.size);
+                    img.drawInRect(resizeRect);
+                    img = UIGraphicsGetImageFromCurrentImageContext();
+                    UIGraphicsEndImageContext();
+                }
+
+                UIGraphicsBeginImageContextWithOptions(frame.size, false, 1.0);
+                if (!repeatX && !repeatY) {
+                    img.drawAtPoint(CGPointMake(posX, posY));
+                }
+                else {
+                    var w = repeatX ? frame.size.width : img.size.width;
+                    var h = repeatY ? frame.size.height : img.size.height;
+
+                    var context = UIGraphicsGetCurrentContext();
+                    CGContextSetPatternPhase(context, CGSizeMake(posX, posY));
+                    console.log("context" + context);
+
+                    posX = repeatX ? 0 : posX;
+                    posY = repeatY ? 0 : posY;
+                    
+                    var patternRect = CGRectMake(posX, posY, w, h);
+                    console.log("patternRect: " + NSStringFromCGRect(patternRect));
+
+                    img.drawAsPatternInRect(patternRect);
+                }
+                var bkgImage = UIGraphicsGetImageFromCurrentImageContext();
+                UIGraphicsEndImageContext();
+                console.log("bkgImage.size: " + NSStringFromCGSize(bkgImage.size));
+                nativeView.backgroundColor = UIColor.alloc().initWithPatternImage(bkgImage);
+            }
+        }
+    }
+
 }
 
 export class CustomLayoutView extends View {
diff --git a/ui/styling/stylers.ios.ts b/ui/styling/stylers.ios.ts
index 5037748ca..9d91fff53 100644
--- a/ui/styling/stylers.ios.ts
+++ b/ui/styling/stylers.ios.ts
@@ -137,10 +137,10 @@ export class DefaultStyler implements definition.stylers.Styler {
             DefaultStyler.resetBackgroundProperty,
             DefaultStyler.getNativeBackgroundValue));
 
-        style.registerHandler(style.backgroundImageSourceProperty, new stylersCommon.StylePropertyChangedHandler(
-            DefaultStyler.setBackgroundImageSourceProperty,
-            DefaultStyler.resetBackgroundImageSourceProperty,
-            DefaultStyler.getNativeBackgroundImageSourceValue));
+        //style.registerHandler(style.backgroundImageSourceProperty, new stylersCommon.StylePropertyChangedHandler(
+        //    DefaultStyler.setBackgroundImageSourceProperty,
+        //    DefaultStyler.resetBackgroundImageSourceProperty,
+        //    DefaultStyler.getNativeBackgroundImageSourceValue));
 
         style.registerHandler(style.visibilityProperty, new stylersCommon.StylePropertyChangedHandler(
             DefaultStyler.setVisibilityProperty,