02 Xamarin.Forms预览 – XAML中预览器与Visual Studio 2015以上

作者: 归零者 分类: 外延扩展 发布时间: 2017-09-06 11:51


 

昨天上班听同事说Visual Studio 有Xaml 预览器这种神奇的东西… (一直没发现…)

 

手痒的我下班回家就想玩看看,想不到要求还满多的…

要满足以下三点才能招唤预览器:

  1. Android SDK API 25 以上
  2. JAVA JDK 1.8 以上
  3. 项目要先生成

 

这一篇文章就带大家一步一步满足他…

 


 

这几天刚好Xamarin升级到4.3 ~最大的改变就是新增项目后只剩下Android和iOS,(Xamarin终于看清没有人在开发WP了?)


 

新增项目时也变得更简洁,还多了Master Detail 的样板可选择:



 

另外,更新完Xamarin 4.3后,第一次新增项目怪异的等超久…  样板会先建立一些文件夹和示例代码:



 

 

回到正题,让我们来满足预览器… 

1.安装Android SDK API 25

在VS内开启Android SDK Manager:



打开后若发现API 25 没有绿色的SDK Platform可勾选,请先安装更新Android SDK Tools :


 

安装完再重开SDK Manager,即可获得7.1.1 的SDK Platform,勾选并安装:


安装完后重开VS,就能获得以下错误码:



别怕,让我们来… 

2.安装JDK 1.8

请先至官网下载并安装:
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html



安装完毕后回到VS 更改设定:

工具→选项  → Xamarin  → Android Settings  → Java开发套件位置  →变更


 

指向刚刚安装JDK1.8 的文件夹:


 

3. 生成项目

 

这不用我教了吧…

满足以上三点就能开启Previewer,

 

Visual Studio → 查看→ 其他视窗→ Forms Previewer:


 

选择输出的Device 和Platform:

iOS 请连结Mac…


 

点击.xaml 档,等Previewer render 一下:


 

 

就会出现画面了:


 


 

谜之声:有时render 还满久的,但至少不用生成完发布到模拟器或手机才能看到画面了!!!

 

 

最后附上Xamarin 官方网址:

https://developer.xamarin.com/guides/xamarin-forms/xaml/xaml-previewer/

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

说点什么

avatar
  Subscribe  
提醒
跳至工具栏