2017年3月30日
摘要：
（7）音量控制 MediaElement控件具有一个Volume属性，通过设置此属性的值可以改变视频音量的大小。接下来介绍如何实现视频的音量控制，首先打开MainPage.xaml文件，并在Grid元素中原有代码的基础上继续添加如下的代码： 在上面的代码中，添加了一个TextBlock控件和一个名为"VolumeBar"的Slider控件，其中Slider控件用于表示一个音量控制条。通过将Sl... 阅读全文
摘要：
（5）添加视频进度条 视频进度条可以用来显示当前视频的播放进度，并可以通过拖动视频进度条来改变视频的播放进度。接下来介绍如何实现视频进度条，首先打开MainPage.xaml文件，并在Grid元素中添加一个名为"VideoSlider"的Slider控件，用来表示一个视频进度条，代码如下所示： 添加Slider控件以后，接下来将视频进度条和MediaElement控件中的视频进行同步，即当播放M... 阅读全文
摘要：
在MediaElement控件中定义了用于控制视频播放的函数，如Play、Pause和Stop等函数。本小节将在20.6.1小节所新建的项目基础上继续来介绍如何为视频添加播放控制，并在最后一部分给出项目的完整前台代码，读者可以参照此代码来布局前台界面。 （1）启动视频播放 首先打开MainPage.xaml文件，并在Grid元素中原有代码的基础上继续添加如下的代码： 在上面的代码中，添加一个T... 阅读全文
摘要：
（3）停止视频播放 接下来添加对视频文件播放的停止控制，打开MainPage.xaml文件，并在Grid元素中添加一个"停止"按钮，用于停止视频的播放，代码如下所示： 添加"停止"按钮以后，接下来为此按钮添加单击事件处理函数StopClick。打开MainPage.xaml.h头文件，并添加如下的代码，用来声明StopClick函数。 private: //停止按钮 voi... 阅读全文
摘要：
媒体播放包括视频播放和音频播放，在开发Windows应用商店应用的过程中可以使用MediaElement控件来播放视频文件和音频文件。本节将通过一个具体的示例介绍如何使用MediaElement控件来播放视频文件，以及如何控制MediaElement控件中视频的播放。 20.6.1 视频载入 首先来看如何读取一个视频文件并载入到MediaElement控件中，在Visual Staudio 201... 阅读全文
摘要：
XML文件按照元素标记来存储数据，通过遍历这些元素标记可以得到XML文件中所保存的数据。在C++/CX的类库中并未定义用于解析XML文件的类，但C++提供了能解析XML文件的框架和类库，如msxml4、libxml、IXMLDOM和TinyXML等，在使用C++/CX编写应用程序时可以通过C++提供的框架和类库来解析XML文件。TinyXML是一个轻量级解析XML的框架，本节将介绍如何使用此框架来... 阅读全文
摘要：
在C++/CX的Windows::Storage::Pickers命名空间中定义了一个FileOpenPicker类，使用此类可以新建一个文件打开选取器，并可以通过这个类里面包含的属性和函数选取一个或多个文件。下面列举了FileOpenPicker类包含的属性： ViewMode属性，用于设置文件打开选取器的视图模式，此属性的值包括List（列表模式）和Thumbnail（缩略图模式）。 Sugg... 阅读全文
摘要：
计时器机制俗称"心跳"，表示以特定的频率持续触发特定事件和执行特定程序的机制。在开发Windows应用商店应用的过程中，可以使用定义在Windows::UI::Xaml命名空间中的DispatcherTimer类来创建计时器。DispatcherTimer类包含了如下的成员： Tick事件，周期性触发的事件。 Start函数，用于启动计时器。 Stop函数，用于停止计时器。 Interval属性，... 阅读全文
摘要：
数据绑定是一种将后台数据绑定到前台控件的机制，通常用于动态地将对象或集合中所保存的数据显示到前台界面中。本节通过一个具体的示例来说明在Windows应用商店应用中如何通过数据绑定将保存在集合中的数据显示到前台界面中。 在Visual Staudio 2012中新建一个Visual C++的Windows应用商店的空白应用程序项目，并命名为BindingDemo。接着打开MainPage.xaml... 阅读全文
摘要：
实现主页面和分类页面的之后，最后来看一下菜肴页面的实现，这个页面用于详细介绍某项菜肴或主食，如名称、图片和具体做法等。在pages文件夹里面添加一个名为foodDetail的文件夹，并在foodDetail文件夹里添加一个"页面控制"项，将其命名为foodDetail。 打开默认生成的foodDetail.html文件，向文件的body元素中添加一个div元素，在div元素内部添加一个butto... 阅读全文
摘要：
实现主页面的功能之后，接下来实现分类页面。分类页面中显示一种菜肴类别的详细信息，包括类别名称、图片、描述信息以及属于该类别的一些菜肴。在pages文件夹中添加一个名为classDetail的文件夹，并在classDetail文件夹中添加一个"页面控制"项，将其命名为classDetail，与主页面一样，添加完成之后会默认生成classDetail.html、classDetail.js和class... 阅读全文
摘要：
在项目中添加一个名为pages的文件夹，并在pages文件夹里面再添加一个名为mainPage的文件夹，接着在mainPage文件夹里添加一个"页面控制"项，命名为mainPage，添加完成之后会同时生成mainPage.html、mainPage.css和mainPage.js这三个文件。 这里将mainPage.html作为应用程序的主页面，打开mainPage.html文件，在body元素中... 阅读全文
摘要：
上面几个小节讲解了使用HTML5和JavaScript语言开发Windows 应用商店应用时会用到的一些技术，本小节将前面介绍的知识融合在一起创建一个菜谱应用程序，帮助读者更进一步地理解和掌握这些知识。 此菜谱应用程序主要的功能是介绍一些菜肴和主食的做法，其中包含三个页面：第一个页面为主页面，用于按类别显示一些菜肴和主食；第二个页面为分类页面，显示某个类别的信息和属于该类别的菜肴或主食；第三个页面... 阅读全文
摘要：
在页面中添加canvas元素会在页面上生成一个矩形的位图画布，可以使用JavaScript在画布上实时绘制图形图像。在绘制图形时，需要先调用画布的getContext函数获取与该画布相关的用于绘制图形（如2D图形、3D图形）的对象，然后使用这个对象调用不同的图形函数来绘制相应的图形。下面分别介绍2D图形中几种常见图形的绘制方法。 （1）直线 在绘制直线时，先使用moveTo(x,y)函数设置直线的... 阅读全文
摘要：
在应用程序的日常使用中，经常会使用多媒体播放器来播放多媒体文件，包括视频、音频等，因此对于开发者来说，学习多媒体播放技术对开发应用是很有帮助的。本小节主要介绍如何使用HTML5和JavaScrip实现播放本地视频。 想要在应用程序中实现多媒体播放功能，需要使用video控件，下面简单介绍下video控件的几个常用属性： height 属性，用于设置播放器的高度。 wide 属性，用于设置播... 阅读全文
摘要：
上面介绍的动画效果是通过Windows动画库创建的，这里的旋转动画是通过设置页面元素的style对象的相关属性来创建，此动画的效果是将界面元素沿着指定的方向进行旋转。下面介绍style对象的几个常用属性。 transitionProperty：获取或者设置相关元素的动画变换效果。 transitionDuration：获取或者设置相关元素动画变换的时间。 transformOrigin：获取或者设... 阅读全文
摘要：
"交叉进出"动画也是Windows动画库中的动画效果。"交叉进出"动画的动画效果是在应用程序界面上隐藏一个元素并同时在相同位置显示另一个元素的时候，被隐藏的元素渐消失在应用程序界面上，而将要显示的元素渐显示在应用程序界面上。 创建"交叉进出"动画可以使用WinJS.UI.Animation.crossFade函数，该函数有两个Object类型的参数，第一个参数是将要显示的元素对象或元素对象数组，第... 阅读全文
摘要：
"重新定位"动画也是Windows动画库中的动画效果。"重新定位"动画的动画效果是指一个或一组元素移动到新的位置时，这些元素不是突然出现在新的位置，而是从一个位置移动到另一个位置。 创建"重新定位"动画可以使用WinJS.UI.Animation.createRepositionAnimation函数，该函数有一个Object类型的参数，表示将要移动的元素对象或元素对象数组。下面以一个应用程序为例... 阅读全文
摘要：
在应用程序中使用动画会使应用显得更加生动，进而给用户带来良好的视觉效果。例如，当用户将某个项添加到列表时，新项不会立即出现在列表中，而是采用动画形式到达相应位置，并且列表中的其他项也采用动画形式移动到新位置，以便为添加的项腾出空间。这样的动画效果能够让用户更清晰地看到变化过程，而不是只能看到变化之后的结果。 应用程序的动画效果可以使用Windows动画库来创建，开发人员无需自己编写动画效果代码即可... 阅读全文
摘要：
正如上面的内容中所提到的，文件保存选取器用于保存文件，通过Windows.Storage.Pickers命名空间中的FileSavePicker类的pickSaveFileAsync函数可以向指定的文件系统位置中保存一个文件。文件保存之后，还可以对其进行读写操作，如果是向文件中写入内容，可以使用Windows.Storage.FileIO类中的writeTextAsync(file, conten... 阅读全文