2017年3月30日
摘要：
在微软北京和小朋友们参加编程一小时活动 阅读全文
posted @ 2017-03-30 22:32
冯瑞涛
阅读(302)
评论(0)
推荐(0)
摘要：
EllipseGeometry EllipseGeometry控件可以用于绘制椭圆，通过定义EllipseGeometry控件的Center属性确定椭圆的圆心坐标，使用此控件的RadiusX 和RadiusY属性分别定义椭圆X轴、Y轴的半径长度。下面将演示如何使用EllipseGeometry控件绘制一个椭圆。 在一个打开的Windows应用商店项目中新建一个空白页，并命名为EllipseGeo... 阅读全文
posted @ 2017-03-30 21:20
冯瑞涛
阅读(486)
评论(0)
推荐(0)
摘要：
LineGeometry LineGeometry控件通过指定直线的起点和终点来定义线。LineGeometry对象无法进行自我绘制，因此同样需要使用 Path元素来辅助呈现。LineGeometry与Line对象很相似，它们都没有内部面积，不过两者在用法上有些区别，通过定义LineGeometry的StartPoint与EndPoint属性来确定线的起点与终点。下面将演示如何使用LineGeom... 阅读全文
posted @ 2017-03-30 21:19
冯瑞涛
阅读(330)
评论(1)
推荐(0)
摘要：
RectangleGeometry 在使用RectangleGeometry控件绘制矩形时，矩形的位置和尺寸由Rect属性定义，该属性指定矩形的相对位置、高度和宽度。Rect有四个参数，前两个参数表示矩形左上角的位置，后两个参数分别表示矩形的宽和高。下面将通过示例演示如何使用RectangleGeometry控件绘制矩形。 在一个打开的Windows应用商店项目中新建一个空白页，并命名为Recta... 阅读全文
posted @ 2017-03-30 21:19
冯瑞涛
阅读(518)
评论(0)
推荐(0)
摘要：
路径 路径（Path）可以用来定义任意形状的曲线和几何图形，当然这种任意性也带来了复杂性。为了方便的绘制几何图形，微软在Visual Studio 2012安装包中为程序开发者提供了免费的Blend for Visual Studio设计工具，利用这个界面设计工具可以方便的绘制图形。 而对于开发者而言，有必要掌握的是如何通过编写代码的方式实现应用界面的开发，并可以轻松地阅读这些已经绘制好的图形代码... 阅读全文
posted @ 2017-03-30 21:18
冯瑞涛
阅读(426)
评论(0)
推荐(0)
摘要：
PathGeometry 前面介绍了Path的使用方法，接下来介绍PathGeometry类。PathGeometry提供了描绘由弧线、曲线和直线组成的多个复杂图形的方法。PathGeometry的核心是PathFigure对象集合，PathFigure自身由一个或多个PathSegment子类对象组成，每个子类对象均描绘几何图形的一个片段。下面列出了PathFigure对象集合中常用的线段类型。... 阅读全文
posted @ 2017-03-30 21:18
冯瑞涛
阅读(921)
评论(0)
推荐(0)
摘要：
多线形 多线形和多边形类似，不同点在于多线形中最后一个点和第一个点不会默认被连接。在多线形的点集中，可以存在同一个开始点和终结点因而会定义成闭合图形。下面将演示如何使用Polyline控件绘制一个多线形。 在一个打开的Windows应用商店项目中新建一个空白页，并命名为PolylinePage，双击打开此页面的PolylinePage.xaml文件，在Grid元素中添加如下绘制多线形的代码。 ... 阅读全文
posted @ 2017-03-30 21:17
冯瑞涛
阅读(331)
评论(0)
推荐(0)
摘要：
多边形 若要绘制多边形需要用到Polygon元素，并通过定义一系列的点绘制多边形。Polygon类型的对象有Points属性, 这个属性用来定义组成边的点集。在前台代码中，使用空格分隔各个点，然后利用逗号分隔坐标点来定义点坐标。不必为了将起点和终点指定为相同的值而声明闭合点，Polygon类假设要定义闭合形状，并且会自动将终点与起点连起来。下面将演示如何绘制一个多边形。 在一个打开的Windows... 阅读全文
posted @ 2017-03-30 21:16
冯瑞涛
阅读(489)
评论(0)
推荐(0)
摘要：
矩形 若要绘制矩形需要用到Rectangle元素，通过指定Rectangle元素的Width和Height属性值来确定矩形的尺寸。而设置RadiusX和RadiusY属性值能得到圆角的矩形，这两个属性分别表示圆角的x轴方向和y轴方向圆角的大小，RadiusX允许的最大值为Width的一半，RadiusY允许最大的值为Height的一半。矩形有内部空间，若想获得有填充颜色的矩形，需要设置Fill属性... 阅读全文
posted @ 2017-03-30 21:15
冯瑞涛
阅读(298)
评论(0)
推荐(0)
摘要：
椭圆 若要绘制椭圆需要用到Ellipse元素，通过指定Ellipse元素的Width和Height属性值来确定椭圆的大小，其中Width指椭圆在X轴的宽度，Height指椭圆在Y轴的高度，若X轴和Y轴的值相等则可绘制一个正圆。椭圆在UI布局中占据的是大小为Width和Height的矩形区域，图形外围的区域不呈现，但仍是该椭圆空间占位的一部分。下面将演示如何绘制一个椭圆图形。 在一个打开的Windo... 阅读全文
posted @ 2017-03-30 21:15
冯瑞涛
阅读(245)
评论(0)
推荐(0)
摘要：
线形 线形没有内部空间，若要呈现一条直线，需要用Line对象的Stroke和StrokeThickness 属性分别为其轮廓的颜色及轮廓的粗细赋值，若不设置这两个属性，线形将不会呈现。绘制一条线形图形应为代表两个点坐标的属性（X1，Y1）和（X2，Y2）赋值，默认这四项属性的值均为0，点（X1，Y1）代表线的起点，点（X2，Y2）代表线的终点。下面将演示如何绘制一条线形。 在一个打开的Window... 阅读全文
posted @ 2017-03-30 21:14
冯瑞涛
阅读(283)
评论(0)
推荐(0)
摘要：
Telerik UI Controls for Windows 8 Telerik UI Controls for Windows 8是一套为创建Windows UWP应用而设计的工具集，开发人员可以将其中所提供的控件应用到Windows UWP应用中。按照4.7.1节介绍的步骤搜索并安装此扩展控件后，当在Visual Studio中打开设计器时， 工具箱窗口中会出现名为Telerik RadCo... 阅读全文
posted @ 2017-03-30 21:12
冯瑞涛
阅读(990)
评论(0)
推荐(0)
摘要：
SemanticZoom控件 SemanticZoom控件由相互关联的缩小视图和放大视图所组成，缩小视图用来显示内容的索引，放大视图可以用来显示内容的详细信息，用户可以根据阅读需要在两种视图之间自由切换。 在XAML文件中，SemanticZoom控件的用法如下所示： 下面介绍一下SemanticZoom控件的几个... 阅读全文
posted @ 2017-03-30 21:07
冯瑞涛
阅读(360)
评论(0)
推荐(0)
摘要：
ListView控件 ListView控件的常用方式是与后台数据进行绑定，并将所绑定的数据内容与前端界面布局相结合，按照特定的顺序将数据集合以列表形式展示在界面当中，如电子邮件列表或搜索结果列表等。 在XAML文件中，ListView控件的用法如下所示： -或- 下面介绍一下ListView控件的常用属性： Header属性，获取或设置ListView控件的标题内容。 Items属... 阅读全文
posted @ 2017-03-30 21:07
冯瑞涛
阅读(205)
评论(0)
推荐(0)
摘要：
ScrollViewer控件 ScrollViewer控件包含一个水平和一个竖直滚动条以及一个可滚动的内容显示区域，在显示区域内可以放置其他可见控件。ScrollViewer控件的水平和垂直滚动条两端各有一个箭头，中间有一个可以上下或左右滑动的滑块。当放置在ScrollViewer控件中的内容超出它的边界时，会显示水平或竖直滚动条，通过移动滚动条上的滑块或单击滑动条两端的箭头，可以看到被隐藏部分的... 阅读全文
posted @ 2017-03-30 21:06
冯瑞涛
阅读(260)
评论(0)
推荐(0)
摘要：
Popup控件 在应用程序中使用Popup控件时，通常会先将其设置为隐藏状态，当用户触发应用中已定义的事件时，Popup控件将以弹出窗口的方式显示相关信息来提示用户操作。 在XAML文件中，Popup控件的用法如下所示： -或- 下面介绍一下Popup控件的几个常用属性： VerticalOffset属性，获取或设置弹出的Popup控件与页面顶端的竖直距离。 HorizontalO... 阅读全文
posted @ 2017-03-30 21:05
冯瑞涛
阅读(267)
评论(0)
推荐(0)
摘要：
WebView控件 使用WebView控件可以在应用中添加一个简易的网页浏览器窗口，将指定地址的网页内容显示出来，并可以通过WebView控件所提供的方法、属性及事件，实现如页面导航、HTML文本解析等操作。 在XAML文件中，WebView控件的用法如下所示： 下面介绍一下WebView控件的几个常用属性： Name属性，获取或设置WebView控件的名称。 Source属性，获取或设置在We... 阅读全文
posted @ 2017-03-30 21:05
冯瑞涛
阅读(410)
评论(0)
推荐(0)
摘要：
ToolTip控件 ToolTip控件常作为一些控件的子元素，当鼠标移动到指定控件上时在界面上弹出一个信息提示框。例如，为了节省窗体上的空间或增加美观性，仅在按钮上显示一个指示性图案，当鼠标移动到按钮图案上时，弹出一个解释该按钮功能的文字提示框。 在XAML文件中，ToolTip控件的用法如下所示： -或- -或- 下面介绍一下ToolTip控件的常用属性： Content属... 阅读全文
posted @ 2017-03-30 21:04
冯瑞涛
阅读(270)
评论(0)
推荐(0)
摘要：
ProgressBar控件 有时候用户需要执行比较复杂的任务，等待任务完成需要很长时间，在等待的过程中一般会使用进度条提示当前任务的执行进度，让用户更好的掌握任务的执行状态，例如在下载资源时会显示下载进度，发送文件时会显示发送进度等。使用ProgressBar控件能够在界面中为用户提供任务进度变化信息。 ProgressBar控件分为确定进度条和不确定进度条两种进度显示样式。确定进度条通过从左到右... 阅读全文
posted @ 2017-03-30 21:03
冯瑞涛
阅读(286)
评论(0)
推荐(0)
摘要：
ProgressRing控件 上一小节讲解了ProgressBar控件的使用方法，ProgressRing控件和ProgressBar控件都是用来显示应用程序当前任务的运行进度信息，区别在于ProgressRing控件以不确定进度环的样式显示进度信息。 在XAML文件中，ProgressRing控件的用法如下所示： ProgressRing控件有一个重要属性IsActive，表示是否显示不确定进... 阅读全文
posted @ 2017-03-30 21:03
冯瑞涛
阅读(238)
评论(0)
推荐(0)
摘要：
Image控件 开发Windows应用商店应用时，除了在界面中显示文字信息以外，还可以加入图片来配合说明及增加美观度。使用Image控件能够实现显示图片的功能，开发者可以根据需求使图片按照不同的方式显示在界面中。 在XAML文件中，Image控件的用法如下所示： 下面介绍一下Image控件的两个常用属性： Source属性，获取或设置图片的地址源。 Stretch属性，表示图片的呈现状态，... 阅读全文
posted @ 2017-03-30 21:02
冯瑞涛
阅读(386)
评论(0)
推荐(0)
摘要：
TextBlock控件 TextBlock控件是应用程序开发过程中经常使用的控件之一，它的主要功能是显示一段只读的文本内容。开发者可以使用TextBlock控件来显示提示信息，还可以根据需求将显示的提示信息设置成不同的大小和样式。 在XAML文件中，TextBlock控件的用法如下所示： -或- -或- 下面介绍一下TextBlock控件的常用属性： FontFamily属性... 阅读全文
posted @ 2017-03-30 21:01
冯瑞涛
阅读(352)
评论(0)
推荐(0)
摘要：
RichEditBox控件 富文本格式是一种跨平台的文档格式，在这种格式的文档中可以编辑文本、图片、链接等内容。通过RichEditBox控件可以对富文本格式的文档进行编辑。 在XAML文件中，RichEditBox控件的用法如下所示： 下面通过一个示例演示RichEditBox控件的使用方法。 新建一个Windows应用商店的空白应用程序项目，并命名为RichEditBoxDemo，在Mai... 阅读全文
posted @ 2017-03-30 21:00
冯瑞涛
阅读(382)
评论(0)
推荐(0)
摘要：
TextBox控件 在前文中已经或多或少的接触到过TextBox控件。TextBox控件是一种常用的，也是比较容易掌握的文本编辑控件，它不仅可以接收输入的数据，还可以像TextBlock控件（TextBlock控件下文会有介绍）一样用于显示文本。 在XAML文件中，TextBox控件的用法如下所示： 下面介绍一下TextBox控件的常用属性： Height属性，获取或设置TextBox控件的高度... 阅读全文
posted @ 2017-03-30 20:54
冯瑞涛
阅读(281)
评论(0)
推荐(0)
摘要：
PasswordBox控件 在应用程序的登录界面中，有时需要用户输入用户名和密码进行身份验证，应用程序中的密码框可以通过使用PasswordBox控件来实现。PasswordBox控件与TextBox控件都可以用于接收用户输入的数据，但是区别在于，PasswordBox控件会以密文形式显示用户输入的信息，从而达到隐藏输入密码的效果。 在XAML文件中，PasswordBox控件的用法如下所示： ... 阅读全文
posted @ 2017-03-30 20:54
冯瑞涛
阅读(392)
评论(0)
推荐(0)
摘要：
ToggleSwitch控件 在应用程序中ToggleSwitch控件可以模拟一个允许用户在启用和禁用两种状态之间进行切换的物理开关，ToggleSwitch控件的功能与我们在日常生活中所使用的电源开关类似。 在XAML文件中，ToggleSwitch控件的用法如下所示： 下面介绍一下ToggleSwitch控件的常用属性： Header属性，获取或设置ToggleSwitch控件的标题内容。 ... 阅读全文
posted @ 2017-03-30 20:53
冯瑞涛
阅读(695)
评论(0)
推荐(0)
摘要：
RadioButton控件 在应用程序的开发过程中开发者经常使用多个RadioButton控件来显示一组单选按钮，仅允许用户从中选择一项。RadioButton控件和CheckBox控件的差别在于，用户可以一次选择多个CheckBox复选框，而RadioButton单选按钮却只能选择同组中的一个。 在XAML文件中，RadioButton控件的用法如下所示： -或- 下面介绍一下R... 阅读全文
posted @ 2017-03-30 20:52
冯瑞涛
阅读(463)
评论(0)
推荐(0)
摘要：
Slider控件 Slider控件包含一个滑动条、一个滑动块和一个取值范围，沿滑动条移动滑动块可以在取值范围内改变Slider控件的值。Slider控件的用途很广泛，例如可以使用Slider控件来设置和表示音响的音量、屏幕的对比度等。 在XAML文件中，Slider控件的用法如下所示： 下面介绍一下Slider控件的常用属性： Value属性，获取或设置Slider控件滑块当前位置的值。... 阅读全文
posted @ 2017-03-30 20:52
冯瑞涛
阅读(341)
评论(0)
推荐(0)
摘要：
ListBox控件 上一小节介绍的ComboBox控件在外观上仅显示当前选中的选项，通过单击此控件文本框才能看到其他选项，而ListBox控件能够以列表形式始终显示选项。在ListBox控件中可以添加多个ListBoxItem列表项来组成一个列表，允许用户在列表中选择一项或多项。 在XAML文件中，ListBox控件的用法如下所示： -或- 下面介绍一下ListBox控件的常用属性... 阅读全文
posted @ 2017-03-30 20:51
冯瑞涛
阅读(299)
评论(0)
推荐(0)
摘要：
ComboBox控件 ComboBox控件包含一个不可编辑的文本框和一个下拉列表，这个下拉列表是由多个ComboBoxItem子元素组成的。使用ComboBox控件可以节省界面空间，因为ComboBox控件仅显示当前选中的选项，可以通过单击文本框展开下拉列表查看其他选项。如果希望所有选项始终可见，可以使用ListBox控件（ListBox控件下文会有介绍）。 在XAML文件中，ComboBo... 阅读全文
posted @ 2017-03-30 20:50
冯瑞涛
阅读(503)
评论(0)
推荐(0)
摘要：
CheckBox控件 在应用程序的开发过程中开发者经常使用一组CheckBox控件来显示多个复选框，让用户从中选择一个或多个。当用户勾选复选框后，被选中的复选框会被标记为勾选状态，再次点击此复选框可取消勾选。下面介绍CheckBox控件的使用方法。 在XAML文件中，CheckBox控件的用法如下所示： -或- -或- 下面介绍一下CheckBox控件的常用属性： Conte... 阅读全文
posted @ 2017-03-30 20:49
冯瑞涛
阅读(241)
评论(0)
推荐(0)
摘要：
HyperlinkButton控件 HyperlinkButton控件是以超链接文本形式显示的按钮，可以为其NavigateUri属性设置一个URI地址，当单击超链接文本按钮时，将会使用浏览器打开在HyperlinkButton控件中定义的URI地址页面。 在XAML文件中，HyperlinkButton控件的用法如下所示： -或- -或- 下面介绍一下HyperlinkBu... 阅读全文
posted @ 2017-03-30 20:48
冯瑞涛
阅读(254)
评论(0)
推荐(0)
摘要：
Button控件 在Windows应用商店应用的开发中，Button控件是使用比较频繁的控件之一，当用户单击Button控件时，会触发相应的单击事件并在定义好的事件处理方法中执行指定的功能。下面将介绍Button控件的使用方法。 在XAML文件中，Button控件的用法如下所示： -或- -或- 下面介绍一下Button控件的常用属性： Content属性，获取或设置Butt... 阅读全文
posted @ 2017-03-30 20:47
冯瑞涛
阅读(377)
评论(0)
推荐(0)
摘要：
Grid Grid元素用来定义一个由行和列构成的网格，这是一个功能强大的布局容器，当新建一个页面时会默认选用Grid作为顶级布局元素，下面将通过三个示例来介绍Grid的使用方法。 （1）定义Grid的行与列并向Grid中添加元素 可以通过向Grid元素的Grid.RowDefinitions属性元素中添加RowDefinition元素来定义行或向Grid元素的Grid.ColumnDefiniti... 阅读全文
posted @ 2017-03-30 13:51
冯瑞涛
阅读(556)
评论(0)
推荐(0)
摘要：
StackPanel StackPanel能够以水平或垂直的方式整齐地排列位于其内部的元素。通过设置StackPanel的Orientation属性可以定义内部元素的排列方式，当将Orientation属性的值设置为Horizontal时内部元素会以水平方式排列，当为Vertical时内部元素会以垂直方式排列，该属性默认以垂直方式排列。下面通过一个示例来介绍 StackPanel元素的使用方法。 ... 阅读全文
posted @ 2017-03-30 13:50
冯瑞涛
阅读(353)
评论(0)
推荐(0)
摘要：
Canvas Canvas元素用于定义一个区域，可以向这个区域中添加不同的XAML界面元素。Canvas会对其内部的元素采用绝对布局方式进行布局，下面通过三个示例来介绍Canvas的使用方法。 （1）Canvas相对定位与嵌套 在定义Canvas子元素的位置时，需要设置这个元素的Canvas.Left或Canvas.Top属性，其中Canvas.Left属性表示该元素与Canvas左侧边框之间的距... 阅读全文
posted @ 2017-03-30 13:49
冯瑞涛
阅读(831)
评论(0)
推荐(0)
摘要：
在Windows 10的"个性化设置"中，用户可以更改计算机在锁屏状态下的背景图片，除此之外，也可以通过Windows应用商店应用程序将喜欢的图片设置为锁屏背景，下面通过一个示例来介绍如何实现这一功能，在本示例中将为页面添加"选择图片"和"设置锁屏背景"两个按钮，通过单击"选择图片"按钮进入图片选择页面，用户可以从本地文件夹中选择一张图片，单击"设置锁屏背景"按钮将选择的图片设置为锁屏背景。 启动... 阅读全文
posted @ 2017-03-30 13:48
冯瑞涛
阅读(297)
评论(0)
推荐(0)
摘要：
提示框 在Windows应用商店应用程序中可以使用提示框来向用户显示提示信息，例如可以通过对话框来询问用户当前需要执行的操作，还可以通过弹出窗口来显示需要注意的信息。本节将向读者介绍如何在Windows应用商店应用程序中添加对话框和弹出窗口。 （1）对话框 在应用程序运行的过程中，当向用户进行询问并希望得到用户明确回应时可以使用对话框。在弹出对话框时应用程序会暂时停止运行，待用户做出明确回应之后继... 阅读全文
posted @ 2017-03-30 13:47
冯瑞涛
阅读(353)
评论(0)
推荐(0)
摘要：
在开发Windows应用商店应用程序时，可以为页面中的界面元素添加快捷菜单，并设置与其相关的菜单项，用户通过选择快捷菜单中的菜单项来执行与被选择对象相关的操作。下面通过一个示例来介绍如何为页面中的一张图片添加快捷菜单，并在快捷菜单中设置"复制"及"另存为"菜单项。 启动Visual Studio 2012，新建一个Windows应用商店的空白应用程序项目并将其命名为ShortcutMenuSett... 阅读全文
posted @ 2017-03-30 13:46
冯瑞涛
阅读(335)
评论(0)
推荐(0)
摘要：
与以往的Windows操作系统不同，Windows 10操作系统在正式版当中取消了任务栏中的"开始"按钮，将大部分的应用程序图标放置在开始屏中，同时将系统设置等常用功能整合到了Charms Bar中。移鼠标至屏幕的右上角或右下角，或同时按下"Windows+C"快捷键，可以看到在屏幕的右侧会出现一个功能栏，这就是Windows 10中的魔法栏。在魔法栏中共包含5个功能按钮： 搜索按钮，能搜索应用程... 阅读全文
posted @ 2017-03-30 13:43
冯瑞涛
阅读(311)
评论(0)
推荐(0)
摘要：
为了让用户可以在流畅浏览应用界面的同时提供与应用相关的功能按钮，Windows 10系统在用户界面当中引入了侧边栏，侧边栏可以在用户有需要对应用或者系统进行操作时显示，在没有需要操作的时候自动隐藏，并且还可以根据应用程序当前所操作的功能显示不同的侧边栏按钮。 在Windows 10系统当中主要包括两种类型的侧边栏App Bar（应用栏）和Charms Bar（魔法栏），下面将分别为读者介绍这两种侧... 阅读全文
posted @ 2017-03-30 13:40
冯瑞涛
阅读(417)
评论(0)
推荐(0)
摘要：
全新的Windows 10 操作系统支持多种视图模式，用户可以根据需要选择不同的视图模式显示应用。当用户同时浏览或操作多个应用程序时，可以将应用视图调整为辅屏视图或填充视图，这样在一个屏幕中可以同时对两个应用进行操作，并且两个应用之间不会相互受到影响。除此之外当用户在使用平板电脑阅读电子书时，可以选择使用全屏竖直视图以获得更加真实的阅读体验。在图5-1中列出了Windows 10系统中几种常用的视... 阅读全文
posted @ 2017-03-30 13:39
冯瑞涛
阅读(436)
评论(0)
推荐(0)
摘要：
画刷 画刷（Brush）用于为图形元素填充颜色。在XAML中，画刷有许多属性，其中较常使用的是Fill属性和Stroke属性，Fill用于填充图形的背景色，而Stroke用于设置图形的线条颜色。 在实际应用中，可以采用不同的填充方式填充背景色或设置线条颜色，以达到不同的视觉效果。这里我们简单介绍一下纯色画刷（SolidColorBrush）和线性渐变画刷（LinearGradientBrush），... 阅读全文
posted @ 2017-03-30 13:32
冯瑞涛
阅读(286)
评论(0)
推荐(0)
摘要：
样式继承 为了使样式便于维护及重复使用，可以在一个样式上引用其他的样式，这就是样式继承。样式继承的方法是：在Style元素的BasedOn属性上使用StaticResource标记扩展来引用被继承的样式。 由继承的概念可知，继承样式会自动继承被继承样式中的属性设置。如果更改继承样式中某个属性的值，而这个属性也在被继承样式中设置，那么继承样式中的值会覆盖被继承样式中的值。 例如，定义一个页面级别的C... 阅读全文
posted @ 2017-03-30 13:31
冯瑞涛
阅读(277)
评论(0)
推荐(0)
摘要：
在XAML中，样式、模板、画笔和动画等都被看做是资源，它们最终的作用都是相同的，就是让设计人员可以使用这些资源创建更好的视觉效果，对其设计的产品外观进行标准化统一，那么如何使用这些资源并组织和重用呢，本节就来讲解样式、模板、画笔和动画的概念，以及它们的使用方法。 3.3.1 样式 在开发应用程序过程中，添加一个控件时可以通过设置控件的属性来控制它的显示外观。例如，对于TextBox文本框，可以通过... 阅读全文
posted @ 2017-03-30 13:30
冯瑞涛
阅读(254)
评论(0)
推荐(0)
摘要：
路由事件 XAML不仅继承了传统的事件处理方式，还引入了一个增强型事件处理机制：路由事件（RoutedEvent）。路由事件和传统事件的不同是：路由事件允许一个对象触发事件后，可以同时拥有多个事件接收者。也就是说，路由事件可以针对多个对象（而不是仅针对触发该事件的对象）调用事件处理程序。 在XAML文件中，所有的元素对象构成一种嵌套结构，当应用程序运行时，也将按照层次结构顺序由外到内对这些元素对象... 阅读全文
posted @ 2017-03-30 13:28
冯瑞涛
阅读(585)
评论(0)
推荐(0)
摘要：
资源合并 前面提到过，可以将资源字典定义在单独的XAML文件中，这样的文件被称为资源字典文件。那么，在需要引用文件中的资源时可以通过ResourceDictionary元素的MergedDictionaries属性将资源字典文件合并到指定位置。 例如，要把两个XAML文件ResourceFile1.xaml和ResourceFile2.xaml中的资源字典合并到应用程序的资源字典当中，这时需要打开... 阅读全文
posted @ 2017-03-30 13:27
冯瑞涛
阅读(237)
评论(0)
推荐(0)
摘要：
2.附加属性 有一些XAML元素，其自身的属性大多是在其它的元素中声明和使用的，该元素本身却很少使用，这些在其他元素中声明和使用的属性被称为附加属性（Attached Properties）。附加属性是一种特殊的依赖项属性，其使用格式如下所示： ... 例如，在一个布局元素Canvas内添加一个按钮，按钮本身并没有设置任何属性来控制它的位置，但是Canvas中的两个依赖项属性Left和T... 阅读全文
posted @ 2017-03-30 13:27
冯瑞涛
阅读(373)
评论(0)
推荐(0)
摘要：
（2）编写后台代码访问资源 下面通过一个例子来演示如何编写后台代码引用资源。新建一个Windows应用商店的空白应用程序项目，将其命名为AccessResourceApplication，打开项目下的MainPage.xaml文件，首先定义一个页面级别的按钮样式资源，键为ButtonStyle，在样式中设置按钮的文本颜色为红色，然后在Grid元素内添加一个按钮，设置按钮的名字为SampleButt... 阅读全文
posted @ 2017-03-30 13:26
冯瑞涛
阅读(238)
评论(0)
推荐(0)
摘要：
类型转换 前面讲到过，在定义元素时可以通过Attributes特性方式为其设置属性并为属性赋值，在实际开发中所赋予的值可能和属性本身的数据类型不相符，这时XAML解析器就会使用类型转换器（Type Converter）对数据类型进行转换。 XAML中的类型转换是由.Net Framework的内置类型转换器自动实现的，转换过程是：XAML语法解析器首先检查被赋值的属性是否存在相应的内置类型转换器，... 阅读全文
posted @ 2017-03-30 13:25
冯瑞涛
阅读(297)
评论(0)
推荐(0)
摘要：
属性设置 在面向对象程序开发中，所提及的属性通常指的是对象的属性。在XAML代码中，定义元素时也可以为其设置属性，例如对于一个TextBox元素，有背景属性、宽度属性和高度属性等。为了满足实际应用的需求，XAML语言提供了两种常用的方法来设置元素的属性。 （1）通过Attribute特性语法设置元素的属性 也就是在元素的开始标签中直接定义一个或多个隶属于该元素的属性，并为属性赋值，其语法结构如下所... 阅读全文
posted @ 2017-03-30 13:24
冯瑞涛
阅读(249)
评论(0)
推荐(0)
摘要：
在实际项目开发中，为控件属性赋值时经常会遇到属性值在设计时处于未知状态，而只有在应用程序运行时才能获取到。这种情况下，直接赋值方法是无法满足的，可以使用XAML标记扩展（Markup Extensions）来轻松实现。XAML中常用的标记扩展包括如下四种。 （1）Binding Binding是绑定标记扩展，用于把源对象的属性值绑定到目标对象的属性值上，同样也可以将目标对象的属性值绑定到源对象的属... 阅读全文
posted @ 2017-03-30 13:24
冯瑞涛
阅读(191)
评论(0)
推荐(0)
摘要：
随着技术的不断发展，使用者对应用程序的界面体验提出了更高的要求，为了应对越来越复杂的界面设计需求和有效的简化界面开发过程，微软公司在其应用程序的开发技术当中引入一套新的应用程序界面描述语言，这就是XAML。 XAML是eXtensible Application Markup Language的英文缩写，相应的中文名称为可扩展应用程序标记语言。与很多读者所熟知的HTML相似，XAML的作用同样也是... 阅读全文
posted @ 2017-03-30 13:22
冯瑞涛
阅读(380)
评论(0)
推荐(1)
摘要：
（3）C++/CX调用WinRT组件 在解决方案资源管理器中右键点击解决方案图标，选择添加一个Visual C++的Windows应用商店的空白应用程序项目，并命名为FileCPP。接着右键点击FileCPP项目的项目名，选择"引用"，弹出"FileCPP属性页"窗口，在此窗口中单击"添加新引用"按钮，并在出现的"添加引用"窗口中勾选"解决方案"的"项目"栏中的FilePickerComponen... 阅读全文
posted @ 2017-03-30 13:19
冯瑞涛
阅读(240)
评论(0)
推荐(0)
摘要：
（2）C#调用WinRT组件 在解决方案资源管理器中右键点击解决方案图标，选择添加一个Visual C#的Windows应用商店的空白应用程序项目，并命名为FileCS。接着右键点击FileCS项目的项目名，选择"添加引用"，弹出"引用管理器-FileCS"窗口，并在"解决方案"的"项目"栏中选择FilePickerComponent组件，单击"确定"按钮，将这个WinRT组件引入到项目中。 接着... 阅读全文
posted @ 2017-03-30 13:18
冯瑞涛
阅读(208)
评论(0)
推荐(0)
摘要：
通过20.9.1小节中的代码和步骤编写了一个名为"FilePickerComponent"的WinRT组件，接下来将在上一小节所新建的项目基础上，继续介绍如何在不同的语言所编写的应用中调用这个WinRT组件。 （1）JavaScript调用WinRT组件 在解决方案资源管理器中右键点击解决方案图标，选择添加一个JavaScript的Windows应用商店的空白应用程序项目，并命名为FileJS。接... 阅读全文
posted @ 2017-03-30 13:17
冯瑞涛
阅读(395)
评论(0)
推荐(0)
摘要：
在Visual Studio 中新建一个Visual C++的 Windows应用商店的Windows运行时组件项目，并将项目命名为FilePickerComponent。然后在项目的解决方案资源管理器窗口中右键点击项目图标，在弹出的菜单栏中选中"添加"， 并在"添加"的子菜单栏中选择"新建项"，在出现的"添加新项"窗口中选中"头文件(.h)"，添加名为"FilePicker.h"的头文件。然后使... 阅读全文
posted @ 2017-03-30 13:16
冯瑞涛
阅读(359)
评论(0)
推荐(0)
摘要：
通过前面的介绍，相信读者已经了解了如何新建一个用于开发Direct3D应用程序的项目模版，以及这个项目模版中用于绘制立体图形的主要函数。在本小节中，将通过一个具体的示例来介绍如何使用Visual Studio提供的Direct3D项目模版来绘制一个立体三角形，并使此立体三角形绕X轴进行旋转。 在Visual Studio中新建一个Visual C++的Windows应用商店的Direct3D应用程... 阅读全文
posted @ 2017-03-30 13:14
冯瑞涛
阅读(731)
评论(0)
推荐(0)
摘要：
（3）CreateDeviceResources函数 CreateDeviceResources函数默认添加在CubeRenderer.cpp源文件中，此函数用于创建着色器和立体图形顶点。接下来分别介绍CreateDeviceResources函数中用于创建着色器和立体图形顶点的具体实现代码，首先来看创建着色器的代码。 在介绍CreateDeviceResources函数中用于创建着色器的实现代... 阅读全文
posted @ 2017-03-30 13:11
冯瑞涛
阅读(400)
评论(0)
推荐(0)
摘要：
（4）Render函数 默认定义在CubeRenderer.cpp源文件中的Render函数用于绘制立体图形，此函数的实现代码如下所示： void CubeRenderer::Render() { //背景色 const float midnightBlue[] = {0.098f,0.098f,0.439f,1.000f}; //设置背景 m_d3dC... 阅读全文
posted @ 2017-03-30 13:11
冯瑞涛
阅读(305)
评论(0)
推荐(0)
摘要：
Visual Studio为开发Direct3D应用程序提供了便捷的模版，读者可以不必手动去新建Direct3D中所使用到的基础资源，而只需专注于图形的绘制。本小节主要为读者介绍这个模版中用于绘制图形的主要函数及其功能，为了能让读者更为清楚地了解如何使用此模版绘制三维立体图形，下面的介绍将分为四部分，其中第一部分介绍在Visual Staudio 2012中如何新建Direct3D项目模版，第二部... 阅读全文
posted @ 2017-03-30 13:10
冯瑞涛
阅读(382)
评论(0)
推荐(0)
摘要：
在介绍如何使用Direct3D项目模版来绘制立体图形之前，首先为读者介绍在Direct3D应用程序开发过程中涉及到的一些常用概念。 （1）资源 资源是指可以被Direct3D图形管线所访问的内存空间，Direct3D使用资源来存储输入输出数据，如几何、纹理和着色数据。在Direct3D图形管线中将资源分为缓存资源和纹理资源，这些资源的具体含义如下： 缓存资源，是一组指定类型的数据集合，分为顶点缓存... 阅读全文
posted @ 2017-03-30 13:07
冯瑞涛
阅读(986)
评论(0)
推荐(0)
摘要：
20.7.2小节介绍了如何使用Direct2D在应用窗口中绘制图片，本小节将基于20.7.2小节的项目进一步介绍如何实现文本的绘制。打开D2DBasicAnimation.h头文件，并在D2DBasicAnimation类中添加如下的代码： private: //声明成员变量textLayout Microsoft::WRL::ComPtr textLayout; //声明... 阅读全文
posted @ 2017-03-30 13:05
冯瑞涛
阅读(712)
评论(0)
推荐(0)
摘要：
在使用Direct2D绘制图片的过程中，通过IWICImagingFactory工厂接口来得到绘制图片所需要的资源。本小节将介绍如何通过IWICImagingFactory工厂接口得到这些资源，并使用这些资源在应用窗口中绘制一张图片。在20.7.1小节所新建的Direct2DDemo项目基础上，继续介绍绘制图片的实现代码。 在绘制图片之前，首先需要在项目中添加一张图片。右键点击解决方案资源管理器窗... 阅读全文
posted @ 2017-03-30 13:00
冯瑞涛
阅读(1086)
评论(0)
推荐(0)
摘要：
打开D2DBasicAnimation.h头文件，并在D2DBasicAnimation类中添加如下的代码： private: //声明成员变量point D2D1_POINT_2F point; //声明成员变量xVector float xVector; //声明成员变量yVector float yVector; 在上面的代码中，使用priva... 阅读全文
posted @ 2017-03-30 12:59
冯瑞涛
阅读(474)
评论(0)
推荐(0)
摘要：
三角形绘制完成以后，接下来介绍如何给项目添加主入口函数。打开D2DBasicAnimation.h头文件，添加如下的代码定义一个DirectXAppSource类。 //定义类DirectXAppSource，实现IFrameworkViewSource接口 ref class DirectXAppSource : Windows::ApplicationModel::Core::IFram... 阅读全文
posted @ 2017-03-30 12:58
冯瑞涛
阅读(463)
评论(0)
推荐(0)
摘要：
在绘制三角形之前，首先需要创建一个三角形，打开D2DBasicAnimation.h头文件，在D2DBasicAnimation类中添加如下的代码： private: //声明成员变量objectGeometry Microsoft::WRL::ComPtr objectGeometry; private: //创建图形 void CreateShape();... 阅读全文
posted @ 2017-03-30 12:56
冯瑞涛
阅读(1007)
评论(0)
推荐(0)
摘要：
新建了Direct2D中的资源后，接下来初始化用于绘制图形的应用窗口。在解决方案资源管理器窗口中右键点击项目图标，在弹出的菜单栏中选中"添加"， 并在"添加"的子菜单栏中选择"新建项"，在出现的"添加新项"窗口中选中"C++ 文件(.cpp)"，添加名为"D2DBasicAnimation.cpp"的源文件。然后使用同样的方法在"添加新项"窗口中选中"头文件(.h)"，添加名为"D2DBasicA... 阅读全文
posted @ 2017-03-30 12:55
冯瑞涛
阅读(859)
评论(0)
推荐(0)
摘要：
本小节主要介绍如何使用Direct2D来绘制几何图形，其中会使用到FillGeometry函数和FillEllipse函数，FillGeometry函数用于填充几何图形的内部区域，而FillEllipse函数则专门用于填充椭圆的内部区域。下面将分别来介绍如何使用FillGeometry函数和FillEllipse函数在应用窗口中绘制简单的三角形和圆形。 1.使用FillGeometry函数绘制三... 阅读全文
posted @ 2017-03-30 12:53
冯瑞涛
阅读(793)
评论(0)
推荐(0)
摘要：
（7）音量控制 MediaElement控件具有一个Volume属性，通过设置此属性的值可以改变视频音量的大小。接下来介绍如何实现视频的音量控制，首先打开MainPage.xaml文件，并在Grid元素中原有代码的基础上继续添加如下的代码： 在上面的代码中，添加了一个TextBlock控件和一个名为"VolumeBar"的Slider控件，其中Slider控件用于表示一个音量控制条。通过将Sl... 阅读全文
posted @ 2017-03-30 12:42
冯瑞涛
阅读(286)
评论(0)
推荐(0)
摘要：
（5）添加视频进度条 视频进度条可以用来显示当前视频的播放进度，并可以通过拖动视频进度条来改变视频的播放进度。接下来介绍如何实现视频进度条，首先打开MainPage.xaml文件，并在Grid元素中添加一个名为"VideoSlider"的Slider控件，用来表示一个视频进度条，代码如下所示： 添加Slider控件以后，接下来将视频进度条和MediaElement控件中的视频进行同步，即当播放M... 阅读全文
posted @ 2017-03-30 12:41
冯瑞涛
阅读(215)
评论(0)
推荐(0)
摘要：
在MediaElement控件中定义了用于控制视频播放的函数，如Play、Pause和Stop等函数。本小节将在20.6.1小节所新建的项目基础上继续来介绍如何为视频添加播放控制，并在最后一部分给出项目的完整前台代码，读者可以参照此代码来布局前台界面。 （1）启动视频播放 首先打开MainPage.xaml文件，并在Grid元素中原有代码的基础上继续添加如下的代码： 在上面的代码中，添加一个T... 阅读全文
posted @ 2017-03-30 12:39
冯瑞涛
阅读(262)
评论(0)
推荐(0)
摘要：
（3）停止视频播放 接下来添加对视频文件播放的停止控制，打开MainPage.xaml文件，并在Grid元素中添加一个"停止"按钮，用于停止视频的播放，代码如下所示： 添加"停止"按钮以后，接下来为此按钮添加单击事件处理函数StopClick。打开MainPage.xaml.h头文件，并添加如下的代码，用来声明StopClick函数。 private: //停止按钮 voi... 阅读全文
posted @ 2017-03-30 12:39
冯瑞涛
阅读(199)
评论(0)
推荐(0)
摘要：
媒体播放包括视频播放和音频播放，在开发Windows应用商店应用的过程中可以使用MediaElement控件来播放视频文件和音频文件。本节将通过一个具体的示例介绍如何使用MediaElement控件来播放视频文件，以及如何控制MediaElement控件中视频的播放。 20.6.1 视频载入 首先来看如何读取一个视频文件并载入到MediaElement控件中，在Visual Staudio 201... 阅读全文
posted @ 2017-03-30 12:37
冯瑞涛
阅读(403)
评论(0)
推荐(0)
摘要：
XML文件按照元素标记来存储数据，通过遍历这些元素标记可以得到XML文件中所保存的数据。在C++/CX的类库中并未定义用于解析XML文件的类，但C++提供了能解析XML文件的框架和类库，如msxml4、libxml、IXMLDOM和TinyXML等，在使用C++/CX编写应用程序时可以通过C++提供的框架和类库来解析XML文件。TinyXML是一个轻量级解析XML的框架，本节将介绍如何使用此框架来... 阅读全文
posted @ 2017-03-30 12:35
冯瑞涛
阅读(663)
评论(0)
推荐(0)
摘要：
在C++/CX的Windows::Storage::Pickers命名空间中定义了一个FileOpenPicker类，使用此类可以新建一个文件打开选取器，并可以通过这个类里面包含的属性和函数选取一个或多个文件。下面列举了FileOpenPicker类包含的属性： ViewMode属性，用于设置文件打开选取器的视图模式，此属性的值包括List（列表模式）和Thumbnail（缩略图模式）。 Sugg... 阅读全文
posted @ 2017-03-30 12:35
冯瑞涛
阅读(598)
评论(0)
推荐(0)
摘要：
计时器机制俗称"心跳"，表示以特定的频率持续触发特定事件和执行特定程序的机制。在开发Windows应用商店应用的过程中，可以使用定义在Windows::UI::Xaml命名空间中的DispatcherTimer类来创建计时器。DispatcherTimer类包含了如下的成员： Tick事件，周期性触发的事件。 Start函数，用于启动计时器。 Stop函数，用于停止计时器。 Interval属性，... 阅读全文
posted @ 2017-03-30 12:33
冯瑞涛
阅读(575)
评论(0)
推荐(0)
摘要：
数据绑定是一种将后台数据绑定到前台控件的机制，通常用于动态地将对象或集合中所保存的数据显示到前台界面中。本节通过一个具体的示例来说明在Windows应用商店应用中如何通过数据绑定将保存在集合中的数据显示到前台界面中。 在Visual Staudio 2012中新建一个Visual C++的Windows应用商店的空白应用程序项目，并命名为BindingDemo。接着打开MainPage.xaml... 阅读全文
posted @ 2017-03-30 12:33
冯瑞涛
阅读(247)
评论(0)
推荐(0)
摘要：
实现主页面和分类页面的之后，最后来看一下菜肴页面的实现，这个页面用于详细介绍某项菜肴或主食，如名称、图片和具体做法等。在pages文件夹里面添加一个名为foodDetail的文件夹，并在foodDetail文件夹里添加一个"页面控制"项，将其命名为foodDetail。 打开默认生成的foodDetail.html文件，向文件的body元素中添加一个div元素，在div元素内部添加一个butto... 阅读全文
posted @ 2017-03-30 12:20
冯瑞涛
阅读(236)
评论(0)
推荐(0)
摘要：
实现主页面的功能之后，接下来实现分类页面。分类页面中显示一种菜肴类别的详细信息，包括类别名称、图片、描述信息以及属于该类别的一些菜肴。在pages文件夹中添加一个名为classDetail的文件夹，并在classDetail文件夹中添加一个"页面控制"项，将其命名为classDetail，与主页面一样，添加完成之后会默认生成classDetail.html、classDetail.js和class... 阅读全文
posted @ 2017-03-30 12:19
冯瑞涛
阅读(293)
评论(0)
推荐(0)
摘要：
在项目中添加一个名为pages的文件夹，并在pages文件夹里面再添加一个名为mainPage的文件夹，接着在mainPage文件夹里添加一个"页面控制"项，命名为mainPage，添加完成之后会同时生成mainPage.html、mainPage.css和mainPage.js这三个文件。 这里将mainPage.html作为应用程序的主页面，打开mainPage.html文件，在body元素中... 阅读全文
posted @ 2017-03-30 12:05
冯瑞涛
阅读(476)
评论(0)
推荐(0)
摘要：
上面几个小节讲解了使用HTML5和JavaScript语言开发Windows 应用商店应用时会用到的一些技术，本小节将前面介绍的知识融合在一起创建一个菜谱应用程序，帮助读者更进一步地理解和掌握这些知识。 此菜谱应用程序主要的功能是介绍一些菜肴和主食的做法，其中包含三个页面：第一个页面为主页面，用于按类别显示一些菜肴和主食；第二个页面为分类页面，显示某个类别的信息和属于该类别的菜肴或主食；第三个页面... 阅读全文
posted @ 2017-03-30 12:03
冯瑞涛
阅读(297)
评论(0)
推荐(0)
摘要：
在页面中添加canvas元素会在页面上生成一个矩形的位图画布，可以使用JavaScript在画布上实时绘制图形图像。在绘制图形时，需要先调用画布的getContext函数获取与该画布相关的用于绘制图形（如2D图形、3D图形）的对象，然后使用这个对象调用不同的图形函数来绘制相应的图形。下面分别介绍2D图形中几种常见图形的绘制方法。 （1）直线 在绘制直线时，先使用moveTo(x,y)函数设置直线的... 阅读全文
posted @ 2017-03-30 12:01
冯瑞涛
阅读(444)
评论(0)
推荐(0)
摘要：
在应用程序的日常使用中，经常会使用多媒体播放器来播放多媒体文件，包括视频、音频等，因此对于开发者来说，学习多媒体播放技术对开发应用是很有帮助的。本小节主要介绍如何使用HTML5和JavaScrip实现播放本地视频。 想要在应用程序中实现多媒体播放功能，需要使用video控件，下面简单介绍下video控件的几个常用属性： height 属性，用于设置播放器的高度。 wide 属性，用于设置播... 阅读全文
posted @ 2017-03-30 12:01
冯瑞涛
阅读(314)
评论(0)
推荐(0)
摘要：
上面介绍的动画效果是通过Windows动画库创建的，这里的旋转动画是通过设置页面元素的style对象的相关属性来创建，此动画的效果是将界面元素沿着指定的方向进行旋转。下面介绍style对象的几个常用属性。 transitionProperty：获取或者设置相关元素的动画变换效果。 transitionDuration：获取或者设置相关元素动画变换的时间。 transformOrigin：获取或者设... 阅读全文
posted @ 2017-03-30 12:00
冯瑞涛
阅读(217)
评论(0)
推荐(0)
摘要：
"交叉进出"动画也是Windows动画库中的动画效果。"交叉进出"动画的动画效果是在应用程序界面上隐藏一个元素并同时在相同位置显示另一个元素的时候，被隐藏的元素渐消失在应用程序界面上，而将要显示的元素渐显示在应用程序界面上。 创建"交叉进出"动画可以使用WinJS.UI.Animation.crossFade函数，该函数有两个Object类型的参数，第一个参数是将要显示的元素对象或元素对象数组，第... 阅读全文
posted @ 2017-03-30 11:59
冯瑞涛
阅读(176)
评论(0)
推荐(0)
摘要：
"重新定位"动画也是Windows动画库中的动画效果。"重新定位"动画的动画效果是指一个或一组元素移动到新的位置时，这些元素不是突然出现在新的位置，而是从一个位置移动到另一个位置。 创建"重新定位"动画可以使用WinJS.UI.Animation.createRepositionAnimation函数，该函数有一个Object类型的参数，表示将要移动的元素对象或元素对象数组。下面以一个应用程序为例... 阅读全文
posted @ 2017-03-30 11:58
冯瑞涛
阅读(159)
评论(0)
推荐(0)
摘要：
在应用程序中使用动画会使应用显得更加生动，进而给用户带来良好的视觉效果。例如，当用户将某个项添加到列表时，新项不会立即出现在列表中，而是采用动画形式到达相应位置，并且列表中的其他项也采用动画形式移动到新位置，以便为添加的项腾出空间。这样的动画效果能够让用户更清晰地看到变化过程，而不是只能看到变化之后的结果。 应用程序的动画效果可以使用Windows动画库来创建，开发人员无需自己编写动画效果代码即可... 阅读全文
posted @ 2017-03-30 11:57
冯瑞涛
阅读(241)
评论(0)
推荐(0)
摘要：
正如上面的内容中所提到的，文件保存选取器用于保存文件，通过Windows.Storage.Pickers命名空间中的FileSavePicker类的pickSaveFileAsync函数可以向指定的文件系统位置中保存一个文件。文件保存之后，还可以对其进行读写操作，如果是向文件中写入内容，可以使用Windows.Storage.FileIO类中的writeTextAsync(file, conten... 阅读全文
posted @ 2017-03-30 11:55
冯瑞涛
阅读(5513)
评论(0)
推荐(0)
摘要：
在应用程序中有时可能需要获取用户库中的内容，以便执行相关的操作。如果要获取某个用户库中的内容，需要先获取到这个用户库，获得用户库可以通过Windows.Storage命名空间中的KnownFolders类的相应属性来实现，可用属性包括documentsLibrary（文档库）、musicLibrary（音乐库）和videosLibrary（视频库）等。获取到用户库之后，就可以使用KnownFold... 阅读全文
posted @ 2017-03-30 11:53
冯瑞涛
阅读(2688)
评论(0)
推荐(0)
摘要：
在实际开发中经常会遇到访问文件的情况，因此学习与文件有关的操作对程序开发很有帮助，关于文件操作的一些基本技术，在前面章节中有专门基于C#语言的详细讲解，本节主要介绍如何使用HTML5和JavaScript开发具有文件操作功能的Windows应用商店应用，首先来了解一下用于对文件或文件夹进行操作的文件选取器。 19.4.1 文件选取器 正如前面章节C#语言中所介绍的，文件选取器是应用与系统进行交互的... 阅读全文
posted @ 2017-03-30 11:52
冯瑞涛
阅读(3355)
评论(0)
推荐(0)
摘要：
WinJS库模板提供了一种格式化显示多条数据的便捷方式，通过这种方式可以将模板与ListView或FlipView等控件结合使用以控制数据的显示格式。定义一个WinJS库模板的方法与定义WinJS库控件的方法相似：在页面中添加一个div元素，将div元素的data-win-control属性设置为WinJS.Binding.Template。定义WinJS库模板以后，需要在WinJS库模板内部添加... 阅读全文
posted @ 2017-03-30 11:51
冯瑞涛
阅读(232)
评论(0)
推荐(0)
摘要：
使用数据绑定可以使页面中元素的属性值与数据源中的数据同步，其中数据源可以来自数据库、文件以及自定义的数据等。在常用的数据绑定方法中，简单对象绑定是将HTML元素与一个仅包含数据的简单对象相绑定，模板绑定是使用WinJS库模板来绑定数据。下面首先介绍简单对象绑定。 19.3.1 简单对象绑定 简单对象绑定是一种基本的绑定类型，可以实现将一个对象中的数据绑定到HTML元素的属性。下面通过一个示例... 阅读全文
posted @ 2017-03-30 11:49
冯瑞涛
阅读(283)
评论(0)
推荐(0)
摘要：
页内导航是在一个页面内根据需要加载其他页面的内容，在开发基于JavaScript的Windows应用商店应用时，可以使用WinJS.Navigation.navigate函数传递要加载的页面地址并使用PageControlNavigator控件加载其他页面的内容。WinJS.Navigation.navigate函数以一个包含页面地址的对象为参数，在该函数执行时将触发WinJS.Navigatio... 阅读全文
posted @ 2017-03-30 11:48
冯瑞涛
阅读(474)
评论(0)
推荐(0)
摘要：
页面导航是在开发应用的过程中使用频率较高的技术，其中比较常用的导航方式有多页导航和页内导航，采用多页导航方式的应用程序包含一系列的页面，在一个页面中加入另一个页面的链接地址后，单击链接将跳转到指定页面，从而实现页面之间的导航。而页内导航方式是在一个页面内根据需要加载其他页面，使用页内导航方式的应用程序仍然包含一系列的页面，不同的是，这些页面是顺序被加载到一个选定的页面区域中，而不是从一个页面跳转到... 阅读全文
posted @ 2017-03-30 11:47
冯瑞涛
阅读(530)
评论(0)
推荐(0)
摘要：
通过前面内容的学习，相信读者已经对开发基于JavaScript的Windows应用商店应用有了一定的了解，本小节通过一个小球运动的示例来介绍如何新建一个JavaScript的Windows应用商店项目，以及怎样向项目中添加功能实现代码。 首先启动Visual Studio 集成开发工具，打开"文件"菜单，选择其中的"新建项目"菜单项后会弹出"新建项目"窗口。在"新建项目"窗口左侧的JavaScri... 阅读全文
posted @ 2017-03-30 11:20
冯瑞涛
阅读(440)
评论(0)
推荐(0)
摘要：
在介绍了如何使用标准的HTML控件以及WinJS库中提供的新控件之后，下面来着重介绍WinJS库中几种常用的控件。 （1）ListView控件 在开发Windows应用商店应用时可以使用ListView控件以网格或列表的方式显示多条数据。ListView控件的常用属性有： groupDataSource属性，用来设置分组的数据源。 groupHeaderTemplate属性，用来为分组的头部设置模... 阅读全文
posted @ 2017-03-30 11:19
冯瑞涛
阅读(970)
评论(0)
推荐(0)
摘要：
向页面中添加的控件可分为两种类型：标准的HTML控件和WinJS库控件。其中标准的HTML控件是指HTML标准中定义的基本控件，如按钮和复选框；WinJS库控件是为开发基于JavaScript 的Windows应用商店应用提供的新控件，如ListView、HtmlControl和PageControl等。下面首先介绍如何添加这两种类型的控件，然后介绍如何为控件注册事件处理函数和设计控件的样式。 （... 阅读全文
posted @ 2017-03-30 11:17
冯瑞涛
阅读(1754)
评论(0)
推荐(0)
摘要：
通过上面内容的学习，相信读者已经对各种项目模板和项模板有了大致的了解，本节将进一步介绍项目模板中默认包含的项目文件以及项模板文件，首先讲解这些文件中的初始内容以及作用，然后介绍在一个页面中如何添加控件，以及如何为控件注册事件处理函数并设计CSS样式。 1.项目模板中的默认文件 在每一个使用项目模板新建的JavaScript的Windows应用商店项目中，都会包含default.html、defau... 阅读全文
posted @ 2017-03-30 10:27
冯瑞涛
阅读(362)
评论(0)
推荐(0)
摘要：
使用Visual Studio 开发Windows应用商店应用时，通过其提供的模板可以帮助我们快速地创建一个应用。其中，在新建一个Windows应用商店应用程序项目时可以在项目模板中选择所需要的模板类型，然后在此基础上开发功能完善的应用；在项目中新建一个项目文件的时候，可以在项模板中选择所需要的文件类型，然后在这个文件内容的基础上编写新的内容。下面就来分别介绍Visual Studio 中提供的项... 阅读全文
posted @ 2017-03-30 10:25
冯瑞涛
阅读(775)
评论(0)
推荐(0)
浙公网安备 33010602011771号