是我

是一个.NET开发人员使用VisualStudio之外无生命

老板说，“已经编写了一个移动应用程序”

iamscrewed.jpg

大量的研究

看xamarin

看看科尔多瓦

MRW我发现nativescript

经住了我的大部分开发生命中的VisualStudio里面，在平庸的Web窗体应用程序劈砍而去，这是一个震撼到我的系统时移动首次成为Web开发的口头禅。添加到移动应用程序的开发，并添加到原生移动应用程序开发，你有一个孤独和迷茫.NET开发人员。

Xamarin可能会出现对许多.NET开发人员的合乎逻辑的选择，因为我怕他们可能不看过去万能的C＃。在Xamarin没有敲门这里（哎呀，我们提供了XamarinTelerik的UI！），但是让我们看看如何在自由和开放源码框架可以也许，只是也许，是更好的选择。

如果你从来没有听说过的已经NativeScript之前，它是一个开源的JavaScript框架，它可以让你创建真正的本地移动应用。不仅原生应用程序，但跨平台iOS和Android原生应用（与年的Windows推出）。和我提到本土？在NativeScriptUI层是由％原生UI元素（可以读到作为一个自由JANK-，充分高性能UI）。

“的JavaScript？咩，我走了！“慢着！我知道有很多的.NET开发人员那里谁仍然心有余悸的JavaScript。这很好-我明白了。但是，在你走之前，你采取了仔细看打字稿了吗？

打字稿是一个“的JavaScript类型的超集”从我们的微软的朋友。通俗地说，打字稿是于JavaScript之上，提供了强类型，类，模块，以及更多，你已经习惯了用C＃得到一个层。所以，你写的打字稿及打字稿编译器编译它变成普通的JavaScript。

那么，为何我去了一个切线打字稿文章中这么早？由于NativeScript完全支持打字稿，这使得从C＃的更平滑我们的迁移。

如果你已经远远获得这样，你至少有部分接受打字稿作为大桥的.NET/C＃与NativeScript本地移动的发展。对于这一点，我给你你的第一个松弛塔科：

现在，让我们来看看如何对一些现有的.NET技能创建一个单独的页面NativeScript或视图，您的应用程序的建设。的三个基本成分是：

XML为你的UI标记

CSS的样式你的UI

和JavaScript的/打字稿为您的应用程序逻辑

虽然我们很多人讨厌的XML语法的SOAP引起噩梦，NativeScript标记其实很容易理解。

它也非常XAML状，在大部分的NativeScriptUI标记的非常相似的XAML语法（实际上利用了一些XAML的更好的功能）。

例如，这里是一些XAML标记：

StackPanel中标签保证金=“20”内容=“你好！”/标签按钮保证金=“10”的HorizontalAlignment=“右”OK/按钮/StackPanel中

...在NativeScript完全等效为：

StackLayout标签的文本=“你好！”的风格=“保证金：20”/标签按钮文本=“OK”的风格=“保证金：10;水平对齐：右”/按钮/StackLayout

不仅有大量的原生UI元素杠杆，但你也可以通过使用各种布局选项安排在很多方面你的UI元素。

你看过StackLayout上面的标签（该水平或垂直堆叠的元素），但也有AbsoluteLayout，DockLayout，GridLayout和WrapLayout选项。

幸运的是，仁活套为我们提供了全面的覆盖ofNativeScript布局。绝对的书签以供将来参考。

NativeScript之美不限于打字稿和原生UI的使用范围。相反，我认为它的很大一部分来自于与CSS风格你的应用程序的能力。我不是设计师，所以能够利用现有的技能如CSS需要一个痛苦的显著量之遥。

让我们清楚：这是你已经使用了多年与ASP.NET相同的CSS。这里有幕后没有人！

有意义这么远吗？有炸玉米饼，你已经赢得了：

大约有使用CSS在NativeScript，你应该知道的几件事情：

1）您可以将样式应用程序范围内，到指定的页面，和/或特定element.For例如，在你app.ts或app.js文件（这是你的应用程序初始化），可以加载一个CSS文件为您的整个应用程序：

进口申请=要求（“申请”）;application.cssFile=“app.css”;。应用程序启动（{MODULENAME：“主”}）;

同样，如果你在你的应用程序命名为“主”视图，您可以（可选）添加一个main.css文件，该文件将这些样式自动仅适用于该视图！

最后，即使它在多年来一直皱着眉头，你可以欺骗和直接应用样式UI元素，就像这样：

按钮文本=“我（种）爱CSS！”的风格=“背景色：红”/

2）你可以用你点知道love.Case相同的CSS选择器，您可以通过选择元素：

类型：button{background-color:blue}

类：.button-large{font-size:44}

ID：#cancel-button{border-color:green}

等级：StackLayoutButton{background-color:orange;}

属性：button[someAttribute]{background-color:yellow;}

此外，你可以结合上面创建复杂的选择方案。

3）您可以使用许多你已经使用了years.For例如相同的CSS属性，属性，如margin，border，padding，color，width，和height都支持，与远不止这些可用。你可以看到所有的人都在支持的属性列表。

就像在ASP.NET中，每一个标记文件具有隐藏文件相关的代码。而不是C＃，它的JavaScript（或打字稿）。并没有什么特别的你正在写，即使你正在访问本机平台API中的JavaScript。这是因为你利用NativeScript模块，这是有效的原生API之上的跨平台的抽象。

虽然这是本文的范围之外，模块的关键是NativeScript的原生的跨平台方面（好奇可能想阅读更多）。

因此，通过添加隐藏文件一个JavaScript代码，在你的项目中的文件结构将是这个样子：

请记住，main-page.css文件是可选的，并且，在这种情况下，将仅适用于该main-page.xml图。