WPF入门系列（一）————XMAL语法基础

一、什么是XMAL
学习WPF ，第一步，应该就是了解XMAL语法了，那么，XMAL到底是什么呢？
如果被问到，XMAL究竟是什么，可以这么回答：“XMAL是WPF技术中专门用于设计UI的语法。”

 

 

 

二、XMAL的优点
XMAL可以设计出专业的UI和动画（好用）
XMAL不需要专业的编程知识，简单易懂，结构清晰（易学）
XMAL使设计师能直接参与软件开发，随时沟通，无需二次转化（高效）

 

 

三、解析最简单的XMAL代码
打开VS，新建一个WPF项目，我们找到MainWindow.xmal文件，打开之后，看到如下代码
<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
       
    </Grid>
</Window>
花花绿绿一大片，还有像网址一样的东西，我们来一个一个的解析

XMAL是由xml派生而来的语言，所以很多xml的概念在XMAL中是通用的，比如申明一个元素时，需要起始和终止标签<Tag></Tag> 。如果没有什么内容隶属这个标签时，可以写为<Tag/>

 

例如上面的<Grid>

 

</Grid>因为没有什么内容，而可以写为<Grid/> 而Window 标签则不能，因为Window包含了Grid
然后我们再来谈属性，如果需要把上面的grid的背景色改为粉色 应该怎么写呢？

<Grid Background="Pink"></Grid>其中Background就是属性的名字，Pink就是属性的值，可以同时设置多个属性，但是属性之间需要用空格隔开<Grid Background="Pink" Width="500"></Grid>