More Related Content
Similar to Somthing You Must Know About XAML
Similar to Somthing You Must Know About XAML (6)
Somthing You Must Know About XAML
- 1. 你必须知道的XAML
- 3. 对象树 XAML解析器 行为 模板样式 MVVM 设计时/运行时 附加属性 何为XAML XAML在Silverlight中的作用 XAML命名空间 声明对象 设置属性 标记扩展 类型转换器 事件
- 4. XAML XAML是一种描述Silverlight界面组件的标记语言 它通过一种语言结构来显示对象之间的分层关系 在隐藏文件中响应事件和处理XAML中的对象 <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> <TextBox Height="72" HorizontalAlignment="Left" Margin="8,19,0,0" Name="firstNumberTextBox" Text="0" VerticalAlignment="Top" Width="460" TextAlignment="Center" /> <Button Content="equals" Height="72" HorizontalAlignment="Left" Margin="158,275,0,0" Name="equalsButton" VerticalAlignment="Top" Width="160" Click="equalsButton_Click" /> </Grid>
- 7. Windows Phone 设置属性 使用属性语法 <objectName propertyName="propertyValue" .../> 使用属性元素语法 <object.property> 使用内容元素语法 Border的Child属性 TextBlock的Text属性 Button的Content属性 使用集合语法 调用Add方法
- 10. Windows Phone 事件 private void equalsButton_Click(object sender, RoutedEventArgs e) { float v1 = float.Parse(firstNumberTextBox.Text); float v2 = float.Parse(secondNumberTextBox.Text); float result = v1 + v2; resultTextBlock.Text = result.ToString(); }
- 11. Windows Phone 从启动页面 开始 this.RootVisual=new MainPage() Windows Phone中在WMAppManifest.xml中指定
- 13. 13 XAML 对象树
- 14. XAML 中每一个元素 都是对象
- 16. XAML怎样被转化为界面？
- 17. XAML解析器 顺序解析 调用默认构造函数 各种各样的解析器 WF Silverlight 设计时（Expression Blend） 运行时 Expression Blend就是一个XAML解析器
- 19. 公共无参 构造函数 每个类型必须有一个公共无参构造函数 任何类型（非UI元素）均可以出现在XAML中 自定义类型构造函数不应该执行网络请求，文件访问等操作 它应该只被用于初始化数据 Blend中的DataSample <phone:PhoneApplicationPage.Resources> <local:Album x:Key="myAlbum"/> </phone:PhoneApplicationPage.Resources> public class Album { public string Name { get; set; } public string Description { get; set; } }
- 21. <control:FunctionLayer x:Name="func3" Center="1220,475" BeginTime="0:0:0.45"> <control:FunctionLayer.Functions> <control:FunctionCollection> <control:ImagesFunctionInfo Url="/Images/300C/icons/3-1.png" OffsetY="-90" esPath="Images/300c/images_3"/> <control:VideoFunctionInfo Url="Videos/300C/300cVideo1.wmv" OffsetX="-60" OffsetY="10" /> <control:TianFunctionInfo Url="/Images/300C/icons/3-3.png" OffsetX="60" OffsetY="13" IconFuncSize="120,80"/> <control:ImageFunctionInfo Url="/Images/300C/big.jpg" OffsetY="90" IsIcon="False" IconFuncSize="120,110"/> </control:FunctionCollection> </control:FunctionLayer.Functions> </control:FunctionLayer> public class FunctionCollection : List<FunctionInfo> { } public class ImageFunctionInfo : FunctionInfo { } public class VideoFunctionInfo : FunctionInfo { }
- 23. 运行时 设计时 UI元素是一些具有布局属性的类型（Margin，Canvas.Left…） 知道怎么构造和初始化对象之后，系统根据对象的布局属性绘制到显卡 为了可视化设计应用程序 设计器将这个绘制的过程在设计时执行一次 设计时只执行XAML文件的构造函数（不执行时间） 所以需要放到XAML中的类型构造函数不能有有延迟的操作（如IO 编译的时候执行构造函数 修改XAML的时候动态执行构造函数 public partial class WindowsPhoneControl1 : UserControl { public WindowsPhoneControl1() { InitializeComponent(); MessageBox.Show("在设计器中也能看到我吧"); } }
- 25. 各种各样的 XAML解析器 XAML用来描述UI 解析器的职责 1. 构造对象 2. 根据系统布局规则绘制元素 Expression Blend实际上就是一个解析器 运行时也包含一个解析器 Expression Blend 5和Visual Studio 11共享一个解析器 WF解析器 自定义解析器
- 26. 解析器的 内置行为 构造对象和给对象属性赋值只能初始化对象数据 对象添加事件使XAML不仅仅是布局 解析器还能根据特定的接口及类型做更强大的事情： 1. 事件（根据事件类型） 2. IAttachedObject （Behavior，Action，Trigger） 3. VisualStateManager 4. 执行动画预览 5. Blend的模板设计支持 6. 标记扩展 根据后面要讲的附加属性等概念，可以为解析器添加更多有趣的处理方式 从而使设计时的工具或者运行时功能更强大
- 27. IAttachedObject 的启示 供可以附加到另一个对象的对象使用的接口 IAttachedObject接口被以下附加属性识别： 1. Behaviors 2. Triggers 实现这个接口的对象能够得到父元素的引用 可以为父元素添加各种事件 从而使得XAML不仅仅提供视觉定义，还能提供各种视觉 行为（通过添加不同的事件响应） public interfaceIAttachedObject { DependencyObject AssociatedObject { get; } void Attach(DependencyObject dependencyObject); void Detach(); }
- 29. 强大的 附加属性 Blend很多强大的功能都是通过附加属性来实现的 1. 行为 2. 动作 3. 触发器 4. 状态管理 附加属性通过不是直接修改元素，而是附加的方式，使得系统 或者开发者可以针对某些类型添加额外的功能 你完全可以发明一个比状态管理更酷的东西 Blend第四个版本新增的大部分功能都是这样实现的
- 36. MVVM 模块关系
- 38. MVVM 逻辑行为&视觉行为 ViewModel天然应该处理程序的逻辑 但是ViewModel也需要很UI打交道，如选中ListBox的某项，在ViewModel中做一定的业务处理，然后页面导航 视觉行为不应该出现在ViewModel中，ViewModel不应该包含控件的引用（不利于单元测试） 视觉行为从ViewModel中分离可以通过三种方式： 1. DataTrigger 2. View订阅ViewModel的事件 3. 类似Command，封装一个中间层，在这个中间层来处理UI变换
- 40. 现在 你觉得XAML怎么样？
- 42. 谢谢