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 ...
随机推荐
- 实现StatusBar的Flat风格
效果见右图,OfficeXP里就是这样的风格,其实实现很简单,不必专门在网上找别人控件. 把StatusBar的SimplePanel设为False,点击Panels添加StatusPanel,把所有 ...
- 《学习opencv》笔记——矩阵和图像处理——cvMinManLoc,cvMul,cvNot,cvNorm and cvNormalize
矩阵和图像的操作 (1)cvMinManLoc函数 其结构 void cvMinMaxLoc(//取出矩阵中最大最小值 const CvArr* arr,//目标矩阵 double* min_val, ...
- Swift - 九宫格图片缩放总结样例
1,图片左中右三宫格缩放形式 //左右14像素不变形,中间缩放 let imgTrackRight = UIImage(named:"slider_max") let imgRig ...
- Opencv笔记(1) 命名规则数据结构(CvMat,...)
网上搜索了很多,检查中发现的信息劣势,检查源代码 同Cv为类的开始.包含详细的数据不(仅存储指针) CvMat typedef struct CvMat { int type; int step; / ...
- Linux红黑树(二)——访问节点
核心对红黑树使用两点说明 1.头文件 <Documentation/rbtree.txt> Linux's rbtree implementation lives in the file ...
- 运行Dos命令并得到dos的输出文本(使用管道函数CreatePipe和PeekNamedPipe)
function RunDOS(const CommandLine: string): string;var HRead, HWrite: THandle; StartInfo: TStartup ...
- asp.net 下载任意格式文件 上传文件后台代码
思路:将文件转化为流,输出到页面上的iframe中去 //下载附件逻辑 object DownLoad(NameValueCollection nv) { int attachId = nv[&quo ...
- Mqtt协议IOS移植完1
MQTTClient.h #import <Foundation/Foundation.h> @protocol MQTTDelegate <NSObject> /** * @ ...
- c语言数组应用--统计随机数并打印直方图
C标准库中生成伪随机数的是rand函数,使用这个函数需要包含头文件stdlib.h,它没有参数,返回值是一个介于0和RAND_MAX之间的接近均匀分布的整数.RAND_MAX是该头文件中定义的一个常量 ...
- VS2008下OpenCV1.0的设置
原地址:http://hi.baidu.com/caicai_coco/item/0f3b23e1742e3f11595dd825 1.下载安装最新的OpenCV版本,我使用的是OpenCV_1.0. ...