Ability to use different templates for iOS and Android added

apps/platform-specific-template/app.ts

@@ -0,0 +1,3 @@
+import application = require("application");
+application.mainModule = "app/main-page";
+application.start();

apps/platform-specific-template/main-page.android.xml

@@ -0,0 +1,5 @@
+<Page loaded="onPageLoaded">
+  <StackLayout id="stack">
+    <Label id="label" text="Hello, Android!" />
+  </StackLayout>
+</Page>

apps/platform-specific-template/main-page.ios.xml

@@ -0,0 +1,5 @@
+<Page loaded="onPageLoaded">
+  <StackLayout id="stack">
+    <Label id="label" text="Hello, iOS!" />
+  </StackLayout>
+</Page>

apps/platform-specific-template/main-page.ts

@@ -0,0 +1 @@
+

apps/platform-specific-template/package.json

@@ -0,0 +1,2 @@
+{ "name" : "platform-specific-template",
+  "main" : "app.js" }

ui/frame/frame-common.ts

@@ -6,6 +6,7 @@ import trace = require("trace");
 import builder = require("ui/builder");
 import fs = require("file-system");
 import utils = require("utils/utils");
+import platform = require("platform");
 
 var frameStack: Array<Frame> = [];
 
@@ -67,12 +68,22 @@ function resolvePageFromEntry(entry: definition.NavigationEntry): pages.Page {
     return page;
 }
 
+function resolvePlatformPath(path, ext) {
+  var platformName = platform.device.os.toLowerCase();
+  var platformPath = [path, platformName, ext].join(".");
+  if (fs.File.exists(platformPath)) {
+    return platformPath;
+  }
+
+  return [path, ext].join(".");
+}
+
 function pageFromBuilder(moduleNamePath: string, moduleName: string, moduleExports: any): pages.Page {
     var page: pages.Page;
     var element: view.View;
 
     // Possible XML file path.
-    var fileName = moduleNamePath + ".xml";
+    var fileName = resolvePlatformPath(moduleNamePath, "xml");
 
     if (fs.File.exists(fileName)) {
         trace.write("Loading XML file: " + fileName, trace.categories.Navigation);