原文:xmarin live player 连接 IOS以及安卓实现实时效果查看

在之前有介绍过xamarin 单独IOS项目开发的运行环境搭建,但是这段时间我看到了xmarin forms 3.0 

这东西竟然可以做都使用C#开发( IOS、Mac、安卓、UWP) APP应用,而且还是UI和逻辑都是共用一份

这就很强大了!果然微软的野心还是有的,这个一统江湖的梦怕我都不知道怎么说了。

今天就来说下在开发xmarin forms 3.0应用的时候,如何使用xmarin live player进行实时的效果查看以及体验交互效果。

开始前的一些准备工作:

1、你要准备一部苹果手机、一部安卓手机

2、安装一个最新版的VS2017开发工具(安装的时候记得把 xmarin 开发选上)

在单个组件里面,调式和测试一栏把实时调试器选上,这样VS就自带安装了xmarin live player了

3、安卓手机通过谷歌商店安装xmarin live player应用

4、苹果手机通过TestFlight 安装xmarin live player应用 

5、苹果和安卓手机要连接和电脑使用的网络相同的WIFI

好了接下来就开始说明怎么使用xmarin live player进行实时的效果查看以及体验交互效果

在你使用xmarin forms 3.0创建应用之后(官方文档有基础项目案例

在使用之前你要在VS里面打开工具->选项 在xmarin把xmarin live player启用选项勾上

然后在VS的工具->xmarin live player->设备管理

这个时候会显示一个如下的界面

使用你的手机xmarin live player应用扫一扫VS xmarin live player 生成的二维码

完成之后等待一会,你就可以在VS xmarin live player 上面看到你的设备连接情况了。

这个时候就算连接全部完成了。但是记住不要按F5运行项目,这样是没有用的!(本人就在这里卡了很久,VS会自动结束运行)

你应该在你的解决方案的地方选择你要运行的项目,设置为启动项

设置好了之后你可以在你的项目里面选择好你要查看效果的页面打开,然后在工具->xmarin live player->实时查看效果

这个时候你会发现VS的状态栏下面会开始显示正在连接到设备、正在部署等一系列情况

等待一会你就可以在你的苹果或安卓手机上看到页面效果了!

这还不是重点,接下来说的才是重点。

你可以修改你的页面代码然后保存,你会发现你设备上的页面效果也一起发生了改变(看网络情况和设备的性能会有一定的部署时间)

 

以上就是这次的使用步骤!!! 有不对的地方可以留言让我修改!!!谢谢!!!

xmarin live player 连接 IOS以及安卓实现实时效果查看的更多相关文章

  1. ios 和安卓常用图标、启动图 尺寸

    ---------------------------------------------ios---------------------------------------------------- ...

  2. HTML5全球普及加速:有望终结iOS与安卓界限【转】

    HTML5或将成为未来移动互联网时代的颠覆者. 5年前,当第一台iPhone诞生时,乔布斯断然拒绝了FlashPlayer,而选择HTML5(新型网页标准)取代Flash的功能.他曾预言,“虽然现阶段 ...

  3. 年过三十,我为什么要学习ios 与安卓App 移动端技术

    今天跟我华为的同学谈了一些技术/人生方面的感悟,感觉自己的人生目标及后面的工作/生活有了一个比较清晰的认识与规划. 首先我谈了一下我为什么要学习ios与安卓技术,我其实不想通过这二门技术来提升我的薪酬 ...

  4. cocos2dx jsb 在IOS与安卓下的一些不同之处

    cocos2dx版本 2.1.4 1:字体大小 cocosbuilder publish后应该注意IOS和安卓目录下的字体文件的规格是否齐全: 2:cc.LabelTTF 在ios下,cc.Label ...

  5. Nginx集群之.Net打造WebApp(支持IOS和安卓)

    目录 1       大概思路... 1 2       Nginx集群之.Net打造WebApp(支持IOS和安卓) 1 3       安卓模拟器... 1 4       MUI框架... 3 ...

  6. 移动端吸顶(iOS与安卓)

    有的时候经常会遇到移动端吸顶效果,开始我也只是上网查了一下,分别有iOS和android两种样式,如下: /*!*Android*!*/ .head { position: fixed; top: 0 ...

  7. php后台对接ios,安卓,API接口设计和实践完全攻略,涨薪必备技能

    2016年12月29日13:45:27    关于接口设计要说的东西很多,可能写一个系列都可以,vsd图都得画很多张,但是由于个人时间和精力有限,所有有些东西后面再补充   说道接口设计第一反应就是r ...

  8. Mac使用数据线连接ios,安装deb

    原创http://www.cnblogs.com/fply/p/8478702.html mac连接ios mac连接ios需要用到usbmuxd,这个可自行下载 到python-client目录下, ...

  9. 判断终端是ios还是安卓的一些妙用(附加微信分享图标修改)

    最近遇到一个项目 要求有两个icon(就是下载地址 下载安卓的apk  和ios的安装包) 一开始的方案是 什么设备都显示这两个icon 但是后来老大说这样不好   安卓用户给他下载ios 也不行  ...

随机推荐

  1. 使用ng-content进行组件内容投射

    原文 https://www.jianshu.com/p/c0a39b1776c0 大纲 1.认识内容投射 2.一个简单组件 3.简单投射 4.针对性投射 5.ngProjectAs 6.代码资源 认 ...

  2. GitHub的repository的相关操作

    原文地址 https://www.jianshu.com/p/038e8ba10e45 1.准备工作 a.有自己的GitHub账号(https://github.com/)b.在自己本地有安装git软 ...

  3. php thinkphp uploadify

    模板文件: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w ...

  4. html5+js压缩图片上传

    最近在折腾移动站的开发,涉及到了一个手机里面上传图片.于是经过N久的折腾,找到一个插件,用法如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ...

  5. 苹果浏览器Safari对html标签submit按钮的默认渲染

    -webkit-appearance: none; 上面的设置就告诉Safari不要使用默认渲染,使用我们写好的 有这么一个webkit的私有属性: -webkit-appearance:none;  ...

  6. 编译nodejs及其源代码研究

    本文将从 源代码 研究nodejs 的原理.本质,探讨nodejs的应用场景,以及高性能开发实践指南. 文件夹: 第一节:编译node.js 第二节:源代码分析 进入主题:下面是在win7 64 下进 ...

  7. [RxJS] Use groupBy in real RxJS applications

    This lesson will show when to apply groupBy in the real world. This RxJS operator is best suited whe ...

  8. 嵌入式project师考试知识点总结 微内核结构

    在操作系统的结构设计中,微内核结构表示的是 A)  总体式结构 B)  层次结构 C)  分布式结构 D)  客户机/server结构    微内核是指把操作系统结构中的内存管理.设备管理.文件系统等 ...

  9. 【record】10.2..10.9

    .

  10. sql操作xml小总结

    一.前言 SQL Server 2005 引入了一种称为 XML 的本机数据类型.用户可以创建这样的表,它在关系列之外还有一个或多个 XML 类型的列:此外,还允许带有变量和参数.为了更好地支持 XM ...