From 958fb2f07132684ce5ab766714254d6a07da6968 Mon Sep 17 00:00:00 2001
From: Rossen Hristov <rossen.hristov@telerik.com>
Date: Thu, 12 Mar 2015 14:55:52 +0200
Subject: [PATCH 1/5] Fixed the disappearing TextField.text.

---
 ui/editable-text-base/editable-text-base.android.ts | 5 +++++
 ui/list-picker/list-picker.android.ts               | 2 --
 ui/text-field/text-field.android.ts                 | 6 ++----
 ui/text-view/text-view.android.ts                   | 6 ++----
 4 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/ui/editable-text-base/editable-text-base.android.ts b/ui/editable-text-base/editable-text-base.android.ts
index 0f558bf59..338073ce0 100644
--- a/ui/editable-text-base/editable-text-base.android.ts
+++ b/ui/editable-text-base/editable-text-base.android.ts
@@ -22,6 +22,7 @@ export class EditableTextBase extends common.EditableTextBase {
         this._imm = <android.view.inputmethod.InputMethodManager>this._context.getSystemService(android.content.Context.INPUT_METHOD_SERVICE);
         
         this._android = new android.widget.EditText(this._context);
+        this._configureEditText();
         this.android.setTag(this.android.getKeyListener());
 
         var that = new WeakRef(this);
@@ -91,6 +92,10 @@ export class EditableTextBase extends common.EditableTextBase {
         this._android.setOnEditorActionListener(editorActionListener);
     }
 
+    public _configureEditText() {
+        // abstract
+    }
+
     public _onDetached(force?: boolean) {
         this._imm = undefined;
         this._android = undefined;
diff --git a/ui/list-picker/list-picker.android.ts b/ui/list-picker/list-picker.android.ts
index 5d2d375b7..9af0b857d 100644
--- a/ui/list-picker/list-picker.android.ts
+++ b/ui/list-picker/list-picker.android.ts
@@ -56,7 +56,6 @@ export class ListPicker extends common.ListPicker {
             },
 
             format: function (index: number) {
-                console.log("format(" + index + ")");
                 if (this.owner) {
                     return this.owner._getItemAsString(index);
                 }
@@ -71,7 +70,6 @@ export class ListPicker extends common.ListPicker {
             },
 
             onValueChange: function (picker: android.widget.NumberPicker, oldVal: number, newVal: number) {
-                console.log("onValueChange("+oldVal+", "+newVal+")");
                 if (this.owner) {
                     this.owner._onPropertyChangedFromNative(common.ListPicker.selectedIndexProperty, newVal);
                 }
diff --git a/ui/text-field/text-field.android.ts b/ui/text-field/text-field.android.ts
index 7bcf01e54..9aa2959fb 100644
--- a/ui/text-field/text-field.android.ts
+++ b/ui/text-field/text-field.android.ts
@@ -54,12 +54,10 @@ declare var exports;
 require("utils/module-merge").merge(common, exports);
 
 export class TextField extends common.TextField {
-    public _createUI() {
-        super._createUI();
-        
+    public _configureEditText() {
+        this.android.setInputType(android.text.InputType.TYPE_CLASS_TEXT | android.text.InputType.TYPE_TEXT_VARIATION_NORMAL | android.text.InputType.TYPE_TEXT_FLAG_CAP_SENTENCES);
         this.android.setLines(1);
         this.android.setMaxLines(1);
         this.android.setHorizontallyScrolling(true);
-        this.android.setInputType(android.text.InputType.TYPE_CLASS_TEXT | android.text.InputType.TYPE_TEXT_VARIATION_NORMAL | android.text.InputType.TYPE_TEXT_FLAG_CAP_SENTENCES);
     }
 }
\ No newline at end of file
diff --git a/ui/text-view/text-view.android.ts b/ui/text-view/text-view.android.ts
index c0ebc0f47..d5aee2464 100644
--- a/ui/text-view/text-view.android.ts
+++ b/ui/text-view/text-view.android.ts
@@ -5,10 +5,8 @@ declare var exports;
 require("utils/module-merge").merge(common, exports);
 
 export class TextView extends common.TextView {
-    public _createUI() {
-        super._createUI();
-        
+    public _configureEditText() {
+        this.android.setInputType(android.text.InputType.TYPE_CLASS_TEXT | android.text.InputType.TYPE_TEXT_VARIATION_NORMAL | android.text.InputType.TYPE_TEXT_FLAG_CAP_SENTENCES | android.text.InputType.TYPE_TEXT_FLAG_MULTI_LINE);
         this.android.setGravity(android.view.Gravity.TOP | android.view.Gravity.LEFT);
-        this.android.setInputType(android.text.InputType.TYPE_CLASS_TEXT | android.text.InputType.TYPE_TEXT_FLAG_MULTI_LINE | android.text.InputType.TYPE_TEXT_FLAG_CAP_SENTENCES);
     }
 }
\ No newline at end of file

From 5144c7b8454dc5598a64164e190dafd095e4bfd2 Mon Sep 17 00:00:00 2001
From: vakrilov <alexander.vakrilov@telerik.com>
Date: Tue, 10 Mar 2015 18:08:17 +0200
Subject: [PATCH 2/5] Resource prefix v.01

---
 apps/tests/pages/page14.xml | 14 +++++++----
 ui/image/image-common.ts    | 48 ++++++++++++++++++++++++-------------
 2 files changed, 41 insertions(+), 21 deletions(-)

diff --git a/apps/tests/pages/page14.xml b/apps/tests/pages/page14.xml
index 0ec418851..eef476546 100644
--- a/apps/tests/pages/page14.xml
+++ b/apps/tests/pages/page14.xml
@@ -1,8 +1,12 @@
 <Page>
   <StackLayout>
-    <Button horizontalAlignment="left" verticalAlignment="top" margin="10 0 10 20" text="top, left" />
-    <Button horizontalAlignment="center" verticalAlignment="center" text="center, center" />
-    <Button horizontalAlignment="right" verticalAlignment="bottom" margin="0 30" text="bottom, right" />
-    <Button horizontalAlignment="stretch" verticalAlignment="stretch" margin="20" text="stretch, stretch" />
+    <Label text="resource:" />
+    <Image url="res://icon" stretch="none" horizontalAlignment="left"/>
+    
+    <Label text="url:" />
+    <Image url="http://www.google.com/images/errors/logo_sm_2.png" stretch="none" horizontalAlignment="left"/>
+    
+    <Label text="app file:" />
+    <Image  url="~/app/logo.png" stretch="none" horizontalAlignment="left" />
   </StackLayout>
-</Page>
\ No newline at end of file
+</Page>
diff --git a/ui/image/image-common.ts b/ui/image/image-common.ts
index b47b7f9e0..1aad14885 100644
--- a/ui/image/image-common.ts
+++ b/ui/image/image-common.ts
@@ -13,34 +13,50 @@ var IMAGE = "Image";
 var ISLOADING = "isLoading";
 var STRETCH = "stretch";
 
+var RESOURCE_PREFIX = "res://";
+
+function isResource(value: string): boolean {
+    return value.indexOf(RESOURCE_PREFIX) === 0;
+}
+
+function isUrl(value: string): boolean {
+    return value.indexOf("http://") === 0 || value.indexOf("https://") === 0;
+}
+
+function isAppFile(value: string): boolean {
+    return value.indexOf("~/") === 0;
+}
+
 function isValidUrl(url: string): boolean {
     var value = url ? url.trim() : "";
-    return value !== "" && (value.indexOf("~/") === 0 || value.indexOf("http://") === 0 || value.indexOf("https://") === 0);
+    return value !== "" && (isResource(value) || isAppFile(value) || isUrl(value));
 }
 
 function onUrlPropertyChanged(data: dependencyObservable.PropertyChangeData) {
     var image = <Image>data.object;
-    var value = data.newValue;
+    var value: string = data.newValue;
 
     if (isValidUrl(value)) {
+        value = value.trim();
         image.source = null;
         image["_url"] = value;
 
-        if (value !== "") {
+        image._setValue(Image.isLoadingProperty, true);
 
-            image._setValue(Image.isLoadingProperty, true);
-
-            if (value.trim().indexOf("~/") === 0) {
-                image.source = imageSource.fromFile(value.trim());
-                image._setValue(Image.isLoadingProperty, false);
-            } else {
-                imageSource.fromUrl(value).then((r) => {
-                    if (image["_url"] === value) {
-                        image.source = r;
-                        image._setValue(Image.isLoadingProperty, false);
-                    }
-                });
-            }
+        if (isResource(value)) {
+            image.source = imageSource.fromResource(value.substr(RESOURCE_PREFIX.length));
+            image._setValue(Image.isLoadingProperty, false);
+        }
+        else if (isAppFile(value)) {
+            image.source = imageSource.fromFile(value);
+            image._setValue(Image.isLoadingProperty, false);
+        } else {
+            imageSource.fromUrl(value).then((r) => {
+                if (image["_url"] === value) {
+                    image.source = r;
+                    image._setValue(Image.isLoadingProperty, false);
+                }
+            });
         }
     }
 }

From a949569e009d1fb6f40b7821fa151dc639756433 Mon Sep 17 00:00:00 2001
From: vakrilov <alexander.vakrilov@telerik.com>
Date: Wed, 11 Mar 2015 13:40:21 +0200
Subject: [PATCH 3/5] Load BitmapDrawable with getDrawable to make use of
 Android internal caching

---
 image-source/image-source-native.android.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/image-source/image-source-native.android.ts b/image-source/image-source-native.android.ts
index dd0cbbfac..53919ed2a 100644
--- a/image-source/image-source-native.android.ts
+++ b/image-source/image-source-native.android.ts
@@ -6,7 +6,11 @@ export function fromResource(name: string) {
     if (res) {
         var identifier: number = res.getIdentifier(name, 'drawable', androidApp.packageName);
         if (0 < identifier) {
-            return android.graphics.BitmapFactory.decodeResource(res, identifier);
+            // Load BitmapDrawable with getDrawable to make use of Android internal caching
+            var bitmapDrawable = <android.graphics.drawable.BitmapDrawable>res.getDrawable(identifier);
+            if (bitmapDrawable && bitmapDrawable.getBitmap) {
+                return bitmapDrawable.getBitmap();
+            }
         }
     }
 

From 912dec2b87891229da862a65172ea01555b0339d Mon Sep 17 00:00:00 2001
From: vakrilov <alexander.vakrilov@telerik.com>
Date: Wed, 11 Mar 2015 17:07:12 +0200
Subject: [PATCH 4/5] Image src and imageSource properties defined

---
 apps/TelerikNEXT/main-page.xml                |  2 +-
 apps/cuteness.io/details-page.xml             |  2 +-
 apps/cuteness.io/main-page.xml                |  4 +-
 apps/gallery-app/views/image.xml              |  2 +-
 apps/paylocity/login.ts                       |  2 +-
 .../ApplicationLoadTimeAndFPS/mainPage.ts     |  2 +-
 apps/tests/pages/page14.xml                   |  6 +-
 apps/tests/ui/image/image-tests.ts            | 33 ++++++-----
 .../tests/ui/scroll-view/scroll-view-tests.ts |  2 +-
 apps/tests/xml-declaration/mainPage.ts        |  2 +-
 ui/image/image-common.ts                      | 58 +++++++++++--------
 ui/image/image.android.ts                     |  4 +-
 ui/image/image.d.ts                           |  4 +-
 ui/image/image.ios.ts                         |  4 +-
 14 files changed, 69 insertions(+), 58 deletions(-)

diff --git a/apps/TelerikNEXT/main-page.xml b/apps/TelerikNEXT/main-page.xml
index 64aa077bc..141904a3f 100644
--- a/apps/TelerikNEXT/main-page.xml
+++ b/apps/TelerikNEXT/main-page.xml
@@ -49,7 +49,7 @@
           <ListView.itemTemplate>
             <GridLayout columns="auto, *">
 
-              <Image url="{{ favorite ? '~/app/images/fav.png' : '~/app/images/addfav.png' }}" style.visibility="{{ canBeFavorited ? 'visible' : 'collapsed' }}"
+              <Image src="{{ favorite ? '~/app/images/fav.png' : '~/app/images/addfav.png' }}" style.visibility="{{ canBeFavorited ? 'visible' : 'collapsed' }}"
            tap="toggleFavorite" width="32" height="32" vertical-align="center" margin="20" />
 
               <StackLayout col="1">
diff --git a/apps/cuteness.io/details-page.xml b/apps/cuteness.io/details-page.xml
index f0ffe8295..0c3843dbe 100644
--- a/apps/cuteness.io/details-page.xml
+++ b/apps/cuteness.io/details-page.xml
@@ -2,7 +2,7 @@
   <GridLayout rows="*, auto">
     <ScrollView>
       <StackLayout>
-        <Image source="{{ imageSource }}" stretch="aspectFill"/>
+        <Image imageSource="{{ imageSource }}" stretch="aspectFill"/>
         <Label text="{{ title }}" cssClass="detailsTitle" textWrap="true" />
       </StackLayout>
     </ScrollView>
diff --git a/apps/cuteness.io/main-page.xml b/apps/cuteness.io/main-page.xml
index 47136ec76..fb62c1a50 100644
--- a/apps/cuteness.io/main-page.xml
+++ b/apps/cuteness.io/main-page.xml
@@ -7,7 +7,7 @@
             <ListView.itemTemplate>
               <!-- Binding in template property of an component will use the bindingContext provided by the component. -->
               <GridLayout columns="auto, *, auto" rows="auto, 25">
-                <Image source="{{ thumbnailImageSource || defaultThumbnailImageSource }}" cssClass="thumbnail" rowSpan="2"/>
+                <Image imageSource="{{ thumbnailImageSource || defaultThumbnailImageSource }}" cssClass="thumbnail" rowSpan="2"/>
                 <Label text="{{ title || 'Downloading...' }}" textWrap="true" cssClass="title" col="1" colSpan="2" minHeight="50" />
                 <Label text="{{ author ? 'by ' + author : '' }}" cssClass="author" col="1" row="1" />
                 <Label text="{{ num_comments ? num_comments + ' comments' : '' }}" cssClass="comments" col="2" row="1" />
@@ -20,7 +20,7 @@
       <TabViewItem title="About">
         <TabViewItem.view>
           <StackLayout>
-            <Image margin="10" url="~/app/res/telerik-logo.png" />
+            <Image margin="10" src="~/app/res/telerik-logo.png" />
             <Label margin="10" textWrap="true" text="{{ aboutText }}" />
           </StackLayout>
         </TabViewItem.view>
diff --git a/apps/gallery-app/views/image.xml b/apps/gallery-app/views/image.xml
index 173713b74..cbf278d45 100644
--- a/apps/gallery-app/views/image.xml
+++ b/apps/gallery-app/views/image.xml
@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <Page loaded="pageLoaded">
-  <Image margin="10" source="{{ imageSource }}" verticalAlignment="center" horizontalAlignment="center"/>
+  <Image margin="10" src="~/app/res/telerik-logo.png" verticalAlignment="center" horizontalAlignment="center"/>
 </Page>
\ No newline at end of file
diff --git a/apps/paylocity/login.ts b/apps/paylocity/login.ts
index 7058d489e..dde79c3ed 100644
--- a/apps/paylocity/login.ts
+++ b/apps/paylocity/login.ts
@@ -14,7 +14,7 @@ export function imageLoaded(args: observable.EventData) {
     var image = <imageDef.Image>args.object;
 
     var logoPath = fs.path.join(__dirname, "tagLine.png");
-    image.source = imageSourceDef.fromFile(logoPath);
+    image.imageSource = imageSourceDef.fromFile(logoPath);
 }
 
 export function loginButtonTap(args: observable.EventData) {
diff --git a/apps/perf-tests/ApplicationLoadTimeAndFPS/mainPage.ts b/apps/perf-tests/ApplicationLoadTimeAndFPS/mainPage.ts
index 569bc903c..34d9adba6 100644
--- a/apps/perf-tests/ApplicationLoadTimeAndFPS/mainPage.ts
+++ b/apps/perf-tests/ApplicationLoadTimeAndFPS/mainPage.ts
@@ -14,7 +14,7 @@ export function createPage() {
         StackLayout.orientation = enums.Orientation.horizontal;
 
         var image = new imageModule.Image();
-        image.source = logoImageSource;
+        image.imageSource = logoImageSource;
         image.width = 100;
         image.stretch = enums.Stretch.aspectFit;
         StackLayout.addChild(image);
diff --git a/apps/tests/pages/page14.xml b/apps/tests/pages/page14.xml
index eef476546..44b7be37d 100644
--- a/apps/tests/pages/page14.xml
+++ b/apps/tests/pages/page14.xml
@@ -1,12 +1,12 @@
 <Page>
   <StackLayout>
     <Label text="resource:" />
-    <Image url="res://icon" stretch="none" horizontalAlignment="left"/>
+    <Image src="res://icon" stretch="none" horizontalAlignment="left"/>
     
     <Label text="url:" />
-    <Image url="http://www.google.com/images/errors/logo_sm_2.png" stretch="none" horizontalAlignment="left"/>
+    <Image src="http://www.google.com/images/errors/logo_sm_2.png" stretch="none" horizontalAlignment="left"/>
     
     <Label text="app file:" />
-    <Image  url="~/app/logo.png" stretch="none" horizontalAlignment="left" />
+    <Image  src="~/app/logo.png" stretch="none" horizontalAlignment="left" />
   </StackLayout>
 </Page>
diff --git a/apps/tests/ui/image/image-tests.ts b/apps/tests/ui/image/image-tests.ts
index d13f98339..c3273a4f0 100644
--- a/apps/tests/ui/image/image-tests.ts
+++ b/apps/tests/ui/image/image-tests.ts
@@ -9,7 +9,7 @@ import ImageModule = require("ui/image");
 // Binding the image source property to a view-model property.
 //```XML
 // <Page>
-//   {%raw%}<Image source="{{ thumbnailImageSource }}" />{%endraw%}
+//   {%raw%}<Image src="{{ thumbnailImageUrl }}" />{%endraw%}
 // </Page>
 //```
 
@@ -26,7 +26,8 @@ var imagePath = __dirname + "../../logo.png";
 
 export var test_Image_Members = function () {
     var image = new ImageModule.Image();
-    TKUnit.assert(types.isDefined(image.url), "Image.url is not defined");
+    TKUnit.assert(types.isDefined(image.src), "Image.src is not defined");
+    TKUnit.assert(types.isDefined(image.imageSource), "Image.imageSource is not defined");
     TKUnit.assert(types.isDefined(image.isLoading), "Image.isLoading is not defined");
 }
 
@@ -36,7 +37,7 @@ export var test_settingImageSource = function () {
     // ### How to create an image and set its source.
     // ``` JavaScript
     var image = new ImageModule.Image();
-    image.source = ImageSourceModule.fromResource("logo");
+    image.imageSource = ImageSourceModule.fromResource("logo");
     // ```
     // </snippet>
     
@@ -55,12 +56,12 @@ export var test_settingImageSource = function () {
 }
 */
 
-export var test_SettingImageUrl = function (done) {
+export var test_SettingImageSrc = function (done) {
     // <snippet module="ui/image" title="Image">
-    // ### How to create an image and set its url.
+    // ### How to create an image and set its src.
     // ``` JavaScript
     var image = new ImageModule.Image();
-    image.url = "https://www.google.bg/images/srpr/logo11w.png";
+    image.src = "https://www.google.bg/images/srpr/logo11w.png";
     // ```
     // </snippet>
 
@@ -77,7 +78,7 @@ export var test_SettingImageUrl = function (done) {
 
     var testFunc = function (views: Array<ViewModule.View>) {
         var testImage = <ImageModule.Image> views[0];
-        imageIsLoaded = !!testImage.source;
+        imageIsLoaded = !!testImage.imageSource;
         try {
             TKUnit.assert(testModel.get("imageIsLoading") === false, "Expected: false, Actual: " + testModel.get("imageIsLoading"));
             TKUnit.assert(imageIsLoaded === true, "Expected: true, Actual: " + imageIsLoaded);
@@ -92,12 +93,12 @@ export var test_SettingImageUrl = function (done) {
     setTimeout(() => { helper.buildUIAndRunTest(image, testFunc) }, 3000);
 }
 
-export var test_SettingImageUrlToFileWithinApp = function (done) {
+export var test_SettingImageSrcToFileWithinApp = function (done) {
     // <snippet module="ui/image" title="Image">
-    // ### How to create an image and set its url to file within the application.
+    // ### How to create an image and set its src to file within the application.
     // ``` JavaScript
     var image = new ImageModule.Image();
-    image.url = "~/app/logo.png";
+    image.src = "~/app/logo.png";
     // ```
     // </snippet>
 
@@ -105,7 +106,7 @@ export var test_SettingImageUrlToFileWithinApp = function (done) {
 
     var testFunc = function (views: Array<ViewModule.View>) {
         var testImage = <ImageModule.Image> views[0];
-        imageIsLoaded = !!testImage.source;
+        imageIsLoaded = !!testImage.imageSource;
         try {
             TKUnit.assert(imageIsLoaded === true, "Expected: true, Actual: " + imageIsLoaded);
             done(null);
@@ -124,7 +125,7 @@ export var test_SettingStretch_AspectFit = function () {
     // ### How to set image stretching.
     // ``` JavaScript
     var image = new ImageModule.Image();
-    image.source = ImageSourceModule.fromFile(imagePath);
+    image.imageSource = ImageSourceModule.fromFile(imagePath);
     //// There are 4 modes of stretching none, fill, aspectFill, aspectFit
     //// The default value is aspectFit.
     //// Image stretch can be set by using ImageModule.stretch enum.
@@ -152,7 +153,7 @@ export var test_SettingStretch_AspectFit = function () {
 
 export var test_SettingStretch_Default = function () {
     var image = new ImageModule.Image();
-    image.source = ImageSourceModule.fromFile(imagePath);
+    image.imageSource = ImageSourceModule.fromFile(imagePath);
 
     var testFunc = function (views: Array<ViewModule.View>) {
         var testImage = <ImageModule.Image> views[0];
@@ -174,7 +175,7 @@ export var test_SettingStretch_Default = function () {
 
 export var test_SettingStretch_AspectFill = function () {
     var image = new ImageModule.Image();
-    image.source = ImageSourceModule.fromFile(imagePath);
+    image.imageSource = ImageSourceModule.fromFile(imagePath);
     image.stretch = enumsModule.Stretch.aspectFill;
 
     var testFunc = function (views: Array<ViewModule.View>) {
@@ -197,7 +198,7 @@ export var test_SettingStretch_AspectFill = function () {
 
 export var test_SettingStretch_Fill = function () {
     var image = new ImageModule.Image();
-    image.source = ImageSourceModule.fromFile(imagePath);
+    image.imageSource = ImageSourceModule.fromFile(imagePath);
     image.stretch = enumsModule.Stretch.fill;
 
     var testFunc = function (views: Array<ViewModule.View>) {
@@ -220,7 +221,7 @@ export var test_SettingStretch_Fill = function () {
 
 export var test_SettingStretch_none = function () {
     var image = new ImageModule.Image();
-    image.source = ImageSourceModule.fromFile(imagePath);
+    image.imageSource = ImageSourceModule.fromFile(imagePath);
     image.stretch = enumsModule.Stretch.none;
 
     var testFunc = function (views: Array<ViewModule.View>) {
diff --git a/apps/tests/ui/scroll-view/scroll-view-tests.ts b/apps/tests/ui/scroll-view/scroll-view-tests.ts
index e3680381c..26ffbf786 100644
--- a/apps/tests/ui/scroll-view/scroll-view-tests.ts
+++ b/apps/tests/ui/scroll-view/scroll-view-tests.ts
@@ -17,7 +17,7 @@ import scrollViewModule = require("ui/scroll-view");
 //```XML
 // <Page>
 //  <ScrollView>
-//    {%raw%}<Image source="{{ someBigImage }}" />{%endraw%}
+//    {%raw%}<Image src="{{ someBigImageUrl }}" />{%endraw%}
 //  </ScrollView>
 // </Page>
 //```
diff --git a/apps/tests/xml-declaration/mainPage.ts b/apps/tests/xml-declaration/mainPage.ts
index ae43c9d04..20f79a4c7 100644
--- a/apps/tests/xml-declaration/mainPage.ts
+++ b/apps/tests/xml-declaration/mainPage.ts
@@ -61,6 +61,6 @@ export function setPicture(args: observable.EventData) {
     var img = parent.getViewById<image.Image>("cameraImage");
 
     camera.takePicture().then(r=> {
-        img.source = r;
+        img.imageSource = r;
     }).catch(e => dialogs.alert("ERROR: " + e));
 }
\ No newline at end of file
diff --git a/ui/image/image-common.ts b/ui/image/image-common.ts
index 1aad14885..6478fab01 100644
--- a/ui/image/image-common.ts
+++ b/ui/image/image-common.ts
@@ -6,9 +6,11 @@ import definition = require("ui/image");
 import trace = require("trace");
 import enums = require("ui/enums");
 import utils = require("utils/utils");
+import types = require("utils/types");
+
+var SRC = "src";
+var IMAGE_SOURCE = "imageSource";
 
-var SOURCE = "source";
-var URL = "url";
 var IMAGE = "Image";
 var ISLOADING = "isLoading";
 var STRETCH = "stretch";
@@ -27,54 +29,62 @@ function isAppFile(value: string): boolean {
     return value.indexOf("~/") === 0;
 }
 
-function isValidUrl(url: string): boolean {
+function isValidUrl(url: any): boolean {
+    if (!types.isString(url)) {
+        return false;
+    }
+
     var value = url ? url.trim() : "";
     return value !== "" && (isResource(value) || isAppFile(value) || isUrl(value));
 }
 
-function onUrlPropertyChanged(data: dependencyObservable.PropertyChangeData) {
+function onSrcPropertyChanged(data: dependencyObservable.PropertyChangeData) {
     var image = <Image>data.object;
-    var value: string = data.newValue;
+    var value = data.newValue;
 
     if (isValidUrl(value)) {
         value = value.trim();
-        image.source = null;
+        image.imageSource = null;
         image["_url"] = value;
 
         image._setValue(Image.isLoadingProperty, true);
 
         if (isResource(value)) {
-            image.source = imageSource.fromResource(value.substr(RESOURCE_PREFIX.length));
+            image.imageSource = imageSource.fromResource(value.substr(RESOURCE_PREFIX.length));
             image._setValue(Image.isLoadingProperty, false);
         }
         else if (isAppFile(value)) {
-            image.source = imageSource.fromFile(value);
+            image.imageSource = imageSource.fromFile(value);
             image._setValue(Image.isLoadingProperty, false);
         } else {
             imageSource.fromUrl(value).then((r) => {
                 if (image["_url"] === value) {
-                    image.source = r;
+                    image.imageSource = r;
                     image._setValue(Image.isLoadingProperty, false);
                 }
             });
         }
     }
+    else if (value instanceof imageSource.ImageSource) {
+        // Support binding the iamgeSource trough the src propoerty
+        image.imageSource = value;
+    }
 }
 
 export class Image extends view.View implements definition.Image {
 
-    public static urlProperty = new dependencyObservable.Property(
-        URL,
+    public static srcProperty = new dependencyObservable.Property(
+        SRC,
         IMAGE,
         new proxy.PropertyMetadata(
             "",
             dependencyObservable.PropertyMetadataSettings.None,
-            onUrlPropertyChanged
+            onSrcPropertyChanged
             )
         );
 
-    public static sourceProperty = new dependencyObservable.Property(
-        SOURCE,
+    public static imageSourceProperty = new dependencyObservable.Property(
+        IMAGE_SOURCE,
         IMAGE,
         new proxy.PropertyMetadata(
             undefined,
@@ -104,18 +114,18 @@ export class Image extends view.View implements definition.Image {
         super(options);
     }
 
-    get source(): imageSource.ImageSource {
-        return this._getValue(Image.sourceProperty);
+    get imageSource(): imageSource.ImageSource {
+        return this._getValue(Image.imageSourceProperty);
     }
-    set source(value: imageSource.ImageSource) {
-        this._setValue(Image.sourceProperty, value);
+    set imageSource(value: imageSource.ImageSource) {
+        this._setValue(Image.imageSourceProperty, value);
     }
 
-    get url(): string {
-        return this._getValue(Image.urlProperty);
+    get src(): string {
+        return this._getValue(Image.srcProperty);
     }
-    set url(value: string) {
-        this._setValue(Image.urlProperty, value);
+    set src(value: string) {
+        this._setValue(Image.srcProperty, value);
     }
 
     get isLoading(): boolean {
@@ -139,8 +149,8 @@ export class Image extends view.View implements definition.Image {
         var heightMode = utils.layout.getMeasureSpecMode(heightMeasureSpec);
         trace.write(this + " :onMeasure: " + utils.layout.getMode(widthMode) + " " + width + ", " + utils.layout.getMode(heightMode) + " " + height, trace.categories.Layout);
 
-        var nativeWidth = this.source ? this.source.width : 0;
-        var nativeHeight = this.source ? this.source.height : 0;
+        var nativeWidth = this.imageSource ? this.imageSource.width : 0;
+        var nativeHeight = this.imageSource ? this.imageSource.height : 0;
 
         var measureWidth = Math.max(nativeWidth, this.minWidth);
         var measureHeight = Math.max(nativeHeight, this.minHeight);
diff --git a/ui/image/image.android.ts b/ui/image/image.android.ts
index 26666f906..3ecf995a9 100644
--- a/ui/image/image.android.ts
+++ b/ui/image/image.android.ts
@@ -30,7 +30,7 @@ function onStretchPropertyChanged(data: dependencyObservable.PropertyChangeData)
     }
 }
 
-function onSourcePropertyChanged(data: dependencyObservable.PropertyChangeData) {
+function onImageSourcePropertyChanged(data: dependencyObservable.PropertyChangeData) {
     var image = <Image>data.object;
     if (!image.android) {
         return;
@@ -42,7 +42,7 @@ function onSourcePropertyChanged(data: dependencyObservable.PropertyChangeData)
 }
 
 // register the setNativeValue callback
-(<proxy.PropertyMetadata>imageCommon.Image.sourceProperty.metadata).onSetNativeValue = onSourcePropertyChanged;
+(<proxy.PropertyMetadata>imageCommon.Image.imageSourceProperty.metadata).onSetNativeValue = onImageSourcePropertyChanged;
 (<proxy.PropertyMetadata>imageCommon.Image.stretchProperty.metadata).onSetNativeValue = onStretchPropertyChanged;
 
 export class Image extends imageCommon.Image {
diff --git a/ui/image/image.d.ts b/ui/image/image.d.ts
index 3ee89ff8d..1f394ab45 100644
--- a/ui/image/image.d.ts
+++ b/ui/image/image.d.ts
@@ -28,12 +28,12 @@ declare module "ui/image" {
         /**
          * Gets or sets the image source of the image.
          */
-        source: imageSource.ImageSource;
+        imageSource: imageSource.ImageSource;
 
         /**
          * Gets or sets the URL of the image.
          */
-        url: string;
+        src: string;
 
         /**
          * Gets a value indicating if the image is currently loading
diff --git a/ui/image/image.ios.ts b/ui/image/image.ios.ts
index 5c53707a7..76b642a89 100644
--- a/ui/image/image.ios.ts
+++ b/ui/image/image.ios.ts
@@ -28,7 +28,7 @@ function onStretchPropertyChanged(data: dependencyObservable.PropertyChangeData)
     }
 }
 
-function onSourcePropertyChanged(data: dependencyObservable.PropertyChangeData) {
+function onImageSourcePropertyChanged(data: dependencyObservable.PropertyChangeData) {
     var image = <Image>data.object;
     image.ios.image = data.newValue ? data.newValue.ios : null;
 
@@ -38,8 +38,8 @@ function onSourcePropertyChanged(data: dependencyObservable.PropertyChangeData)
 }
 
 // register the setNativeValue callback
+(<proxy.PropertyMetadata>imageCommon.Image.imageSourceProperty.metadata).onSetNativeValue = onImageSourcePropertyChanged;
 (<proxy.PropertyMetadata>imageCommon.Image.stretchProperty.metadata).onSetNativeValue = onStretchPropertyChanged;
-(<proxy.PropertyMetadata>imageCommon.Image.sourceProperty.metadata).onSetNativeValue = onSourcePropertyChanged;
 
 export class Image extends imageCommon.Image {
     private _ios: UIImageView;

From b44c8c34944d47cf4ac73995557f847c140527e8 Mon Sep 17 00:00:00 2001
From: vakrilov <alexander.vakrilov@telerik.com>
Date: Wed, 11 Mar 2015 18:19:14 +0200
Subject: [PATCH 5/5] Snippet added

---
 apps/tests/ui/image/image-tests.ts | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/apps/tests/ui/image/image-tests.ts b/apps/tests/ui/image/image-tests.ts
index c3273a4f0..9f2a88e40 100644
--- a/apps/tests/ui/image/image-tests.ts
+++ b/apps/tests/ui/image/image-tests.ts
@@ -9,7 +9,16 @@ import ImageModule = require("ui/image");
 // Binding the image source property to a view-model property.
 //```XML
 // <Page>
-//   {%raw%}<Image src="{{ thumbnailImageUrl }}" />{%endraw%}
+//   <StackLayout>
+//      <!--Bind the image source property to view-model property -->
+//      {%raw%}<Image src="{{ thumbnailImageUrl }}" />{%endraw%}
+//      <!--Load form image from application -->
+//      <Image source="~/app/logo.png" stretch ="none" / > 
+//      <!--Load form image resource -->
+//      <Image source="res://app/logo.png" stretch ="none" / > 
+//      <!--Load form image URL-->
+//      <Image source="http://www.google.com/images/errors/logo_sm_2.png" stretch ="none" /> 
+//   </StackLayout>
 // </Page>
 //```