WPF 基础入门（XAML理解一）

最新推荐文章于 2024-04-17 19:08:42 发布

^@^lemon tea^@^

最新推荐文章于 2024-04-17 19:08:42 发布

阅读量487

点赞数 9

分类专栏： # WPF 基础学习文章标签： wpf WPF 基础入门XAML理解

本文链接：https://blog.csdn.net/BYH371256/article/details/135277175

版权

WPF 基础学习专栏收录该内容

37 篇文章 2 订阅

订阅专栏

本文介绍了XAML在.NET框架中的应用，包括其作为声明性标记语言简化UI开发的过程，XAML元素与.NET类的关系，以及命名空间的使用。重点讲解了对象元素的语法和实例化过程，以Windows10中的Page元素为例。

摘要由CSDN通过智能技术生成

1.XAML 理解

XAML是一种声明性标记语言，它简化了为.NET Framework应用程序创建UI的过程，使程序界面编程更加简单和简洁。XAML直接以程序集中定义的一组特定后备类型表示对象的实例化。XAML文件中的每个元素代表.NET中的一个类，并且XAML文件中的每个属性代表.NET类中的一个属性、方法或事件。后台文件.xaml.cs中部分类包含了XAML呈现层可以用的事件、方法和属性。

编写XAML代码是需要注意，声明一个XAML元素时，可以用Name属性为该元素指定一个名称，这样在C#代码里面才可以访问到此元素。

XAML必须遵循的4大原则：

XAML是大小写区分的，元素和属性的名称必须严格区分大小写。

所有的属性值，无论它是什么数据类型，都必须包含在双引号中；

所有的元素都必须是封闭的；如<Button …/> <Button>…</Button>

最终的XAML文件也必须是合适的XML文档。

2.命名空间

XAML里面的元素对应着.NET里面的类，但是只提供类名是不够的，XAML解析器还需要知道这个类位于哪个.NET名称空间，这样解析器才能够正确的识别XAML的元素。

xmlns特性是XML中的一个特殊特性，它专门用来声明命名空间。一旦声明一个命名空间，在文档中的任何地方都可以使用该命名空间。

   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
   xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
   xmlns:model="clr-namespace:DSViewer.Model"
   xmlns:conv="clr-namespace:DSViewer.Converters"

3.对象元素

XAML的对象元素是指XAML中的一个完整的节点，一个XAML文件始终只有一个根元素，在Windows 10 里面通常是Page作为根元素，其他都是子元素。子元素可以包含一个或多个子元素。

对象元素语法是一种XAML标记语法，它通过声明XML元素将Windows 10 的类或结构实例化。对象元素以左尖括号（<）开始，后面紧跟要实例化的类或结构的类型名称。类型名称后面可以有零个或多个空格，对于对象元素还可以声明零个或多个特性，并用一个或多个空格来分隔每个"特型名=值"这样的属性对。

<Win:MetroWindow x:Class="ImageTestTool.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:Win="http://metro.mahapps.com/winfx/xaml/controls"
        xmlns:view="clr-namespace:ImageTestTool.View"
        Title="测试工具" Height="800" Width="1280>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="28"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="420"/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <StackPanel Grid.Row="0" Grid.Column="0" Margin="10">
            <GroupBox Header="设备连接" >
                <view:ConnView Height="258" Width="412" x:Name="ConnViewCtl"/>
            </GroupBox>
        </StackPanel>
        <view:ImageView x:Name="ImageViewCtl" Background="Black" Grid.Row="0" Margin="0 20 0 0" Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Top"/>
        <StatusBar Grid.Row="1" Grid.ColumnSpan="2"/>
    </Grid>
</Win:MetroWindow>

**************************************************************************************************************