从Windows8.1开始,微软便一直致力于构建UWP(Universal Windows Platform),即通用Windows平台。开发者只需构建一次通用应用,就可以快速适配电脑/平板/手机等Windows平台。
下面我将演示一下如何快速将一个网页构建为Windows通用应用,借此可以体会通用应用的一些特性。
我的环境配置:
系统:Windows 10
软件:Visual Studio 2015社区版
硬件:能联网的电脑一台!
Now, let's go!
1. 打开Visual Studio,因为我们要用到网页,所以新建一个Javascript的通用应用。
2. 接着找到右侧解决方案资源管理器,将图中选中的几项删除。
3. 右键配置文件package.appxmanifest
,查看代码
4. 找到如下代码行
StartPage="default.html"
5. 然后我们要把开始的页面换成网址,如下图。最好加上http://
6. 这样就结束了么?当然没有!
在下方插入如下代码:
1
2
3
<uap:ApplicationContentUriRules>
<uap:Rule Match="http://fing.leanote.com" Type="include" WindowsRuntimeAccess="all"/>
</uap:ApplicationContentUriRules>
这一步是将刚才的网址包含至uri规则中。
7. 好,记得Win 10开启开发者模式。F5,运行。大功告成!
现在我们调整一下窗口大小,看看会有什么变化。
对于各个尺寸,该应用都能自行调整。当然,这是网站的功劳。
其实,通用应用的最终效果应当如此,即对各种尺寸的屏幕自动调整。
在Windows 10发布之后,构建这样的通用应用也会变得快速、高效!
提醒:这样的应用仅供演示学习,并不推荐上传至应用商店。
网友评论