XAML基础(一)
1.0 XAML是啥?
XAML(eXtensible Application Markup Language,可 扩展应用 程序标记语言) 是一种声明性的XML语法 ,像WPF,WF或者Silverlight应用程序通常需要 XAML。Xaml元 素通常映射到,NET类 。 这并不是一个严格的要求 ,但通常都是如此。
1.1 元素 映射到 .net对 象上
一个控制台Demo,需 要引用程序集 PresntationFramework、 PresentatioCore、 WhdowBase和 system.Xaml。
using System;
using System.Windows;
using System.Windows.Controls;
namespace ConsoleApplication1
{
class Program
{
[STAThread]
static void Main(string[] args)
{
var b = new Button { Content="Click Me!" };
var w = new Window { Title="Code Demo",Content=b };
var app = new Application();
app.Run(w);
}
}
}
同样的效果由XAML实现,代码如下:
<Window x:Class="XMAL.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:XMAL"
mc:Ignorable="d"
Title="XAML Demo" Height="350" Width="525">
<StackPanel x:Name="stackPanel1">
<Button Content="Click Me!"></Button>
<!--<Button Content="Click Me!" Height="200">
<Button.Background>
<LinearGradientBrush StartPoint="0.5,0.0" EndPoint="0.5,1.0">
<GradientStop Offset="0" Color="Yellow"></GradientStop>
<GradientStop Offset="0.3" Color="Orange"></GradientStop>
<GradientStop Offset="0.7" Color="Red"></GradientStop>
<GradientStop Offset="1.0" Color="DarkRed"></GradientStop>
</LinearGradientBrush>
</Button.Background>
</Button>-->
<!--<Button Name="button1" Content="Button 1" Margin="5" />
<Button x:Name="button2" Margin="5" Click="OnButton2">
<ListBox Name="listBox1">
<Button x:Name="innerButton1" Content="Ihner Button 1" Margin="4" Padding="4" Click="OnInner1" />
<Button x:Name="innerButton2" Content="Inner Button 2" Margin="4" Padding="4" Click="OnInner2" />
</ListBox>
</Button>-->
<!--<DockPanel>
<Button Content="Top" DockPanel.Dock="Top" Background="Yellow"></Button>
<Button Content="Top" DockPanel.Dock="Left" Background="Blue"></Button>
</DockPanel>-->
</StackPanel>
</Window>
当然Application的实例也可以在XAML中定义
<Application x:Class="XMAL.App"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:XMAL"
StartupUri="MainWindow.xaml">
<Application.Resources>
</Application.Resources>
</Application>
1.2 使用自定义.net类
首先定义一个简单的Person类,包含2个属性,FirstName和LastName;
namespace XMAL
{
class Person
{
public Person()
{
FirstName = "one";
LastName = "two";
}
public string FirstName { get; set; }
public string LastName { get; set; }
public override string ToString()
{
return string.Format("{0}, {1}", FirstName, LastName);
}
}
}
然后在XAML文件中引入Person类的命名,空间起别名为Local
可以看到有很多的.net命名空间可以引用,引入明明空间后,写XAML代码
<ListBox>
<Local:Person FirstName="></Local:Person>
</ListBox>
运行程序,ToString()方法就把对象的值显示在列表中。(如果没有TOstring方法则显示的是这个对象)
1.3 把特性用作属性
只要属性的类型可以表示为字符 串,或者可以把字符串转换为特属性型,就可以把属性设置为属性。 下面 的代码段用特性设置 了 Button元 素 的 Content和Backgromd属 性 。 因为 Content属性的类型是 object,所以可 以接受字符串 。 Background属性的类型是 Brush,Brush类型把 BrushConvener类定义为一个转换器类型,这个类用 Typeconvmer特性进行注解 。 BrushConvener使用 一个颜色列表,从 ConverFormString()方法中返回一个SolidColorBrush。<Button Content="Click Me!" Background="Aqua"></Button>
1.4 把特性用作元素
总是可 以使用 元素语法给属性提供值 。 Button类 的 Backgromd属性可以用子元素 Button.Background设 置。 这样,可以把比较复杂的画笔应用于这个属性,
2 依赖属性
2.1 创建依赖属性
WPF使 用 依赖属性完成数据绑定、 动画、 属性变更通知 、 样式化等 。 对于数据绑定,绑 定到.NET属性源上 的 t1I元 素 的属性必须是依赖属性 。依赖属性和.net的属性一样也包含Get和Set访问器,但是依赖属性调用了基类DependencyObject的GetValue()和SetValue()方法,这2个方法都需要一个参数,参数为属性名+Proprty,基类通过Register()方法注册属性,上demo
public class DemoDependencyObject : DependencyObject
{
public static readonly DependencyProperty ValueProperty =
DependencyProperty.Register("Value", typeof(int), typeof(DemoDependencyObject));
public int Value
{
get { return (int)GetValue(ValueProperty); }
set { SetValue(ValueProperty, value); }
}
}
DemoDependencyObject
2.2强制值回掉
依赖属性支持强制检查,由此来判断属性的值是否有效,即Register方法的第4个构造,传递一个PropertyMetadatalei类,在CoerValue方法中写入自己的额Code;
public static readonly DependencyProperty ValueProperty =
DependencyProperty.Register(,null, CoerValue));
private static object CoerValue(DependencyObject elemnet, object value)
{
//your code
//int newValue = (int)value;
//MyDependencyObject control = (MyDependencyObject)elemnet;
//newValue = Math.Max(control.Minimun, Math.Min(control.Maximun, newValue));
//return newValue;
}
2.3 值变更回掉和事件
为 了 获 得 值 变 更 的信 息 ,依 赖 属 性还支 持值 变 更 回 调 。 在 属 性 值 发 生 变 化 时调 用 的DependencyProperty.Register()方 法中,可 以添加一个 DependencyPropeGhanged事件处理程序 。
public static readonly DependencyProperty ValueProperty =
DependencyProperty.Register(, OnValueChanged, CoerValue));
public static void OnValueChanged(DependencyObject obj, DependencyPropertyChangedEventArgs args)
{
int oldValue = (int)args.OldValue;
int newValue = (int)args.NewValue;
///your code
}
3 附加属性
<DockPanel>
<Button Content="Top" DockPanel.Dock="Top" Background="Yellow"></Button>
<Button Content="Left" DockPanel.Dock="Left" Background="Blue"></Button>
</DockPanel>
纳尼,什么鬼,DockPanel.Dock是Button的属性?Button并没有Dock属性,他是通过DockPanel空间附加给Button,为其正起名曰附加属性。附加属性的定义和依赖属性很相似,它是调用RegisterAttached()方法,
class MyAttachedPropertyProvide : DependencyObject
{
public static readonly DependencyProperty myPropertyProperty =
DependencyProperty.RegisterAttached("MyProperty", typeof(int), typeof(MyAttachedPropertyProvide));
public int MyProperty
{
get { return (int)GetValue(myPropertyProperty); }
set { SetValue(myPropertyProperty,value); }
}
public static void SetMyProperty(UIElement element,int value)
{
element.SetValue(myPropertyProperty,value);
}
public static int GetMyProperty(UIElement element
{
return (int)element.GetValue(myPropertyProperty);
}
}
MyAttachedPropertyProvide
似乎DockPanel.Dock属性只能添加到DockPanel中的控件上,实际上,附加属性可以添加到任何元素上,但是无法识别这个属性值。
<Window x:Class="XMAL.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:XMAL"
mc:Ignorable="d"
Title="XAML Demo" Height="350" Width="525">
<Grid x:Name="grid">
<Grid.RowDefinitions>
<RowDefinition Height="auto"></RowDefinition>
<RowDefinition Height="auto"></RowDefinition>
<RowDefinition Height="*"></RowDefinition>
</Grid.RowDefinitions>
<Button Grid.Row="0" x:Name="button1" Content="Button1"></Button>
<Button Grid.Row="0" x:Name="button2" Content="Button2"
Local:MyAttachedPropertyProvide.MyProperty="5"></Button>
<ListBox Grid.Row="2" x:Name="list1"></ListBox>
</Grid>
</Window>
C#的使用
public MainWindow()
{
InitializeComponent();
MyAttachedPropertyProvide.SetMyProperty(button1, );
list1.Items.Add(MyAttachedPropertyProvide.GetMyProperty(button1));
}
4 标记扩展
通过标记扩展 ,可 以扩展 XAML的 元素或特性语法 。 如果 XML特 性包含花括号,就表示这是标记扩展 的一个符号 。 特性的标记扩展常常用 作简写记号,而 不再使用 元素 。如StaticResourcrce
要创 建标记扩展 ,可 以定义一个派生 自基类 MarkupExtension的 类 。 大 多数标记扩展名 都有Extension后缀,有 了 自定义标记扩展后 ,就只需重写ProvideeValue()方 法 ,它 返回扩展的值 .返回的类型用MarkupExtensionReturnType注解。
public enum Operation { Add, Subtract, Multiply, Divide }
[MarkupExtensionReturnType(typeof(string))]
public class CalculatorExtension : MarkupExtension
{
public CalculatorExtension() { }
public double X { get; set; }
public double Y{ get; set; }
public Operation operation { get; set; }
public override object ProvideValue(IServiceProvider serviceProvider)
{
IProvideValueTarget provideValue = serviceProvider.GetService(typeof(IProvideValueTarget)) as IProvideValueTarget;
if (provideValue != null)
{
var host = provideValue.TargetObject as FrameworkElement;
var prop = provideValue.TargetObject as DependencyProperty;
}
;
switch (operation)
{
case Operation.Add:
result = X + Y;
break;
case Operation.Subtract:
result = X - Y;
break;
case Operation.Multiply:
result = X * Y;
break;
case Operation.Divide:
result = X / Y;
break;
default:
throw new ArgumentException("error");
}
return result.ToString();
}
}
CalculatorExtension
<Window x:Class="XMAL.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:XMAL"
mc:Ignorable="d"
Title="XAML Demo" Height="350" Width="525">
<StackPanel>
<TextBlock Text="{Local:Calculator operation=Add,X=3,Y=4}"/>
<TextBlock>
<TextBlock.Text>
<Local:CalculatorExtension>
<Local:CalculatorExtension.operation>
<Local:Operation>Multiply</Local:Operation>
</Local:CalculatorExtension.operation>
<Local:CalculatorExtension.X>7</Local:CalculatorExtension.X>
<Local:CalculatorExtension.Y>11</Local:CalculatorExtension.Y>
</Local:CalculatorExtension>
</TextBlock.Text>
</TextBlock>
</StackPanel>
</Window>
5 XAML定义的标记扩展
用 XAML定 义 的其他标记扩展有 TypeExtension(x:Type) ,它 根据字符 串输入返 回类 型 ;NullExtension(x:Null),它 可以用于在 XAML 中把值设置为空;StaticExtension(x:static),它 可调用类的静态成员。
未完待续。。。。。。。
XAML基础(一)的更多相关文章
- Xamarin.Forms移动开发系列4 :XAML基础
摘要 本文介绍Xamarin.Forms创建用户界面的语言:XAML基础部分. 前言 本文介绍Xamarin.Forms定义用户界面的语言:XAML. 本篇篇幅较长,主要讲述XAML语法,以及对其他基 ...
- WPF学习里程(二) XAML基础
1.什么是XAML? 官方语言: XAML是eXtensible Application Markup Language的英文缩写,相应的中文名称为可扩展应用程序标记语言,它是微软公司为构建应用程序用 ...
- Windows Phone 一、XAML基础语法
XAML的命名空间 命名空间格式:语法结构为“xmlns:”+“命名空间前缀名”,默认命名空间无需定义命名空间前缀名“xmlns” 命名空间的声明 <Page x:Class="App ...
- XAML基础
1.标记扩展 将一个对象的属性值依赖在其他其他对象的某个属性上 用法:标记属性的一般用法是:Attribute = Value,使用标记拓展,Value字符串是由一对花括号及其括起来的内容组成,XAM ...
- 一,XAML基础
RuntimeNameProperty特性:为什么<Grid x:Name="grid1"></Grid>等价于<Grid Name="gr ...
- WPF系列(1)WPF和XAML基础
终于下定决心开始更新WPF一个系列的文章,这里主要是出于两个目的,一是自己对所学的知识有一个系统的总结,二十希望能对其他人有些帮助,如果您觉得我写的不好,欢迎提意见. 那么既然我要开始写WPF,那我们 ...
- WPF学习笔记1——XAML之1
参考文献: http://msdn.microsoft.com/zh-cn/library/ms752059(v=vs.110).aspx <Pro WPF 4.5 in C# > 一.X ...
- 什么是XAML?
XAML类似于XML一样的一种标记语言,主要用来设计UI. 对于XAML的历史,哪些都是废话了,至于Microsoft怎么整出XAML,然后,又怎么让XAML来开发windows 8应用程序,这些,都 ...
- Win10系列:UWP界面布局基础1
随着技术的不断发展,使用者对应用程序的界面体验提出了更高的要求,为了应对越来越复杂的界面设计需求和有效的简化界面开发过程,微软公司在其应用程序的开发技术当中引入一套新的应用程序界面描述语言,这就是XA ...
随机推荐
- Linux下经常使用的shell命令记录
硬件篇 CPU相关 lscpu #查看的是cpu的统计信息. cat /proc/cpuinfo #查看CPU信息具体信息,如每一个CPU的型号,主频等 内存相关 free -m #概要查看内存情况 ...
- Delphi 实现无窗口移动(详细使用WM_NCHITTEST和PtInRect API进行测试)
procedure imgListMouseDown(Sender: TObject; Button: TMouseButton; Shift: TShiftState; X, Y: Integer) ...
- csdn的登录框好难看
不好意思说实话了,新的登陆框样式挺难看的,那种橙不明朗,介于黄和橙之间,跟整个网站主色调红和黑很不搭.不过,倒是有点跟风Win8平实的style,但是比Win8更简陋了点. tooltip要不加都不加 ...
- ExtJs4 笔记(6) Ext.MessageBox 消息对话框
本篇演示消息对话框的用法,ExtJs封装了可能用到的各类消息框,并支持自定义的配置. 如下是用到的html: [html] <h1>各种消息框</h1> <div id= ...
- datarow用linq查询
List<string> f_guids = (from DataRow dr in dt2.Rows select dr["f_GUID"].ToString()). ...
- 并发编程实践五:ReentrantLock
ReentrantLock是一个可重入的相互排斥锁,实现了接口Lock,和synchronized相比,它们提供了同样的功能.但ReentrantLock使用更灵活.功能更强大,也更复杂.这篇文章将为 ...
- SpringMVC+Spring3+Hibernate4开发环境的搭建
在项目早期比较简单,大多用JSP .Servlet + JDBC 直接获取,以后使用 Struts1(Struts2)+Spring+Hibernate, 严格格按照分层概念驱动项目开发.利用这段时间 ...
- HNCU1100:彩票
http://hncu.acmclub.com/index.php?app=problem_title&id=111&problem_id=1100 题目描述 有一种彩票的玩法是从1~ ...
- wamp环境中mysql更改root密码
集成的wamp环境命令不好使,在phpmyadmin中更改密码 权限——root用户修改,执行 然后,你会发现你不能用phpmyadmin登陆了修改下phpmyadmin里面对应的密码就可以了将php ...
- Zero Clipboard - 跨浏览器兼容的“复制到剪贴板”功能
开发中经常会用到复制的功能,在 IE 下实现比较简单,但要想做到跨浏览器比较困难了. 本文将介绍一个跨浏览器的库类 Zero Clipboard ,它利用 Flash 进行复制,所以只要浏览器装有 F ...