《windows8.1应用与开发1.pptx

Windows 8.1 应用开发主讲人：王雷 邂逅xmalXMAL是Extensible Application Markup Language的缩写，翻译为“扩展应用标记语言”。语法规则主要用于定义应用程序的用户界面元素，与HTML相似,如定义一个Button：Button ……./ (或Button……../Button )文件模板生成XMAL文件都会引入x命名空间，它包含一些在开发过程中最常用到的属性。最常用x:Name x:Key x:Name为XMAL文档的元素命名，在编程后台代码就可以方便应用这些元素 比如：Button x:Name=“btn”……./X:Key 的使用方法与x:Name相似，只不过x:Key一般是用来声明资源的。比如Book x:Key=“mybook”……./ 一.扩展标记1.属性扩展请考虑以下数据模型：一个创新俱乐部包含名字，地点，成员，其中成员又包括成员的名字,班级等等属性 同样在一些对象中也有这样的情况，比如像在Button中就包括名字，长宽，背景，内容等等,内容又包括图形文字等等。Button x:Name=“btn” Height=“200” Width=“200” Button.Content StackPanel Orientation=“Horizontal” Rectangle……/ TextBlock……./ /StackPanel /Button.Content/button 上面代码中，由于Button包括Height，Width和Content,Content中包括Rectangle和TextBlock。StackPanel对象中包含Rectangle和TextBlock对象，并用整个StackPanel作为Button对象的Centenl属性，显然，字符串无法描述如此复杂的布局结构，因此，把Button对象的Content属性拆分为一对标签，即Button Button.Content 再把Content属性值的所有子级对象都放在Button.Content和 ……./Button.Content之间 /Button.Content//Button2.StaticResource扩展标记在XMAL中，同类控件在同一应用程序中或同一页面中，可能需要同一风格。如果控件数量很多，而且还要设置多个属性，如果逐个去设置不仅会花费太多时间，一旦某些属性值在后期维护中需要调整，这时候又得为每个控件单独去修改，那维护成本就会相当高。举个例子，一个页面上有3个TextBlock控件，每个控件字体大小，颜色都相同。只要事先定义一个样式资源，然后每个TextBlock对象都引用这个资源，就不必为每个控件去修改前景色和文体字体大小。 可省Page.Resources Style x:Key=“mf” TargetType=“TextBlock” Setter Property=“Fontsize” Value=“24”/ Setter Property=“Fontground” Value=“Red”/ /Style/Page.ResourcesStackPanelTextBlock Text=“…..” Style=“{StaticResource Resource=mf}/TextBlock Text=“…..” Style={StaticResource mf}/TextBlock Text=“…..” style={StaticResources mf}//StackPanel 写在大括号({……..})中 二 .界面布局 1. 线性布局—StackPanelStackPanel控件使子元素按照直线排列，排列的方式只有两种—水平和垂直。StackPanel默认是按垂直方向排列子元素的，要改变为水平方向，可以将Orientation属性设置为Horizontal。它是枚举类型，定义了一下两个值：（1）Horizontal:元素沿水平方向排列。（2）Vertical:元素沿垂直方向排列。StackPanel Orientation=“Horizontal” Button Content=“btn1” Height=“100” Width=“100”/ Button Content=“btn2” Height=“100” Width=“100”//StackPanel2.精确定位—CanvasCanvas是使用具体的坐标值来定位子元素的，坐标原点在Canvas区域的左上角。Canvas控件是通过设置其属性来定位子元素的，属性的设置是附加到它的子元素中。三个属性：（1）Left:子元素的水平坐标（x轴）（2）Top：子元素的垂直坐标（y轴）（3