预览Xamarin表单页面

Question

预览Xamarin表单页面

visual-studioxamarinxamarin.formspreviewdesigner

11

有没有一种方法可以在不首先部署到设备/模拟器的情况下预览Xamarin表单页面？

或者有没有一种方法可以实时编辑页面并在某个地方查看更改（有点像WPF的Snoopy）。我尝试了Xamarin Studio + Visual Studio，但没有看到设计器。

- Michal Ciechan

5个回答

6

Xamarin.Forms 预览器现在可以在 VS 中使用。您只需要更新 Xamarin 版本：打开工具 > 选项 > Xamarin > 其他 > 立即检查，将您的 Xamarin 更新到最新版本。

然后通过查看 > 其他窗口 > Xamarin.Forms 预览器 打开它。

更新：但是看起来它没有显示我的 XAML 中的任何内容！

- LonelyDeveloper

在预览XAML文件时，您必须连接到您的Mac代理。 - Parth Patel

4

Xamarin Studio包含一个XAML预览器，我已经使用了一段时间。

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

- SushiHangover

谢谢，这正是我所需要的！我刚刚切换到 Alpha 频道 :-) 只要我的网络速度更快就好了 :-( - Michal Ciechan

@MichalCiechan，没问题。它还不是“完美的”，因为它并不能始终从XML语法错误中恢复过来，所以你可能需要关闭并重新打开XAML文件，以便让它重新编译XAML代码，因为它实际上是在运行代码。 - SushiHangover

1

我安装了最新的Alpha渠道版本（6.1），但仍然没有在右上角提供任何XAML预览按钮 :-( 我将尝试使用Gorilla Player。 - Michal Ciechan

1

我在进行自己的研究后，留下了这里我的印象，尝试过以下工具：

Xamarin的预览器
Xamarin Forms Player
Gorilla Player

结论:

我决定使用Gorilla Player。唯一真正适合我的工具 - 尽管它有一个限制，只能使用XAML - 这意味着您必须使用XAML编写UI。

- Veverke

0

Xamarin.Forms 预览器已在稳定频道作为预览版发布。

要使 XAML 预览器正常工作，项目需要最新的 Xamarin.Forms NuGet 包。

打开 Android SDK 管理器并更新 SDK 工具和平台工具。

重新构建解决方案并创建新的 XAML 页面。

在 Visual Studio 中：使用“视图”>“其他窗口”>“Xamarin.Forms 预览器”菜单打开预览窗口。 Et voilà

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

- StefanoM5

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Zein Makki · Accepted Answer

2016年9月30日更新:

使用最新版本的Xamarin，您可以按照以下步骤操作：

在Visual Studio中使用视图 > 其他窗口 > Xamarin.Forms预览器菜单以打开预览窗口。使用窗口 > 新建垂直选项卡组菜单将其侧边放置，如下图所示：

请注意：

预览器需要在渲染页面之前构建项目。如果在预览窗格顶部出现“无效的XAML”错误，请重新构建应用程序并重试。

来源

参考其他解决方案的旧答案：

目前Xamarin Studio中的Alpha渠道中才提供Xamarin.Forms预览器。请按照这些说明更改更新通道。

目前没有Visual Studio的官方Xamarin Forms UI预览器。然而，在最后的Xamarin Evolve 2016中，Xamarin宣布他们正在开发一个将发布的设计师。详情请参见此处。

Xamarin最近发布了一个Xamarin预览器，仅适用于Xamarin Studio（Visual Studio稍后会有），可让您在iOS和Android上预览XAML。目前这是试用版本，并通过Alpha渠道（2016年4月29日）提供。一旦它适用于Visual Studio我将尝试记得更新此消息。

作为非官方的替代方法，您可以尝试：

Gorilla Player