WPF 基础 - xaml 语法总结
Attribute 与 Property 之间的区别
- Property 对应着抽象对象身上的性状;
- Attribute 是针对标签的特征;
- 往往一个标签具有的 Attribute 对于它所代表的对象的 Property。
1. 为对象属性赋值
1.1 使用标签的 Attribute 为对象属性赋值;
<Rectangle x:Name="rectangle" Width="200" Height="200" Fill="Blue"/>
其中对 Fill 的赋值等价于后台代码:
SolidColorBrush sBrush = new SolidColorBrush();
sBrush.Color = Colors.Blue;
this.rectangle.Fill = sBrush;
1.2 使用 TypeConverter 将 XAML 上的 Attribute 与对象的 Property 进行映射
public class Human
{
public string Name { get; set; }
public Human Child { get; set; }
}
<Window.Resources>
<local:Human x:Key="human" Name="maomao" Child="ABC" />
</Window.Resources>
<Grid>
<Button Content="click me" Click="Button_Click"/>
</Grid>
private void Button_Click(object sender, RoutedEventArgs e)
{
Human hu = (Human)this.FindResource("human");
MessageBox.Show(hu.Child.Name);
}
会抛出 ArgumentException 异常:System.String 的对象无法转换成类;
解决方式:
[TypeConverter(typeof(StringToHumanTypeConverter))]
public class Human
{
public string Name { get; set; }
public Human Child { get; set; }
}
public class StringToHumanTypeConverter : System.ComponentModel.TypeConverter
{
public override object ConvertFrom(ITypeDescriptorContext context, CultureInfo culture, object value)
{
if (value is string)
{
Human h = new Human();
h.Name = value as string;
return h;
}
return base.ConvertFrom(context, culture, value);
}
}
1.3 属性元素
<Rectangle>
<Rectangle.Fill>
<SolidColorBrush Color="Blue" />
</Rectangle.Fill>
</Rectangle>
在需要的时候运用,切勿过犹不及。一般属性的值是复杂对象时用。
<Rectangle>
<Rectangle.Fill>
<LinearGradientBrush>
<GradientStop Color="AliceBlue" Offset="0.2"/>
<GradientStop Color="Blue" Offset="0.7"/>
<GradientStop Color="DarkBlue" Offset="1.0"/>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
1.4 标记拓展
<TextBox Text="{Binding ElementName=slider1, Path=Value, Mode=OneWay}"/>
还可以嵌套
<TextBox Text="{Binding Source={StaticResource myDataSource}, Path=PersonName}"/>
- 一些缩写方法:(具体的原因这个后面再讲)
- {Binding ElementName=slider1, Path=Value} = {Binding Value, ElementName=slider1}
- {StaticResource xx,...} = {StaticResource ResourceKey=xx,...}
- Text="{x:Static ...}" = Text="{x:StaticExtension ...}"
<Window.Resources>
<local:Human x:Key="human" Name="maomao" Child="ABC" />
</Window.Resources>
<TextBox Text="{Binding Source={StaticResource ResourceKey=human}, Path=Name}"/>
<TextBox Text="{x:Static local:Hei.man}"/>
public class Hei
{
public static string man = "What is up";
}
2. 代码后置
xx.xaml.cs 只是为了方便管理文件,非必须,xaml 解析器会找 x:Class 对应的类;
可以使用 <x:Code> 把代码后置的 C# 代码搬到 xaml 中。
<Button Grid.Row="3" Content="click me" Click="Button_Click"/>
<x:Code>
<![CDATA[
private void Button_Click(object sender, RoutedEventArgs e)
{
MessageBox.Show("I am from X:Code");
}
]]>
</x:Code>
3. 导入程序集并引用其中的命名中间
- 编写库类项目并编译得到 .dll 文件或者获得别人的 .dll 文件;
- 将类库项目或者 .dll 引用进自己的项目;
- 在 C# 和 xaml 中引用类库中的名称空间。
<Window x:Class="WpfApp1.CommandMode.CommandModeWindow"
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.CommandMode"
xmlns:Control="clr-namespace:Controls;assembly=MyLibrary"
xmlns:sys="clr-namespace:System;assembly=mscorlib">
<Window.Resources>
<sys:String x:Key="stringA">This is a </sys:String>
</Window.Resources>
...
</Window>
- xmlns 是 XMAL 中用于声明命名空间的 Attribute。
- xmlns:映射名="clr-namespace:库类中的命名空间名称;assembly=库类文件名"
- 引用语法:<映射名:类名>,又如:<Controls:MessagePanel x:Name="window1">
WPF 基础 - xaml 语法总结的更多相关文章
- 4 WPF学习---系统的学习XAML语法
转载:http://blog.csdn.net/fwj380891124/article/details/8093001 1,XAML文档的树形结构: UI在用户眼里面是个平面结构.如下图所示,在用户 ...
- XAML属性赋值转换之谜(WPF XAML语法解密)
XAML与XML类似,就是XML延伸过来的.为了更好的表达一些功能,WPF对XML做了扩展,有些功能是WPF在后台悄悄的替你做了.有时候,虽然实现了某个功能,但是对实现原理还是很茫然.今天就讲讲XAM ...
- WPF中 PropertyPath XAML 语法
原文:WPF中 PropertyPath XAML 语法 PropertyPath 对象支持复杂的内联XAML语法用来设置各种各样的属性,这些属性把PropertyPath类型作为它们的值.这篇文章讨 ...
- WPF笔记(1.1 WPF基础)——Hello,WPF!
原文:WPF笔记(1.1 WPF基础)--Hello,WPF! Example 1-1. Minimal C# WPF application// MyApp.csusing System;using ...
- .Net Core WPF之XAML概述
原文链接,机器翻译,有误处参看原文. XAML overview in WPF 2019/08/08 What is XAML XAML syntax in brief Case and white ...
- WPF基础到企业应用系列6——布局全接触
本文转自:http://knightswarrior.blog.51cto.com/1792698/365351 一. 摘要 首先很高兴这个系列能得到大家的关注和支持,这段时间一直在研究Windows ...
- 基本 XAML 语法指南
我们介绍了 XAML 语法规则,以及用于描述 XAML 语法中存在的限制或选项的术语.当出现以下情况时你会发现本主题很有用:不熟悉 XAML 语言的使用,希望加强对术语或某些语法部分的理解,或者对 X ...
- WPF:XAML概述
简介 XAML是eXtensible Application Markup Language可扩展应用程序标记语言,它是微软公司为构建应用程序用户界面而创建的一种新的描述性语言.XAML提供了一种便于 ...
- wpf中xaml的类型转换器与标记扩展
原文:wpf中xaml的类型转换器与标记扩展 这篇来讲wpf控件属性的类型转换器 类型转换器 类型转换器在asp.net控件中已经有使用过了,由于wpf的界面是可以由xaml组成的,所以标签的便利也需 ...
随机推荐
- Linux自带神器logrotate详解
Linux自带神器logrotate详解 散尽浮华 运维 3天前 作者:散尽浮华 链接:https://www.cnblogs.com/kevingrace/p/6307298.html 对于 L ...
- C# 类 (8) - 抽象方法
抽象 抽象方法 只能 定义在抽象类 里,并且抽象方法里没有具体的代码,像这种 为啥要定义一个空空如也的函数呢?这是为了用来约束 它的派生类 的行为, 这个例子,建立了一个数组,放了cat和dog,这两 ...
- HDU 3681 Prison Break(状压DP + BFS)题解
题意:一张图,F是起点,Y是必须要到的点,D不能走,G可以充电.可以往四个方向走,每走一步花费一个电,走到G可以选择充满电或者不充,每个G只能充一次.问你走遍Y的最小初始点亮.number(G) + ...
- 计蒜客 2019南昌邀请网络赛J Distance on the tree(主席树)题解
题意:给出一棵树,给出每条边的权值,现在给出m个询问,要你每次输出u~v的最短路径中,边权 <= k 的边有几条 思路:当时网络赛的时候没学过主席树,现在补上.先树上建主席树,然后把边权交给子节 ...
- JavaScript interview Question - Create a Array with two papameters without using loop!
JavaScript interview Question - Create a Array with two papameters without using loop! JavaScript - ...
- Node.js & ES Modules & Jest
Node.js & ES Modules & Jest CJS & ESM CommonJS https://en.wikipedia.org/wiki/CommonJS ht ...
- Object.stringify 循环引用 bug & TypeError: Converting circular structure to JSON
Object.stringify 循环引用 bug & TypeError: Converting circular structure to JSON var obj = { a: &quo ...
- windows 设置右键菜单
编辑注册表 在文件 右键菜单中添加 xx.reg: Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\*\shell\vscode] &q ...
- Flutter使用WebSockets
文档 注意是WebSockets而不是socket.io install dependencies: web_socket_channel: demo import 'dart:convert'; i ...
- vue的filter用法,检索内容
var app5 = new Vue({ el: '#app5', data: { shoppingList: [ "Milk", "Donuts", &quo ...