1. 前言

  • 近日在     Visual / Xamarin Studio 当中开发 Forms     程序时，常常因为编辑     XAML 没有办法看到预览界面，深觉有开发上麻烦的地方。后来发现     Gorilla Player 这个第三方插件，可以协助解决这个问题。

2. 环境准备

  • Windows     8/8.1/10

  • Mac     OS 10.11

  • Visual     Studio 2015 or Xamarin Studio

  • Gorilla     Player

3. 本文

3.1 Gorilla Player 的介绍

Gorilla Player 是个非 Xamarin 官方的第三方组织UXDrivers，协助 Xamarin.From 处理 XAML 编辑的一个及时预览工具。其工具可以到下列网址，填写 Email后取得下载: http://gorillaplayer.com/

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_搜索

3.2 安装与配置 Gorilla Player

下载 Gorilla Player 后，点选安装。

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_仿真器_02

静待安装。

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_手机端_03

安装完成。

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_手机端_04

此时会同时启动配置 Gorilla Player 的配置程序。请点选接受。

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_搜索_05

Gorilla Player 会侦测已经有安装的相关开发工具，将适当的 Plugin 安装好。

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_手机端_06

安装完毕，再点选继续。

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_官网_07

接着请填写 Gorilla Player 当初注册时发送的账号与密码信息。

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_搜索_08

此时会启动 Gorilla Player 的后台服务程序，它会通过网络的方式跟我们运行的 Visual Studio /Xamarin Studio 做 XAML 编辑的通讯，以便你可以看到 XAML 的实时预览。

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_仿真器_09

相关如何使用 Gorilla Player 的说明。  

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_搜索_10

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_仿真器_11

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_搜索_12

接着打开 Visual Studio / Xamarin Studio。(下面以 Visual Studio 为例)Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_手机端_13

 

可以到工具 -> 选项 -> Xamarin 当中，确认一下 Gorilla Player 的配置值。

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_仿真器_14

启动 Visual Studio 后，建立一个 Xamarin.Froms 的项目，预设 Gorilla Player 就会自动执行，可以在 Windows 的常驻程序当中找到。并且在右键选单当中，点选  ”ShowPlayer + SDK + Samples Location”。

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_搜索_15

档案总管浏览到该文件夹后，点选 Player 文件夹。

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_官网_16

 

并且利用 Visual Studio 开启文件夹内部的 Player 项目，来部署手机端的 Gorilla Player 软件。

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_实时预览_17

 

开启后，直接编译布署该 Player 程序到 Android 的仿真器当中。

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_实时预览_18

 

3.3 使用 Gorilla Player 预览 XAML

接下来在原本建立的 Xamarin.Forms 项目当中，增加个新的 XAML Page。

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_搜索_19

 

此时在变更 XAML 的过程当中，Gorilla 就会将所编辑的 XAML 呈现相关的界面预览状况 (Ctrl + S 就会更新界面)，呈现在刚刚执行起来的仿真器中。

Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_搜索_20Gorilla Player – 开发 Xamarin.Forms的同时，及时预览 XAML 界面_手机端_21

 

4. 参考来源