3.1 UWP开发 什么是XAML

UWP

Posted by FishYan on May 8, 2017

3.1 UWP开发 什么是XAML

学习要点

1.XAML 的用途和本质

XAML 看起来跟HTML很类似,实际上XAML来自于XML–可扩展标记语言,与XML属于同一种语言发展而来。HTML用于构建网页文档,而XML更具备通用性,你可以定义属性的名字和元素来满足不同的需求,也经常用于存储赢用设置,或者作为两个不相关的系统之间交换数据。XAML是XML的一种特殊用法,XAML与构建应用的用户界面有关。XAML与HTML的本质区别是,XAML实质上是用来创建事例类,并且为他们的属性赋值。

2.用XAML创建实例比C#更简单

在上节中我们用XAML创建Button,TextBlock… 这节使用C#来创建一个Button,虽然不是常用,但是还是要会用。以此来比较一下XAML创建Button和C#创建Button的区别。

C#创建Button

首先要在XAML中mc:添加Loaded=”Page_Loaded”,其中mc:标签为标记兼容性标签,Loaded是指创建页面时会加载的代码,顺带解释一下前面的Ignorable,是页面加载时那些XAML的命名空间的前缀需要被忽略。

光标指向Page_Loaded按下F12会自动生成并跳转到对应的C#代码中。

private void Page_loaded(object sender, RoutedEventArgs e)
{
    Button myButton = new Button();
    myButton.Name = "ClickMeButton";
    myButton.Content = "Click Me";
    myButton.Width = 200;
    myButton.Height = 100;
    myButton.Margin = new Thickness(20,20,0,0);
    myButton.HorizontalAlignment = Windows.UI.Xaml.HorizontalAilgnment.Left;
    myButton.VerticalAlignment = Windows.UI.Xaml.VerticalAlignment.Top;

    myButton.Background = new SolidColorBrush(Windows.UI.Colors.Red);
    myButton.Click += ClickMeButton_Click;

    LayoutGrid.Children.Add(myButton);
}

XAML创建Button

实际上这段代码相当于XAML中的

<Button Name="ClickMeButton"
        Content="Click Me"
        HorizontalAilgnment="Left"
        VerticalAlignment="Top"
        Margin="20,20,0,0"
        Background="Red"
        Width="200"
        Height="100"
        />

一看就知道那个更简单了。XAML是一种简单的创建实例的方式,并且可以通过这种比C#简单很多得语言来设定这些对象的属性。除此之外,XAML的代码可以实时的反映到可视化界面中,而C#的代码不能。

同步发布 今日头条