《设计WndowsPhone应用.docVIP

设计Windows Phone 应用 内容预告： Windows Phone 设计 设计一个应用 介绍XAML布局 样式和主题 设计时数据显示 数据绑定 Lists 和 LongListSelector Windows Phone 设计风格：WindowsPhone团队的设计灵感来自大都市的标牌，开发时应反映这种风格。 Windows Phone 设计原则：1，清爽，简单，开放，快速 快速响应 专注主要功能 用很少做很多 减少不必要的元素 令人愉快地使用空间 全屏绘制 2，展示排版 清晰且漂亮 直接表达信息 坚定地偏向重量，平衡，缩放 3，充满情感 感觉灵敏和鲜活 创造一个系统 增加可用性 体现UI之间的过渡的重要性 增加维度和深度 4，内容，而非装饰 深入内容，取代装饰 取消非内容的视觉 内容即UI 直接与内容交互 5，真实的数字化 为形式因素设计 不要尝试做不该做的 直接 先在纸上设计： 早点设计导航： 开始用工具构建：设计好看程序的方法是把设计和开发分开。XAML和WindowsPhone开发工具就是为了达到这个目的。 图形设计工具：Blend 写代码的工具：Visual Studio 设计风格和开发：先让程序能运行，写优秀的代码没有UI也没人用的，写手机应用时要格外注意UI，将UI设计人员带入到开发团队中。 应用开发模板： Windows Phone App，最基本的模板 Windows Phone Databound App，基于MVVM的模板 Windows Phone Pivot App，用Pivot导航的模板 Windows Phone Panorama application，基于Panorama的模板 应用程序类型：三种不同的UI类型 Pivot页面： XAML和对象：每一个XAML元素都被声明成一个对象。XAML是基于XML的语言，是用XML表现UI的方式。XAML元素等于System.Windows.Controls下的对象。 XAML显示元素： 显示元素属性：每个元素都包括位置，高宽，颜色和大小等属性，这些值在显示时会使用，但如果代码里有修改的话，效果也会随之改变。意思是代码后于XAML起效。 XAML元素类继承关系：每个类都继承于 FrameworkElement，可以自定义派生控件。 XAML 和 元素： phone:PivotItem Header=recipe Grid Grid.RowDefinitions RowDefinition Height=240/ RowDefinition Height=*/ RowDefinition Height=Auto/ /Grid.RowDefinitions Image x:Name=RecipeImage Stretch=UniformToFill/ ScrollViewer Grid.Row=1 TextBlock x:Name=DirectionsTextBlock TextWrapping=Wrap / /ScrollViewer StackPanel Grid.Row=2 Orientation=Horizontal TextBlock Text=Prep time: / TextBlock MinWidth=200 x:Name=PrepTimeTextBlock / /StackPanel /Grid /phone:PivotItem Grid包含元素： !--Pivot item one-- phone:PivotItem Header=recipe Grid Grid.RowDefinitions RowDefinition Height=240/ RowDefinition Height=*/ RowDefinition Height=Auto/ /Grid.RowDefinitions Image x:Name=RecipeImage Stretch=UniformToFill/ ScrollViewer Grid.Row=1 TextBlock x:Name=DirectionsTextBlock TextWrapping=Wrap / /ScrollViewer StackPanel Grid.Row=2 Orientation=Horizontal TextBlock Text=Prep time: /