使用 App Studio 快速定制一个你自己的专属应用
2013-08-15 16:24
309 查看
使用 App Studio 快速定制一个你自己的专属应用
如果已有做一个手机应用的想法,只需要一些简单的图片,视频,或者RSS源,就可以通过App Studio制作出你心仪的应用! App Studio 是一个拥有多种模板样式,操作灵活的 Windows Phone应用的生成工具。如果有一定开发基础你也可以在生成应用的基础上进行更深一步的定制修改使你的应用与众不同。(仅需要4步!)首先注册一个App Studio账户登陆: http://apps.windowsstore.com/default.htm
![](http://images.cnitblog.com/blog/33251/201308/15121822-f797a52e44ae462a8d635b9a1e0d6b39.png)
由于目前 App Studio 是Beta 版所以在这里需要发个邮件问 studio@microsoft.com 索取一个邀请代码。 这里是系统自动回复的非常快我就收到代码了。
![](http://images.cnitblog.com/blog/33251/201308/15121826-2f1a50f35ac54d15a771d94eb0f60eea.png)
输入你的邀请码就算注册成功了!
![](http://images.cnitblog.com/blog/33251/201308/15121830-ed4942e633e645188842c658f798b39c.png)
登陆进来以后这里有多种模板可以供用户选择
![](http://images.cnitblog.com/blog/33251/201308/15121836-db13ea4a4dd04dfbaa62fcb8443e7130.png)
这里我就随意选择了一个 Official store 的项目模板为大家进行讲解。
首先 第一步 App Studio 会要求我我们输入应用的名称和描述信息另外我们也可以自定义一个应用图标在这里上传。
![](http://images.cnitblog.com/blog/33251/201308/15121843-26672eb172c643669158c7e0044ef7c3.png)
第二步 设置应用内容
使用Item中的编辑按钮我们可以对Panorama每个PanoramaItem中ListBox的数据模板进行编辑
![](http://images.cnitblog.com/blog/33251/201308/15121852-dfda46183a60446e8ffade6feaa90837.png)
编辑模板样式排列布局等信息
![](http://images.cnitblog.com/blog/33251/201308/15121900-f58baee49a3e4fb0b446dc3ade29c6b6.png)
在这里我们可以对绑定的数据源进行编辑,注 这里动态数据源后台生成代码的时候我会为大家介绍数据绑定对象的生成位置。
![](http://images.cnitblog.com/blog/33251/201308/15121906-b1cd942a06454b928e5f464060ddb18e.png)
设置页面中我们可以使用“加号”按钮来添加主页中的其他Item 当然Item的数据元可以自定义
![](http://images.cnitblog.com/blog/33251/201308/15121918-cdc0b46265ae4b1e8c0fa33e3690ba46.png)
这里我添加一个新的PanoramaItem
![](http://images.cnitblog.com/blog/33251/201308/15121924-a7d6049ce86d484d855a6c8ba84e92ba.png)
并且我将她的数据源设置成 RSS 这回方便很多用户动态设置数据源信息。
![](http://images.cnitblog.com/blog/33251/201308/15121930-f9b920d6fcce49c79d173c1666d46a29.png)
第三步 配置你的应用样式
这里提供了多种的配色方案 可以让大家尽情发挥。
![](http://images.cnitblog.com/blog/33251/201308/15121938-e8f7034b5413404198fff284fad91701.png)
第四步 也就是最后一步 生成我们应用
点击 Generate 等待我们的应用生成。
![](http://images.cnitblog.com/blog/33251/201308/15121952-ccac748f5afc4fd4b00fec572b126374.png)
生成后我们就可以快速部署在手机上了
![](http://images.cnitblog.com/blog/33251/201308/15122001-61489daf23fe46838e4485e8cc65f501.png)
安装步骤, 其实这是一个简单的企业级应用分发部署流程。
第一步 安装证书, 证书刚刚通过邮件的形式发给我们刚才的注册邮箱中了。
点击链接 - 添加证书即可
![](http://images.cnitblog.com/blog/33251/201308/15122004-422ddc3ce5584b20ae94c4674271d73b.png)
第二步 部署应用
可以点击邮件中的连接或者通过扫描二维码的形式来下载安装应用。
![](http://images.cnitblog.com/blog/33251/201308/15122014-05f5da939e344a258f5f3847ca9c87ac.png)
另外我们可以通过 代码下载链接获取到源码。
![](http://images.cnitblog.com/blog/33251/201308/15122019-77a427d86cc44c0c807fde469028bcdd.png)
打开源码跟大家一起分析一下这个项目
首先我这个项目采用MVVM Pattern 相信有些开发经验的同学上手并不难。 这里的View 和 ViewModel命名都很规范。
![](http://images.cnitblog.com/blog/33251/201308/15122027-d66e70178ba24456b1f6c60c9405699a.png)
我在Entities项目中找到页面的数据源 并且都是实现了 INotifyPropertyChanged 接口修改非常方便。
![](http://images.cnitblog.com/blog/33251/201308/15122035-4d96a74a565145c180c89c9db6154e8e.png)
另外在 Repositories 项目中找到相关RSS的数据源代码 只是通过 LoadRemote(URL)获取数据源进行处理。
![](http://images.cnitblog.com/blog/33251/201308/15122044-3cbb24e648f04556b378376982db91ae.png)
这里在给大家介绍下 关于Windows Phone的新策略:
1. 非开发者账号可以解锁1部手机,部署2个应用。 开发者账号依旧是3台设备,部署10个应用。
2. 部署应用是要 WP 的SDK的。
3. 在2013年8月26号之前注册,仍然可以享受 19刀的 WP 开发者账号的优惠!
4. App Studio 生成的应用开发者经过少许修改,也是可以上传应用商店的!
童鞋们还在等什么心动不如行动啊!!
参考资料:
Windows Phone Developer Blog
Everyone can build an app – introducing Windows Phone App Studio beta
Making it easier to get started with Windows Phone App Studio beta, simplified phone registration, support options & more payout markets
希望上的总结可以帮助到大家, 同时欢迎大家在这里和我沟通交流或者在新浪微博上 @王博_Nick
相关文章推荐
- 使用 App Studio 快速定制一个你自己的专属应用
- 使用 App Studio 快速定制一个你自己的专属应用 推荐
- WindowsPhone8 使用 App Studio 快速定制一个你自己的专属应用
- 如何使用 App Studio 快速定制你自己的 Universal Windows App
- 如何使用 App Studio 快速定制你自己的 Universal Windows App
- 使用app dispatch技术将多个Flask应用组合成一个
- 快速了解微信小程序的使用,一个根据小程序的框架开发的 todos app
- APP开发实战149-Android Studio模板的定制使用
- 快速了解微信小程序的使用,一个根据小程序的框架开发的todos app
- 使用Express框架应用生成器快速搭建一个应用骨架
- 如何快速开发一个App手机应用
- 使用creat-react-app快速新建一个react项目
- 快速了解微信小程序的使用,一个根据小程序的框架开发的todos app
- 快速了解微信小程序的使用,一个根据小程序的框架开发的todos app
- 使用下面这些工具和技巧,帮你快速开发一个Android App
- 如何快速将一个 移动web应用 生成一个 手机app [By hbuider]
- 快速了解微信小程序的使用,一个根据小程序的框架开发的todos app
- 在iOS10中使用Speech Framework创建一个语音转文字的应用App
- 如何使用hbuilder快速生成一个直接打开网站的app
- 怎样使用 App Studio 高速定制你自己的 Universal Windows App