美文网首页WPF
WPF自学系列 1XAML基础

WPF自学系列 1XAML基础

作者: 任生风影 | 来源:发表于2018-03-30 11:12 被阅读0次

索引

  • XAML 标准
  • XAML 属性
  • XAML 事件

1.什么是XAML

XAML是WPF语义化的一个特殊的XML文件,语法遵循XML编写的所有特点

1. 标记必须结束
2. 开始标记和结束标记必须一致
3. 属性值必须用双引号
4. 整个文档只能有一个根节点

2. 命名空间

我们先来看看默认生成的Windows中的命名空间

        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"

其中xmlns是命名空间的前缀,后面的:xxx是内容调用该命名空间的内容时需要用这个前缀调用。比如x:Name属性。
这里"http://schemas.microsoft.com/winfx/2006/xaml/presentation" 是命名空间的名字类似System.Data.SqlClient
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"是默认命名空间,里面包含了所有wpf中默认的所有组件内容。这个http路径并没有其他的用途。

3. 属性

  1. C#中给某个控件属性赋值我们再熟悉不过了,比如给一个Label控件的Text属性赋值,只需要获取当前要控制的控件对象并通过赋值符号给其相应类型的数据即可。比如我们要把Grid控件的Name属性赋值给windows窗体。

MainWindow.xaml:

  <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="350" Width="525">
    <Grid Name="Grid1"  Loaded="Grid1_OnLoaded">
        
    </Grid>
</Window> 

MainWindow.XAML.cs:

    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Grid1_OnLoaded(object sender, RoutedEventArgs e)
        {
            Title = Grid1.Name;
        }
    }

功能写起来还是蛮简单的。

3.1普通属性

其中,Title="MainWindow" Height="350" Width="525"就是XAML里的简单属性赋值。
Title = Grid1.Name;就是我们熟悉的C#属性赋值。

注:Loaded="Grid1_OnLoaded"是事件绑定,当Grid加载完成后触发事件并自动调用Grid1_OnLoaded方法

3.2 节点属性

一般情况任何属性都可以以另外一种方式编写就是子节点属性的方式,比如我们把window的Title属性变成节点属性的方式编写的话就成了这样

<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"
        Height="350" Width="525">
    <Window.Title>这是标题</Window.Title>
    <Grid Name="Grid1" Loaded="Grid1_OnLoaded">
        
    </Grid>
</Window>

这两种是等同的写法,一般使用前一种的比较普遍。不太推荐第二种写法,会显得比较乱。

3.3 复杂属性

有些时候我们不得不使用子节点的方式来给某个特定控件属性赋值。比如给Grid设置一个渐变的背景颜色。

    <Grid Name="Grid1" Loaded="Grid1_OnLoaded">
        <Grid.Background>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF595050" Offset="0"/>
                <GradientStop Color="#FFDE1313" Offset="1"/>
            </LinearGradientBrush>
        </Grid.Background>  
    </Grid>

渐变颜色需要设置的数据相对较多,不能用一个简单的数据描述,这种情况我们就必须采用子节点属性的方式赋值。我们称之为复杂属性。

3.4 依赖属性

我们来给Grid网格控件设置几个单元格,这种数据也必须使用复杂属性的方式设置

 <Grid Name="Grid1" Loaded="Grid1_OnLoaded">
        <Grid.RowDefinitions>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="1*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
        </Grid.ColumnDefinitions>
        <Grid.Background>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF595050" Offset="0"/>
                <GradientStop Color="#FFDE1313" Offset="1"/>
            </LinearGradientBrush>
        </Grid.Background>
    </Grid>

这样我们就给Grid网格设置成了四行四列等分的表格了。设置行列的方式就是复杂属性,如果我们需要把一个按钮放入到第二行第三个单元格该怎么做呢?

  <Grid Name="Grid1" Loaded="Grid1_OnLoaded">
        <Grid.RowDefinitions>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="1*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
        </Grid.ColumnDefinitions>
        <Grid.Background>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF595050" Offset="0"/>
                <GradientStop Color="#FFDE1313" Offset="1"/>
            </LinearGradientBrush>
        </Grid.Background>
        <Button Content="Button" Grid.Column="2"   Grid.Row="1"  />
    </Grid>

这里我们再Button节点上添加了Grid.ColumnGrid.Row这就是我们采用依赖属性的方式设置当前控件元素和父元素的关系或者相关的属性数据。

XAML事件

Loaded="Grid1_OnLoaded"是事件绑定,当Grid加载完成后触发事件并自动调用Grid1_OnLoaded方法

相关文章

  • WPF自学系列 1XAML基础

    索引 XAML 标准 XAML 属性 XAML 事件 1.什么是XAML XAML是WPF语义化的一个特殊的XML...

  • C# WPF知识点

    ——本文抄自于 WPF 基础到企业应用系列1——开篇有益 本文用于作者学习WPF,作为学习指南。 初级工程师 较强...

  • WPF自学系列 开篇

    引言net开发现在有2个分化比较严重的岗位需求,一个是web端,一个是cs的桌面端。web端以asp.net mv...

  • wpf基础篇高清视频教程

    这一套视频从基础的角度给大家讲解了什么是wpf的开发,可以说涵盖了wpf基础的方方面面,欢迎大家学习。 wpf基础...

  • 0基础自学linux运维-0.0.1-开篇(自学资料)

    一、系列学习的前提 这个系列我在《0基础自学linux运维-0.0.1-开篇》已经说过了,既然是自学,一些基础知识...

  • 基于WPF的截图工具,功能和QQ截图类似

    本项目基于WPF开发,适合于新手上手WPF,里面不涉及到太复杂的用法,都是一些基础绑定等操作。 有关于WPF或者项...

  • WPF简介

    目录 什么是WPF? WPF的历史? 为什么要用WPF及WPF作用 WPF与winForm区别? 什么是WPF? ...

  • 0基础自学linux运维-2.0-搭建篇

    0基础自学linux运维-2.x系列是说常用的环境搭建的。开始的前提是: 一、学好基础知识 俗话说:“基础不牢,地...

  • 韩语教材一网打尽

    如果你想自学韩语,这份书单够你交流娱乐和考取等级。 一、教材篇系列 “这个系列是学习的基础。建议考等级的同学必看。...

  • UI设计零基础如何自学,关于培训班该如何选择?

    UI设计零基础如何自学,关于培训班该如何选择?UI设计零基础如何自学UI设计零基础如何自学UI设计零基础如何自学U...

网友评论

    本文标题:WPF自学系列 1XAML基础

    本文链接:https://www.haomeiwen.com/subject/wjpmcftx.html