QuikieApps

反应XAML：如何创建XAML应用程序

QuikieApps

反应XAML简介

XAML代表可扩展应用程序标记语言。它是一种声明性标记语言，用于为应用程序创建用户界面。 XAML在WPF中最广泛地用于前端语言。它定义了HTML之类的网页内容。用户可以使用WYSIWYG编辑器生成React XAML代码，以访问Microsoft Expression Studio或Blend for Visual Studio之类的程序。不仅如此，开发人员还可以从头开始创建XAML代码。 XAML使用WPF构建，并且支持任何Windows App。它是区分大小写的强类型语言，它将表示形式与业务逻辑分开。您可以查看一个使用XAML标签作为按钮的小例子：

<按钮x：Name =“ button”

内容=“ xyz_xaml”

Horizo​​ntalAlignment =“左”

VerticalAlignment =“顶部”

保证金=“ 150，300，0，0” />

 

选择XAML的好处：

  1. XAML与XML语法相似。
  2. XAML代码更小且更易于执行。
  3. 与其他代码相比，XAML代码易于理解。
  4. 使用XAML而不是代码可以更轻松地设计UI。
  5. 我们可以期望UI（XAML）和UI逻辑（C＃）之间有清晰的分隔。
  6. 设计人员和开发人员的角色是不同的。

 

为什么使用XAML？

在XAML中布局用户界面很容易。当使用XAML在页面上布局可视树控件时，应用程序将变得显而易见并且可以快速制作出来。 

 

XAML数据绑定：

<标签文字=“ {Binding FirstName}” />

 

C＃数据绑定：

标签firstNameLabe; l = new Label（）;

firstNameLabel.SetBinding（Label.Text，“ FirstName”）;

上面的示例证明XAML易于理解和阅读。如果控件是数据绑定到视图模型中的属性的，则XAML语法比C＃语法干净得多。 Xamarin还已在Xamarin Studio和Visual Studio中引入了新版本的“ XAML预览器”。借助此工具，用户可以在IDE中查看UI。

 

XAML页面的外观如何？

<？ xml版本=“ 1.0”编码=“ utf-8”？>

<ContentPage xmins=http://xamarin.com/schemas/2014/forms

             xmlns:x=http：//schemas/microsoft.com/winfx/2009/xaml

             xmlns：local =“ clr-namespace：XamarinFifecycle”

             x：Class =“ XamarinLifecycle.MainPage”>

 

           <StackLayout>

               <！-在此处放置新控件-！>

          <标签文字=“欢迎使用Xamarin.Forms！”

               Horizo​​ntalOptions =“居中”

               VerticalOptions =“ CenterAndExpand” />

          </StackLayout>

 

</ContentPage>

 

在这里，在开幕<ContentPage>元素，Xaml知道它应该在遇到内容页面时实例化。 

 

镇静特性：

XAML具有两个属性。一个是属性属性，另一个是元素属性。 

属性属性在UI组件的标签中声明，并且最容易理解。属性名称将始终是其原始名称，但该值必须是字符串。 

例：

<标签文字=“汉堡和薯条”文字颜色=“红色” />

务必始终指定字符串，因为XAML遵循XML规则，这一点很重要。

 当值太复杂而无法在简单字符串中解释时，我们使用其他属性，即元素属性。在空白的ContentPage中，该元素属于element属性。它包含页面的其余内容，这些内容无法通过简单的字符串处理。 

 

XAML优于代码的优势：

XAML不需要复杂的维护，并且易于修改。可以借助软件工具轻松地对其进行分析和编辑。有时，与C＃代码相比，它可能更简洁。

           <StackLayout>

               <！-在此处放置新控件-！>

          <标签文字=“欢迎使用Xamarin.Forms！”

               Horizo​​ntalOptions =“居中”

               VerticalOptions =“ CenterAndExpand” />

          </StackLayout>

 

您将在XAML中找不到任何类型的循环，控件，代数计算语法或任何类型的事件处理程序。与C＃代码相比，这是XAML的缺点，因为C＃帮助我们定义了所有这些内容。 

 

反应XAML的工作：

XAML是一种声明性语言。它定义了您想要执行的操作以及执行的方式。 XAML处理器管理HOW部分。 XAML处理器解释XAML文件。它还会转换描述UI元素的XAML代码。首先，内部代码和C＃代码通过部分类定义链接在一起，然后.Net编译器构建应用程序。

 

如何创建XAML应用程序：

 

 

 

 

 

使用App.xaml：

App.xaml是应用程序的声明点，并且当您启动新的WPF应用程序时，Visual Studio会自动为您创建它。它还将在名为App.xaml.css的文件后面包含代码。 

 

App.xaml结构：

<应用程序x：Class =“ xyz.App”

                      xmlns=http://schemas.microsoft.com/winfx/2006/xaml/presentation

                      xmlns:x=http://schemas.microsoft.com/winfx/2006/xaml

                      StartupUri =” MainWindow.xaml”>

         <应用程序资源>

         </Application.resources>

</Application>

 

App.xaml.cs结构：

最初，对于新项目，自动生成的App.xaml如下所示：

使用系统；

使用System.collections.Generic;

使用System.windows;

命名空间WpfTutorialSamples

{

     公共局部类应用程序：应用程序

     {

 

     }

}

要手动创建启动窗口，我们可以执行以下步骤：

<应用程序x：Class =“ xyz.App”

                      xmlns=http://schemas.microsoft.com/winfx/2006/xaml/presentation

                      xmlns:x=http://schemas.microsoft.com/winfx/2006/xaml

                      启动=“ Application_Startup”>

         <应用程序资源>

 

         </Application.resources>

</Application>

在这里，StartupUri被替换为Startup事件。

我们可以在代码隐藏中使用该事件，如下所示：

使用系统；

使用System.collections.Generic;

使用System.windows;

命名空间WpfTutorialSamples

{

     公共局部类应用程序：应用程序

     {

           公共局部类应用程序：应用程序

           {

                 //创建启动窗口

                MainWindow wnd =新的MainWindow（）

                //在这里做一些事到窗户

               Wnd.Title =“其他东西”；

              // Show the window

            Wnd.Show();

        }

   }

}

 

Exit mobile version