Windows Phone App Studio 无码开发手机应用
2013-08-13 21:14
615 查看
上周微软发布了一款基于Web的Windows Phone应用开发工具 "Windows Phone App Studio"。它与大家熟知Visual Studio的最大不同之处是Windows Phone App Studio不需要使用者掌握任何开发语言,不需要具备任何开发技能,也就是说只要你有Idea就能将其快速的转化为一个手机应用,并可通过Windows Phone手机给同事或客户进行演示。
下面就让我们一起体验一下如何用Windows Phone App Studio制作一款简单的应用。登录Windows Phone App Studio网站;点击"Start building";如果你没有注册需要先获得邀请码进行注册后才能开始,邀请码可发邮件给Studio团队获取。
![](http://images.cnitblog.com/blog/40474/201308/13211344-54afc5ecc115457b8952f10ce97b4adf.png)
进入界面这里提供了两种应用创建模式:"创建空应用"(create an empty app)和"基于模板创建应用"(create an app from a template)。这里我选择空应用。
![](http://images.cnitblog.com/blog/40474/201308/13211347-d538ba93ae124ef4b3962d99465c8d22.png)
第一步,应用基本信息。填写App Title名称;选择一张160*160px的Logo图片,右边的模拟手机将完成实时更新,便于预览效果。
![](http://images.cnitblog.com/blog/40474/201308/13211349-e5d142abdb714662be4b68a83bb8e9e3.png)
第二步,配置App数据内容,Studio目前提供了四种内容模式:Collection、RSS、YouTube、HTML。这里我想添加一个MSDN Magazine的RSS。
![](http://images.cnitblog.com/blog/40474/201308/13211351-c4a46d79a5404b08839cf3cebf16db1b.png)
添加MSDN Magazine RSS的URL地址,并点击"Refresh",可看到列表中RSS的文章清单。
![](http://images.cnitblog.com/blog/40474/201308/13211353-2dc90a10762c40838998447065b856f4.png)
至此,App数据内容添加完毕,右边模拟器中也能看到RSS的全部内容。
![](http://images.cnitblog.com/blog/40474/201308/13211356-460c9f8693654d56a2a559e1087a5098.png)
第三步,设置App样式。包括字体、应用背景等颜色设置,应用磁贴效果设置,应用背景图片设置。
![](http://images.cnitblog.com/blog/40474/201308/13211358-dbcf32f6d4c4411787b73e4323be443d.png)
![](http://images.cnitblog.com/blog/40474/201308/13211401-ac30b202cf8d46b6a5f3c8407a44c2b4.png)
最后一步,制作成为App。
![](http://images.cnitblog.com/blog/40474/201308/13211404-a75e4824636c4221a8934ec8e21f273d.png)
点击"Generate",开始制作并生成App… …
![](http://images.cnitblog.com/blog/40474/201308/13211405-ca94e6e50fbc4e4fa3aa753f9df531fa.png)
看到下方这个界面,说明我的应用做好了!
![](http://images.cnitblog.com/blog/40474/201308/13211407-6f7ffbd3ec6b4423945b08030873443b.png)
在"Dashboard"界面,我们可以继续对App进行修改,同时也能下载源代码、App发布包。
![](http://images.cnitblog.com/blog/40474/201308/13211409-ff43d0bb8a2241bca911862e0b1895bb.png)
有兴趣的同学可以马上动手了~~
下面就让我们一起体验一下如何用Windows Phone App Studio制作一款简单的应用。登录Windows Phone App Studio网站;点击"Start building";如果你没有注册需要先获得邀请码进行注册后才能开始,邀请码可发邮件给Studio团队获取。
![](http://images.cnitblog.com/blog/40474/201308/13211344-54afc5ecc115457b8952f10ce97b4adf.png)
进入界面这里提供了两种应用创建模式:"创建空应用"(create an empty app)和"基于模板创建应用"(create an app from a template)。这里我选择空应用。
![](http://images.cnitblog.com/blog/40474/201308/13211347-d538ba93ae124ef4b3962d99465c8d22.png)
第一步,应用基本信息。填写App Title名称;选择一张160*160px的Logo图片,右边的模拟手机将完成实时更新,便于预览效果。
![](http://images.cnitblog.com/blog/40474/201308/13211349-e5d142abdb714662be4b68a83bb8e9e3.png)
第二步,配置App数据内容,Studio目前提供了四种内容模式:Collection、RSS、YouTube、HTML。这里我想添加一个MSDN Magazine的RSS。
![](http://images.cnitblog.com/blog/40474/201308/13211351-c4a46d79a5404b08839cf3cebf16db1b.png)
添加MSDN Magazine RSS的URL地址,并点击"Refresh",可看到列表中RSS的文章清单。
![](http://images.cnitblog.com/blog/40474/201308/13211353-2dc90a10762c40838998447065b856f4.png)
至此,App数据内容添加完毕,右边模拟器中也能看到RSS的全部内容。
![](http://images.cnitblog.com/blog/40474/201308/13211356-460c9f8693654d56a2a559e1087a5098.png)
第三步,设置App样式。包括字体、应用背景等颜色设置,应用磁贴效果设置,应用背景图片设置。
![](http://images.cnitblog.com/blog/40474/201308/13211358-dbcf32f6d4c4411787b73e4323be443d.png)
![](http://images.cnitblog.com/blog/40474/201308/13211401-ac30b202cf8d46b6a5f3c8407a44c2b4.png)
最后一步,制作成为App。
![](http://images.cnitblog.com/blog/40474/201308/13211404-a75e4824636c4221a8934ec8e21f273d.png)
点击"Generate",开始制作并生成App… …
![](http://images.cnitblog.com/blog/40474/201308/13211405-ca94e6e50fbc4e4fa3aa753f9df531fa.png)
看到下方这个界面,说明我的应用做好了!
![](http://images.cnitblog.com/blog/40474/201308/13211407-6f7ffbd3ec6b4423945b08030873443b.png)
在"Dashboard"界面,我们可以继续对App进行修改,同时也能下载源代码、App发布包。
![](http://images.cnitblog.com/blog/40474/201308/13211409-ff43d0bb8a2241bca911862e0b1895bb.png)
有兴趣的同学可以马上动手了~~
相关文章推荐
- Windows Phone App Studio 无码开发手机应用
- Windows Phone Studio-任何人都能开发Windows Phone App的在线工具
- 手机应用开发的原生app,WEBAPP,混合app的认识
- 【万里征程——Windows App开发】如何保存、读取、删除应用数据
- (最新)Windows 8 Metro 应用开发的入门 Metro App的几个新控件
- New Relic——手机应用app开发达人的福利马上就到啦!
- Windows Phone App Studio发布重要更新-支持Windows 8.1 源代码生成
- 【万里征程——Windows App开发】在应用中集成搜索
- .Net语言 APP开发平台——Smobiler学习日志:在手机应用开发中如何实现跳转地图
- Windows 8 Metro 应用开发入门 Metro App的几个新控件
- 【万里征程——Windows App开发】应用栏
- Android开发把项目打包成apk,安卓到手机上,或者提交到app应用商店
- Windows 8 Metro 应用开发入门(二):Metro App的几个新控件
- .Net语言 APP开发平台——Smobiler学习日志:在手机应用开发中如何快速调用电话拨打功能
- .Net语言 APP开发平台——Smobiler学习日志:在手机应用中开发蛛网表格
- Windows 8 Metro 应用开发App Bar问题
- Windows下使用AndroidStudio+ReactNative开发Android应用
- APP源码 教程 网页转APP 安卓Andriod应用开发 手机APP 移动网站
- Windows phone 应用开发[7]-MEF For Windows phone
- New Relic——手机应用app开发达人的福利立即就到啦!